diff --git a/apps/web/app/components/admin/SponsorItem.vue b/apps/web/app/components/admin/SponsorItem.vue
index 35a0b191..006b5a03 100644
--- a/apps/web/app/components/admin/SponsorItem.vue
+++ b/apps/web/app/components/admin/SponsorItem.vue
@@ -20,6 +20,7 @@ const newSponsor = ref({
   name: props.sponsor?.name ?? '',
   detail_page_id: props.sponsor?.detail_page_id ?? '',
   image_url: props.sponsor?.image_url ?? '',
+  share_image_url: props.sponsor?.share_image_url ?? '',
   description_ja: props.sponsor?.description_ja ?? '',
   description_en: props.sponsor?.description_en ?? '',
   link_url: props.sponsor?.link_url ?? '',
@@ -48,6 +49,18 @@ const checkFiles = async (files: File[]) => {
 
   newSponsor.value.image_url = getFullAvatarUrl(filePath)
 }
+const checkShareFiles = async (files: File[]) => {
+  if (files.length === 0) return
+
+  const file = files[0]
+  // const filename = file.name
+  const fileExt = file.name.split('.').pop()
+  const filePath = `/${Math.random()}.${fileExt}`
+
+  uploadAvatar(filePath, file)
+
+  newSponsor.value.share_image_url = getFullAvatarUrl(filePath)
+}
 const updateDescriptionJa = (e: any) => {
   newSponsor.value.description_ja = e.target.value
 }
@@ -99,9 +112,23 @@ const onSubmit = () => {
               height="60"
               decoding="async"
             />
-            <p>Drag & drop a file</p>
+            <p>Drag & drop an image file</p>
+            <p>または</p>
+            <p>Select an image file</p>
+          </div>
+        </VFDragDropArea>
+        <VFDragDropArea file-name="profiledata" file-accept="image/*" @check-files="checkShareFiles">
+          <div class="upload">
+            <img
+              v-if="newSponsor.share_image_url"
+              alt=""
+              :src="newSponsor.share_image_url"
+              height="60"
+              decoding="async"
+            />
+            <p>Drag & drop a share image file</p>
             <p>または</p>
-            <p>Select a file</p>
+            <p>Select a share image file</p>
           </div>
         </VFDragDropArea>
         <VFTextAreaField
diff --git a/apps/web/app/components/admin/SponsorList.vue b/apps/web/app/components/admin/SponsorList.vue
index f54f38e0..0a7e0e11 100644
--- a/apps/web/app/components/admin/SponsorList.vue
+++ b/apps/web/app/components/admin/SponsorList.vue
@@ -25,6 +25,7 @@ const handleDialog = (id?: string) => {
       <th>name</th>
       <th>detail_page_id</th>
       <th>image_url</th>
+      <th>share_image_url</th>
       <th>description</th>
       <th>link_url</th>
       <th>speaker_id</th>
@@ -47,6 +48,19 @@ const handleDialog = (id?: string) => {
           No image
         </p>
       </td>
+      <td>
+        <img
+          v-if="sponsor.share_image_url"
+          alt=""
+          :src="sponsor.share_image_url"
+          width="60"
+          height="60"
+          decoding="async"
+        />
+        <p v-if="!sponsor.share_image_url">
+          No share image
+        </p>
+      </td>
       <td>
         <p>{{ sponsor.description_ja }}</p>
         <p>{{ sponsor.description_en }}</p>
diff --git a/apps/web/app/content/ja/namecard_annotation_order_number.md b/apps/web/app/content/ja/namecard_annotation_order_number.md
index cd5bca1f..499d3a95 100644
--- a/apps/web/app/content/ja/namecard_annotation_order_number.md
+++ b/apps/web/app/content/ja/namecard_annotation_order_number.md
@@ -1 +1 @@
-※注文番号は、チケット購入時にPeatixから送信されるメール内に含まれる[領収データ](https://help-attendee.peatix.com/ja-JP/support/solutions/articles/44001821741)から確認できます。
+※注文番号は、チケット購入時に Peatix から送信されるメール内に含まれる[領収データ](https://help-attendee.peatix.com/ja-JP/support/solutions/articles/44001821741)から確認できます。
diff --git a/apps/web/app/pages/namecard/[id]/edit/complete.vue b/apps/web/app/pages/namecard/[id]/edit/complete.vue
index c1cda55e..eb4fbd74 100644
--- a/apps/web/app/pages/namecard/[id]/edit/complete.vue
+++ b/apps/web/app/pages/namecard/[id]/edit/complete.vue
@@ -44,13 +44,13 @@ const { authUserId, statusKey, attendee } = await useNamecard()
           can-hover
           class="sns-button"
         />
-        <!-- TODO facebook追加 -->
-        <!--         <VFIconButton
-          class="sns-button"
-          name="facebook"
+        <VFIconButton
+          name="Facebook"
+          color="black"
           :href="`/namecard/${authUserId}/share/`"
           can-hover
-        /> -->
+          class="sns-button"
+        />
       </div>
       <CreationStatus :status-key="statusKey" size="small" class="creation-status" />
       <!-- TODO 24に置き換え&smallサイズ指定 -->
diff --git a/apps/web/app/pages/namecard/[id]/share.vue b/apps/web/app/pages/namecard/[id]/share.vue
index c9c04c11..97ebff2c 100644
--- a/apps/web/app/pages/namecard/[id]/share.vue
+++ b/apps/web/app/pages/namecard/[id]/share.vue
@@ -17,6 +17,15 @@ if (!attendee) {
 
 const currentLocale = useLocaleCurrent().locale
 
+function copyUrl() {
+  const element = document.createElement('input')
+  element.value = `https://vuefes.jp/2024/namecard/${id}/share`
+  document.body.appendChild(element)
+  element.select()
+  document.execCommand('copy')
+  document.body.removeChild(element)
+}
+
 const officialSiteUrl = computed(() => {
   return currentLocale.value === 'ja' ? linkUrl : `${linkUrl}/en`
 })
@@ -50,11 +59,36 @@ useHead({
       >{{ t('official_site') }}</VFLinkButton
     >
     <VFComment class="share-namecard" :title="t('share_namecard')" />
-    <!-- TODO snsアイコン&リンク設置 -->
     <ul class="sns-list">
-      <li>x</li>
-      <li>facebook</li>
-      <li>copy</li>
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="x40"
+          :href="`https://x.com/share?url=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+          can-hover
+        />
+      </li>
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="Facebook"
+          :href="`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+        />
+      </li>
+      <li>
+        <div class="copycode">
+          <VFCssResetButton @click="copyUrl">
+            <VFIcon color="vue-blue" name="external" :can-hover="false" />
+          </VFCssResetButton>
+          <span>コピーしました！</span>
+        </div>
+      </li>
     </ul>
   </div>
 </template>
@@ -72,7 +106,8 @@ useHead({
   max-width: 960px;
   margin: 0 auto calc(var(--unit) * 7.5);
 }
-.invite-comment {
+.invite-comment,
+.share-session {
   margin: 0 auto calc(var(--unit) * 2.5);
 }
 .link-button {
@@ -86,4 +121,36 @@ useHead({
   border-radius: var(--height-button);
   margin: 0 auto calc(var(--unit) * 7.5);
 }
+.sns-list {
+  display: flex;
+  justify-content: center;
+  gap: calc(var(--unit) * 2.5);
+  padding: 0;
+  margin: 0;
+}
+.sns-list li {
+  padding: 0;
+  margin: 0;
+}
+.copycode {
+  position: relative;
+  display: inline-block;
+}
+.copycode span {
+  opacity: 0; 
+  position: absolute;
+  top: 0px;
+  right: -5px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 5px;
+  transform: translate(100%);
+}
+.copycode button:focus + span {
+  animation: fade-out 2s ease-in;
+}
+@keyframes fade-out {
+  0% { visibility: visible; opacity: 1; }
+  100% { visibility: hidden; opacity: 0; }
+}
 </style>
diff --git a/apps/web/app/pages/sessions/[id]/share.vue b/apps/web/app/pages/sessions/[id]/share.vue
index 11645e02..3a5bf669 100644
--- a/apps/web/app/pages/sessions/[id]/share.vue
+++ b/apps/web/app/pages/sessions/[id]/share.vue
@@ -1,2 +1,164 @@
-<script setup lang="ts"></script>
-<template></template>
+<script setup lang="ts">
+import { createError, useAsyncData, useHead, useLocaleCurrent, useRoute, useSupabase } from '#imports'
+import { conferenceTitle, linkUrl, ogSpeakerDescription } from '~/utils/constants'
+import { generalOg, twitterOg } from '~/utils/og.constants'
+import type { Speaker } from '@vuejs-jp/model'
+
+const route = useRoute()
+const id = route.params.id as string
+
+const { fetchData } = useSupabase()
+const { data: speakers } = await useAsyncData('speakers', async () => {
+  return await fetchData('speakers', { detailPageId: id })
+})
+const speakerData = speakers.value?.data as Speaker[]
+if (!speakerData) {
+  throw createError({ statusCode: 404, statusMessage: 'Speaker not found' })
+}
+
+if (!speakerData[0].detail_page_id) {
+  throw createError({ statusCode: 404, statusMessage: 'Speaker not found' })
+}
+
+const currentLocale = useLocaleCurrent().locale
+
+function copyUrl() {
+  const element = document.createElement('input')
+  element.value = `https://vuefes.jp/2024/namecard/${id}/share`
+  document.body.appendChild(element)
+  element.select()
+  document.execCommand('copy')
+  document.body.removeChild(element)
+}
+
+useHead({
+  titleTemplate: (titleChunk) => `${conferenceTitle}`,
+  meta: [
+    ...generalOg({
+      title: `${conferenceTitle}`,
+      description: ogSpeakerDescription,
+      url: `${linkUrl}sessions/${id}/share`,
+    }),
+    ...twitterOg({
+      title: `${conferenceTitle}`,
+      description: ogSpeakerDescription,
+      url: `${linkUrl}sessions/${id}/share`,
+    }),
+  ],
+})
+</script>
+<template>
+  <div class="session-share-root">
+    <VFOgCard23
+      class="session"
+      :user="{
+        display_name: speakerData[0].name_ja,
+        avatar_url: speakerData[0].image_url,
+        role: 'speaker',
+      }"
+    />
+    <VFComment class="invite-comment" :title="$t('invite_vue_fes')" />
+    <VFLinkButton
+      class="link-button"
+      :href="currentLocale === 'ja' ? linkUrl : `${linkUrl}/en`"
+      background-color="vue-green/200"
+      color="white"
+    >
+      {{ $t('official_site') }}
+    </VFLinkButton>
+    <VFComment class="share-session" :title="$t('share_namecard')" />
+    <ul class="sns-list">
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="x40"
+          :href="`https://x.com/share?url=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+          can-hover
+        />
+      </li>
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="Facebook"
+          :href="`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+        />
+      </li>
+      <li>
+        <div class="copycode">
+          <VFCssResetButton @click="copyUrl">
+            <VFIcon color="vue-blue" name="external" :can-hover="false" />
+          </VFCssResetButton>
+          <span>コピーしました！</span>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style scoped>
+.session-share-root {
+  --header-height: calc(var(--unit) * 10);
+  --content-padding: calc(var(--unit) * 15);
+  padding-top: calc(var(--header-height) + var(--content-padding));
+  padding-bottom: var(--content-padding);
+  max-width: 960px;
+  margin: 0 auto;
+}
+.session {
+  max-width: 960px;
+  margin: 0 auto calc(var(--unit) * 7.5);
+}
+.invite-comment,
+.share-session {
+  margin: 0 auto calc(var(--unit) * 2.5);
+}
+.link-button {
+  --height-button: 66px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 400px;
+  height: var(--height-button);
+  border-radius: var(--height-button);
+  margin: 0 auto calc(var(--unit) * 7.5);
+}
+.sns-list {
+  display: flex;
+  justify-content: center;
+  gap: calc(var(--unit) * 2.5);
+  padding: 0;
+  margin: 0;
+}
+.sns-list li {
+  padding: 0;
+  margin: 0;
+}
+.copycode {
+  position: relative;
+  display: inline-block;
+}
+.copycode span {
+  opacity: 0; 
+  position: absolute;
+  top: 0px;
+  right: -5px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 5px;
+  transform: translate(100%);
+}
+.copycode button:focus + span {
+  animation: fade-out 2s ease-in;
+}
+@keyframes fade-out {
+  0% { visibility: visible; opacity: 1; }
+  100% { visibility: hidden; opacity: 0; }
+}
+</style>
diff --git a/apps/web/app/pages/sponsors/[id]/share.vue b/apps/web/app/pages/sponsors/[id]/share.vue
index 11645e02..6e909a84 100644
--- a/apps/web/app/pages/sponsors/[id]/share.vue
+++ b/apps/web/app/pages/sponsors/[id]/share.vue
@@ -1,2 +1,164 @@
-<script setup lang="ts"></script>
-<template></template>
+<script setup lang="ts">
+import { createError, useAsyncData, useHead, useLocaleCurrent, useRoute, useSupabase } from '#imports'
+import { conferenceTitle, linkUrl, ogSponsorDescription } from '~/utils/constants'
+import { generalOg, twitterOg } from '~/utils/og.constants'
+import type { Sponsor } from '@vuejs-jp/model'
+
+const route = useRoute()
+const id = route.params.id as string
+
+const { fetchData } = useSupabase()
+const { data: sponsors } = await useAsyncData('sponsors', async () => {
+  return await fetchData('sponsors', { detailPageId: id })
+})
+const sponsorData = sponsors.value?.data as Sponsor[]
+if (!sponsorData) {
+  throw createError({ statusCode: 404, statusMessage: 'Sponsor not found' })
+}
+
+if (!sponsorData[0].detail_page_id) {
+  throw createError({ statusCode: 404, statusMessage: 'Sponsor not found' })
+}
+
+const currentLocale = useLocaleCurrent().locale
+
+function copyUrl() {
+  const element = document.createElement('input')
+  element.value = `https://vuefes.jp/2024/namecard/${id}/share`
+  document.body.appendChild(element)
+  element.select()
+  document.execCommand('copy')
+  document.body.removeChild(element)
+}
+
+useHead({
+  titleTemplate: (titleChunk) => `${conferenceTitle}`,
+  meta: [
+    ...generalOg({
+      title: `${conferenceTitle}`,
+      description: ogSponsorDescription,
+      url: `${linkUrl}sponsors/${id}/share`,
+    }),
+    ...twitterOg({
+      title: `${conferenceTitle}`,
+      description: ogSponsorDescription,
+      url: `${linkUrl}sponsors/${id}/share`,
+    }),
+  ],
+})
+</script>
+<template>
+  <div class="session-share-root">
+    <VFOgCard23
+      class="session"
+      :user="{
+        display_name: sponsorData[0].name,
+        avatar_url: sponsorData[0].share_image_url,
+        role: 'sponsor',
+      }"
+    />
+    <VFComment class="invite-comment" :title="$t('invite_vue_fes')" />
+    <VFLinkButton
+      class="link-button"
+      :href="currentLocale === 'ja' ? linkUrl : `${linkUrl}/en`"
+      background-color="vue-green/200"
+      color="white"
+    >
+      {{ $t('official_site') }}
+    </VFLinkButton>
+    <VFComment class="share-session" :title="$t('share_namecard')" />
+    <ul class="sns-list">
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="x40"
+          :href="`https://x.com/share?url=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+          can-hover
+        />
+      </li>
+      <li>
+        <VFIconButton
+          color="vue-blue"
+          name="Facebook"
+          :href="`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(
+            `https://vuefes.jp/2024/namecard/${id}/share`,
+          )}`"
+          target-blank
+        />
+      </li>
+      <li>
+        <div class="copycode">
+          <VFCssResetButton @click="copyUrl">
+            <VFIcon color="vue-blue" name="external" :can-hover="false" />
+          </VFCssResetButton>
+          <span>コピーしました！</span>
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<style scoped>
+.session-share-root {
+  --header-height: calc(var(--unit) * 10);
+  --content-padding: calc(var(--unit) * 15);
+  padding-top: calc(var(--header-height) + var(--content-padding));
+  padding-bottom: var(--content-padding);
+  max-width: 960px;
+  margin: 0 auto;
+}
+.session {
+  max-width: 960px;
+  margin: 0 auto calc(var(--unit) * 7.5);
+}
+.invite-comment,
+.share-session {
+  margin: 0 auto calc(var(--unit) * 2.5);
+}
+.link-button {
+  --height-button: 66px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 400px;
+  height: var(--height-button);
+  border-radius: var(--height-button);
+  margin: 0 auto calc(var(--unit) * 7.5);
+}
+.sns-list {
+  display: flex;
+  justify-content: center;
+  gap: calc(var(--unit) * 2.5);
+  padding: 0;
+  margin: 0;
+}
+.sns-list li {
+  padding: 0;
+  margin: 0;
+}
+.copycode {
+  position: relative;
+  display: inline-block;
+}
+.copycode span {
+  opacity: 0; 
+  position: absolute;
+  top: 0px;
+  right: -5px;
+  color: #fff;
+  background: rgba(0, 0, 0, 0.5);
+  padding: 2px 5px;
+  transform: translate(100%);
+}
+.copycode button:focus + span {
+  animation: fade-out 8s ease-in;
+}
+@keyframes fade-out {
+  0% { visibility: visible; opacity: 1; }
+  100% { visibility: hidden; opacity: 0; }
+}
+</style>
diff --git a/apps/web/app/types/generated/supabase.ts b/apps/web/app/types/generated/supabase.ts
index d882350e..16be4c84 100644
--- a/apps/web/app/types/generated/supabase.ts
+++ b/apps/web/app/types/generated/supabase.ts
@@ -262,6 +262,7 @@ export type Database = {
           is_open: boolean
           link_url: string | null
           name: string
+          share_image_url: string | null
           speaker_id: string | null
           tag: string[] | null
           updated_at: string
@@ -277,6 +278,7 @@ export type Database = {
           is_open: boolean
           link_url?: string | null
           name: string
+          share_image_url?: string | null
           speaker_id?: string | null
           tag?: string[] | null
           updated_at?: string
@@ -292,6 +294,7 @@ export type Database = {
           is_open?: boolean
           link_url?: string | null
           name?: string
+          share_image_url?: string | null
           speaker_id?: string | null
           tag?: string[] | null
           updated_at?: string
diff --git a/packages/model/lib/icon.ts b/packages/model/lib/icon.ts
index 241701c6..3e264833 100644
--- a/packages/model/lib/icon.ts
+++ b/packages/model/lib/icon.ts
@@ -2,7 +2,7 @@ export type IconName =
   | 'x'
   | 'x24'
   | 'x40'
-  | 'Facebook40'
+  | 'Facebook'
   | 'note'
   | 'YouTube'
   | 'GitHub'
diff --git a/packages/model/lib/sponsor.ts b/packages/model/lib/sponsor.ts
index 5275973e..f99f9c5c 100644
--- a/packages/model/lib/sponsor.ts
+++ b/packages/model/lib/sponsor.ts
@@ -33,6 +33,7 @@ export type Sponsor = {
   description_en: string
   speaker_id?: string
   image_url: string
+  share_image_url: string
   tag: Array<SponsorType | OptionSponsorType>
   link_url: string
   is_open: boolean
diff --git a/packages/ui/assets/icon/github_32_icon.svg b/packages/ui/assets/icon/github_32_icon.svg
index 6a078cda..19938854 100644
--- a/packages/ui/assets/icon/github_32_icon.svg
+++ b/packages/ui/assets/icon/github_32_icon.svg
@@ -1,11 +1,4 @@
-<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_3590_6493)">
-<path d="M11.2032 24.8375C11.2032 24.9625 11.0548 25.0625 10.8677 25.0625C10.6548 25.0812 10.5065 24.9812 10.5065 24.8375C10.5065 24.7125 10.6548 24.6125 10.8419 24.6125C11.0355 24.5938 11.2032 24.6938 11.2032 24.8375ZM9.19677 24.5562C9.15161 24.6812 9.28065 24.825 9.47419 24.8625C9.64194 24.925 9.83548 24.8625 9.87419 24.7375C9.9129 24.6125 9.79032 24.4688 9.59677 24.4125C9.42903 24.3687 9.24194 24.4312 9.19677 24.5562ZM12.0484 24.45C11.8613 24.4938 11.7323 24.6125 11.7516 24.7563C11.771 24.8813 11.9387 24.9625 12.1323 24.9188C12.3194 24.875 12.4484 24.7563 12.429 24.6313C12.4097 24.5125 12.2355 24.4313 12.0484 24.45ZM16.2935 0.5C7.34516 0.5 0.5 7.08125 0.5 15.75C0.5 22.6812 5.00323 28.6125 11.4355 30.7C12.2613 30.8438 12.5516 30.35 12.5516 29.9438C12.5516 29.5562 12.5323 27.4188 12.5323 26.1063C12.5323 26.1063 8.01613 27.0437 7.06774 24.2437C7.06774 24.2437 6.33226 22.425 5.27419 21.9562C5.27419 21.9562 3.79677 20.975 5.37742 20.9937C5.37742 20.9937 6.98387 21.1188 7.86774 22.6063C9.28064 25.0188 11.6484 24.325 12.571 23.9125C12.7194 22.9125 13.1387 22.2188 13.6032 21.8062C9.99677 21.4187 6.35806 20.9125 6.35806 14.9C6.35806 13.1812 6.84839 12.3188 7.88065 11.2188C7.7129 10.8125 7.16452 9.1375 8.04839 6.975C9.39677 6.56875 12.5 8.6625 12.5 8.6625C13.7903 8.3125 15.1774 8.13125 16.5516 8.13125C17.9258 8.13125 19.3129 8.3125 20.6032 8.6625C20.6032 8.6625 23.7065 6.5625 25.0548 6.975C25.9387 9.14375 25.3903 10.8125 25.2226 11.2188C26.2548 12.325 26.8871 13.1875 26.8871 14.9C26.8871 20.9312 23.0871 21.4125 19.4806 21.8062C20.0742 22.3 20.5774 23.2375 20.5774 24.7062C20.5774 26.8125 20.5581 29.4187 20.5581 29.9312C20.5581 30.3375 20.8548 30.8312 21.6742 30.6875C28.1258 28.6125 32.5 22.6812 32.5 15.75C32.5 7.08125 25.2419 0.5 16.2935 0.5ZM6.77097 22.0562C6.6871 22.1187 6.70645 22.2625 6.81613 22.3813C6.91935 22.4813 7.06774 22.525 7.15161 22.4438C7.23548 22.3813 7.21613 22.2375 7.10645 22.1187C7.00323 22.0187 6.85484 21.975 6.77097 22.0562ZM6.07419 21.55C6.02903 21.6312 6.09355 21.7313 6.22258 21.7938C6.32581 21.8563 6.45484 21.8375 6.5 21.75C6.54516 21.6688 6.48064 21.5688 6.35161 21.5063C6.22258 21.4688 6.11935 21.4875 6.07419 21.55ZM8.16452 23.775C8.06129 23.8562 8.1 24.0438 8.24839 24.1625C8.39677 24.3062 8.58387 24.325 8.66774 24.225C8.75161 24.1438 8.7129 23.9562 8.58387 23.8375C8.44194 23.6938 8.24839 23.675 8.16452 23.775ZM7.42903 22.8563C7.32581 22.9188 7.32581 23.0813 7.42903 23.225C7.53226 23.3687 7.70645 23.4312 7.79032 23.3687C7.89355 23.2875 7.89355 23.125 7.79032 22.9813C7.7 22.8375 7.53226 22.775 7.42903 22.8563Z" fill="#35495E"/>
-<path d="M11.2032 24.8375C11.2032 24.9625 11.0548 25.0625 10.8677 25.0625C10.6548 25.0812 10.5065 24.9812 10.5065 24.8375C10.5065 24.7125 10.6548 24.6125 10.8419 24.6125C11.0355 24.5938 11.2032 24.6938 11.2032 24.8375ZM9.19677 24.5562C9.15161 24.6812 9.28065 24.825 9.47419 24.8625C9.64194 24.925 9.83548 24.8625 9.87419 24.7375C9.9129 24.6125 9.79032 24.4688 9.59677 24.4125C9.42903 24.3687 9.24194 24.4312 9.19677 24.5562ZM12.0484 24.45C11.8613 24.4938 11.7323 24.6125 11.7516 24.7563C11.771 24.8813 11.9387 24.9625 12.1323 24.9188C12.3194 24.875 12.4484 24.7563 12.429 24.6313C12.4097 24.5125 12.2355 24.4313 12.0484 24.45ZM16.2935 0.5C7.34516 0.5 0.5 7.08125 0.5 15.75C0.5 22.6812 5.00323 28.6125 11.4355 30.7C12.2613 30.8438 12.5516 30.35 12.5516 29.9438C12.5516 29.5562 12.5323 27.4188 12.5323 26.1063C12.5323 26.1063 8.01613 27.0437 7.06774 24.2437C7.06774 24.2437 6.33226 22.425 5.27419 21.9562C5.27419 21.9562 3.79677 20.975 5.37742 20.9937C5.37742 20.9937 6.98387 21.1188 7.86774 22.6063C9.28064 25.0188 11.6484 24.325 12.571 23.9125C12.7194 22.9125 13.1387 22.2188 13.6032 21.8062C9.99677 21.4187 6.35806 20.9125 6.35806 14.9C6.35806 13.1812 6.84839 12.3188 7.88065 11.2188C7.7129 10.8125 7.16452 9.1375 8.04839 6.975C9.39677 6.56875 12.5 8.6625 12.5 8.6625C13.7903 8.3125 15.1774 8.13125 16.5516 8.13125C17.9258 8.13125 19.3129 8.3125 20.6032 8.6625C20.6032 8.6625 23.7065 6.5625 25.0548 6.975C25.9387 9.14375 25.3903 10.8125 25.2226 11.2188C26.2548 12.325 26.8871 13.1875 26.8871 14.9C26.8871 20.9312 23.0871 21.4125 19.4806 21.8062C20.0742 22.3 20.5774 23.2375 20.5774 24.7062C20.5774 26.8125 20.5581 29.4187 20.5581 29.9312C20.5581 30.3375 20.8548 30.8312 21.6742 30.6875C28.1258 28.6125 32.5 22.6812 32.5 15.75C32.5 7.08125 25.2419 0.5 16.2935 0.5ZM6.77097 22.0562C6.6871 22.1187 6.70645 22.2625 6.81613 22.3813C6.91935 22.4813 7.06774 22.525 7.15161 22.4438C7.23548 22.3813 7.21613 22.2375 7.10645 22.1187C7.00323 22.0187 6.85484 21.975 6.77097 22.0562ZM6.07419 21.55C6.02903 21.6312 6.09355 21.7313 6.22258 21.7938C6.32581 21.8563 6.45484 21.8375 6.5 21.75C6.54516 21.6688 6.48064 21.5688 6.35161 21.5063C6.22258 21.4688 6.11935 21.4875 6.07419 21.55ZM8.16452 23.775C8.06129 23.8562 8.1 24.0438 8.24839 24.1625C8.39677 24.3062 8.58387 24.325 8.66774 24.225C8.75161 24.1438 8.7129 23.9562 8.58387 23.8375C8.44194 23.6938 8.24839 23.675 8.16452 23.775ZM7.42903 22.8563C7.32581 22.9188 7.32581 23.0813 7.42903 23.225C7.53226 23.3687 7.70645 23.4312 7.79032 23.3687C7.89355 23.2875 7.89355 23.125 7.79032 22.9813C7.7 22.8375 7.53226 22.775 7.42903 22.8563Z" fill="black" fill-opacity="0.2"/>
-</g>
-<defs>
-<clipPath id="clip0_3590_6493">
-<rect width="32" height="32" fill="white" transform="matrix(-1 0 0 1 32.5 0)"/>
-</clipPath>
-</defs>
+<svg width="33" height="31" viewBox="0 0 33 31" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.2032 24.8375C11.2032 24.9625 11.0548 25.0625 10.8677 25.0625C10.6548 25.0812 10.5065 24.9812 10.5065 24.8375C10.5065 24.7125 10.6548 24.6125 10.8419 24.6125C11.0355 24.5938 11.2032 24.6938 11.2032 24.8375ZM9.19677 24.5562C9.15161 24.6812 9.28065 24.825 9.47419 24.8625C9.64194 24.925 9.83548 24.8625 9.87419 24.7375C9.9129 24.6125 9.79032 24.4688 9.59677 24.4125C9.42903 24.3687 9.24194 24.4312 9.19677 24.5562ZM12.0484 24.45C11.8613 24.4938 11.7323 24.6125 11.7516 24.7563C11.771 24.8813 11.9387 24.9625 12.1323 24.9188C12.3194 24.875 12.4484 24.7563 12.429 24.6313C12.4097 24.5125 12.2355 24.4313 12.0484 24.45ZM16.2935 0.5C7.34516 0.5 0.5 7.08125 0.5 15.75C0.5 22.6812 5.00323 28.6125 11.4355 30.7C12.2613 30.8438 12.5516 30.35 12.5516 29.9438C12.5516 29.5562 12.5323 27.4188 12.5323 26.1063C12.5323 26.1063 8.01613 27.0437 7.06774 24.2437C7.06774 24.2437 6.33226 22.425 5.27419 21.9562C5.27419 21.9562 3.79677 20.975 5.37742 20.9937C5.37742 20.9937 6.98387 21.1188 7.86774 22.6063C9.28064 25.0188 11.6484 24.325 12.571 23.9125C12.7194 22.9125 13.1387 22.2188 13.6032 21.8062C9.99677 21.4187 6.35806 20.9125 6.35806 14.9C6.35806 13.1812 6.84839 12.3188 7.88065 11.2188C7.7129 10.8125 7.16452 9.1375 8.04839 6.975C9.39677 6.56875 12.5 8.6625 12.5 8.6625C13.7903 8.3125 15.1774 8.13125 16.5516 8.13125C17.9258 8.13125 19.3129 8.3125 20.6032 8.6625C20.6032 8.6625 23.7065 6.5625 25.0548 6.975C25.9387 9.14375 25.3903 10.8125 25.2226 11.2188C26.2548 12.325 26.8871 13.1875 26.8871 14.9C26.8871 20.9312 23.0871 21.4125 19.4806 21.8062C20.0742 22.3 20.5774 23.2375 20.5774 24.7062C20.5774 26.8125 20.5581 29.4187 20.5581 29.9312C20.5581 30.3375 20.8548 30.8312 21.6742 30.6875C28.1258 28.6125 32.5 22.6812 32.5 15.75C32.5 7.08125 25.2419 0.5 16.2935 0.5ZM6.77097 22.0562C6.6871 22.1187 6.70645 22.2625 6.81613 22.3813C6.91935 22.4813 7.06774 22.525 7.15161 22.4438C7.23548 22.3813 7.21613 22.2375 7.10645 22.1187C7.00323 22.0187 6.85484 21.975 6.77097 22.0562ZM6.07419 21.55C6.02903 21.6312 6.09355 21.7313 6.22258 21.7938C6.32581 21.8563 6.45484 21.8375 6.5 21.75C6.54516 21.6688 6.48064 21.5688 6.35161 21.5063C6.22258 21.4688 6.11935 21.4875 6.07419 21.55ZM8.16452 23.775C8.06129 23.8562 8.1 24.0438 8.24839 24.1625C8.39677 24.3062 8.58387 24.325 8.66774 24.225C8.75161 24.1438 8.7129 23.9562 8.58387 23.8375C8.44194 23.6938 8.24839 23.675 8.16452 23.775ZM7.42903 22.8563C7.32581 22.9188 7.32581 23.0813 7.42903 23.225C7.53226 23.3687 7.70645 23.4312 7.79032 23.3687C7.89355 23.2875 7.89355 23.125 7.79032 22.9813C7.7 22.8375 7.53226 22.775 7.42903 22.8563Z" />
+<path d="M11.2032 24.8375C11.2032 24.9625 11.0548 25.0625 10.8677 25.0625C10.6548 25.0812 10.5065 24.9812 10.5065 24.8375C10.5065 24.7125 10.6548 24.6125 10.8419 24.6125C11.0355 24.5938 11.2032 24.6938 11.2032 24.8375ZM9.19677 24.5562C9.15161 24.6812 9.28065 24.825 9.47419 24.8625C9.64194 24.925 9.83548 24.8625 9.87419 24.7375C9.9129 24.6125 9.79032 24.4688 9.59677 24.4125C9.42903 24.3687 9.24194 24.4312 9.19677 24.5562ZM12.0484 24.45C11.8613 24.4938 11.7323 24.6125 11.7516 24.7563C11.771 24.8813 11.9387 24.9625 12.1323 24.9188C12.3194 24.875 12.4484 24.7563 12.429 24.6313C12.4097 24.5125 12.2355 24.4313 12.0484 24.45ZM16.2935 0.5C7.34516 0.5 0.5 7.08125 0.5 15.75C0.5 22.6812 5.00323 28.6125 11.4355 30.7C12.2613 30.8438 12.5516 30.35 12.5516 29.9438C12.5516 29.5562 12.5323 27.4188 12.5323 26.1063C12.5323 26.1063 8.01613 27.0437 7.06774 24.2437C7.06774 24.2437 6.33226 22.425 5.27419 21.9562C5.27419 21.9562 3.79677 20.975 5.37742 20.9937C5.37742 20.9937 6.98387 21.1188 7.86774 22.6063C9.28064 25.0188 11.6484 24.325 12.571 23.9125C12.7194 22.9125 13.1387 22.2188 13.6032 21.8062C9.99677 21.4187 6.35806 20.9125 6.35806 14.9C6.35806 13.1812 6.84839 12.3188 7.88065 11.2188C7.7129 10.8125 7.16452 9.1375 8.04839 6.975C9.39677 6.56875 12.5 8.6625 12.5 8.6625C13.7903 8.3125 15.1774 8.13125 16.5516 8.13125C17.9258 8.13125 19.3129 8.3125 20.6032 8.6625C20.6032 8.6625 23.7065 6.5625 25.0548 6.975C25.9387 9.14375 25.3903 10.8125 25.2226 11.2188C26.2548 12.325 26.8871 13.1875 26.8871 14.9C26.8871 20.9312 23.0871 21.4125 19.4806 21.8062C20.0742 22.3 20.5774 23.2375 20.5774 24.7062C20.5774 26.8125 20.5581 29.4187 20.5581 29.9312C20.5581 30.3375 20.8548 30.8312 21.6742 30.6875C28.1258 28.6125 32.5 22.6812 32.5 15.75C32.5 7.08125 25.2419 0.5 16.2935 0.5ZM6.77097 22.0562C6.6871 22.1187 6.70645 22.2625 6.81613 22.3813C6.91935 22.4813 7.06774 22.525 7.15161 22.4438C7.23548 22.3813 7.21613 22.2375 7.10645 22.1187C7.00323 22.0187 6.85484 21.975 6.77097 22.0562ZM6.07419 21.55C6.02903 21.6312 6.09355 21.7313 6.22258 21.7938C6.32581 21.8563 6.45484 21.8375 6.5 21.75C6.54516 21.6688 6.48064 21.5688 6.35161 21.5063C6.22258 21.4688 6.11935 21.4875 6.07419 21.55ZM8.16452 23.775C8.06129 23.8562 8.1 24.0438 8.24839 24.1625C8.39677 24.3062 8.58387 24.325 8.66774 24.225C8.75161 24.1438 8.7129 23.9562 8.58387 23.8375C8.44194 23.6938 8.24839 23.675 8.16452 23.775ZM7.42903 22.8563C7.32581 22.9188 7.32581 23.0813 7.42903 23.225C7.53226 23.3687 7.70645 23.4312 7.79032 23.3687C7.89355 23.2875 7.89355 23.125 7.79032 22.9813C7.7 22.8375 7.53226 22.775 7.42903 22.8563Z" />
 </svg>
diff --git a/packages/ui/assets/icon/google_icon.svg b/packages/ui/assets/icon/google_24_icon.svg
similarity index 100%
rename from packages/ui/assets/icon/google_icon.svg
rename to packages/ui/assets/icon/google_24_icon.svg
diff --git a/packages/ui/components/icon/Icon.stories.ts b/packages/ui/components/icon/Icon.stories.ts
index 22626035..23abe9f5 100644
--- a/packages/ui/components/icon/Icon.stories.ts
+++ b/packages/ui/components/icon/Icon.stories.ts
@@ -40,7 +40,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
     </div>
     <h3>Facebook</h3>
     <div style="display: flex; gap: 8px;">
-      <Icon v-bind="args" name="Facebook40" />
+      <Icon v-bind="args" name="Facebook" />
     </div>
     <h3>note</h3>
     <div style="display: flex; gap: 8px;">
@@ -59,6 +59,7 @@ const Template: StoryFn<unknown> = (args, { argTypes }) => ({
     <h3>Google</h3>
     <div style="display: flex; gap: 8px;">
       <Icon v-bind="args" name="Google24" />
+      <Icon v-bind="args" name="Google32" />
     </div>
     <h3>Menu</h3>
     <div style="display: flex; gap: 8px;">
diff --git a/packages/ui/components/icon/Icon.vue b/packages/ui/components/icon/Icon.vue
index fe7cc063..267b8b36 100644
--- a/packages/ui/components/icon/Icon.vue
+++ b/packages/ui/components/icon/Icon.vue
@@ -24,7 +24,7 @@ const svgComponent = match<IconName>(props.name)
   .with('x40', () =>
     defineAsyncComponent(() => import('../../assets/icon/x_40_icon.svg?component')),
   )
-  .with('Facebook40', () =>
+  .with('Facebook', () =>
     defineAsyncComponent(() => import('../../assets/icon/facebook_icon.svg?component')),
   )
   .with('note', () =>
@@ -43,14 +43,14 @@ const svgComponent = match<IconName>(props.name)
     defineAsyncComponent(() => import('../../assets/icon/github_32_icon.svg?component')),
   )
   .with('Google24', () =>
-    defineAsyncComponent(() => import('../../assets/icon/google_icon.svg?component')),
-  )
-  .with('menu', () =>
-    defineAsyncComponent(() => import('../../assets/icon/menu_icon.svg?component')),
+    defineAsyncComponent(() => import('../../assets/icon/google_24_icon.svg?component')),
   )
   .with('Google32', () =>
     defineAsyncComponent(() => import('../../assets/icon/google_32_icon.svg?component')),
   )
+  .with('menu', () =>
+    defineAsyncComponent(() => import('../../assets/icon/menu_icon.svg?component')),
+  )
   .with('close', () =>
     defineAsyncComponent(() => import('../../assets/icon/close_icon.svg?component')),
   )
diff --git a/supabase/schema.sql b/supabase/schema.sql
index 35c38915..a679cbfe 100644
--- a/supabase/schema.sql
+++ b/supabase/schema.sql
@@ -33,6 +33,8 @@ ALTER TABLE public.sponsors ADD COLUMN display_order int;
 
 ALTER TABLE public.sponsors ADD COLUMN detail_page_id varchar(40);
 
+ALTER TABLE public.sponsors ADD COLUMN share_image_url varchar(500);
+
 alter table
   public.sponsors enable row level security;