From b6c17ffee58ca0f1aa8c546272d8a15f65aef669 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Ckirukib=E2=80=9D?= <“kirubeljkl679@gmail.com”>
Date: Thu, 2 Apr 2026 11:28:23 +0300
Subject: [PATCH] better social icons

Made-with: Cursor
---
 src/email/EmailShell.tsx | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/email/EmailShell.tsx b/src/email/EmailShell.tsx
index d394d1b..22ea0ed 100644
--- a/src/email/EmailShell.tsx
+++ b/src/email/EmailShell.tsx
@@ -88,7 +88,12 @@ export function EmailShell({ brand, title, previewText, children }: EmailShellPr
                   fontWeight: 700,
                 }}
               >
-                f
+                <svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                  <path
+                    fill="#ffffff"
+                    d="M14.5 3H17v3.2h-2.3c-.9 0-1.2.4-1.2 1.1V10H17l-.5 3.3h-3v7.7H10.3v-7.7H7.9V10h2.4V8c0-2.2 1.1-5 4.2-5z"
+                  />
+                </svg>
               </Link>
               <Link
                 href={brand.footer.socialInstagramUrl || '#'}
@@ -105,7 +110,17 @@ export function EmailShell({ brand, title, previewText, children }: EmailShellPr
                   fontWeight: 700,
                 }}
               >
-                IG
+                <svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                  <path
+                    fill="#ffffff"
+                    d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 5.7A3.3 3.3 0 1 0 15.3 11 3.3 3.3 0 0 0 12 7.7zm6.2-.9a1 1 0 1 0 0 .1zM12 9a2 2 0 1 1-2 2 2 2 0 0 1 2-2z"
+                  />
+                  <path
+                    fill="#ffffff"
+                    d="M17.5 2.7h.1"
+                    opacity="0"
+                  />
+                </svg>
               </Link>
               <Link
                 href={brand.footer.socialTwitterUrl || '#'}
@@ -122,7 +137,12 @@ export function EmailShell({ brand, title, previewText, children }: EmailShellPr
                   fontWeight: 700,
                 }}
               >
-                X
+                <svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                  <path
+                    fill="#ffffff"
+                    d="M18.3 2H21l-6.5 7.4L22 22h-6.2l-4.9-6.3L5 22H2.3l7.1-8.1L2 2h6.3l4.4 5.6L18.3 2zm-1.1 18h1.7L7.5 3.9H5.7L17.2 20z"
+                  />
+                </svg>
               </Link>
               <Link
                 href={brand.footer.socialLinkedInUrl || '#'}
@@ -137,7 +157,12 @@ export function EmailShell({ brand, title, previewText, children }: EmailShellPr
                   fontWeight: 700,
                 }}
               >
-                in
+                <svg width="14" height="14" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                  <path
+                    fill="#ffffff"
+                    d="M6.5 6.8a2.2 2.2 0 1 1 0-4.4 2.2 2.2 0 0 1 0 4.4zM4.5 21.5V8.5h4v13h-4zM10.5 8.5h3.8v1.8h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6v7.2h-4V15c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9v6.6h-4v-13z"
+                  />
+                </svg>
               </Link>
             </Section>