diff --git a/src/components/Hero.astro b/src/components/Hero.astro
index fab7dd0..da9b136 100644
--- a/src/components/Hero.astro
+++ b/src/components/Hero.astro
@@ -178,31 +178,24 @@ const { name, title, description, avatar, location, socialLinks, gpgKey } =
                   aria-label="Medium"
                   target="_blank"
                 >
-                  <Newspaper />
-                </a>
-              </div>
-            )}
-            {socialLinks.kofi && (
-              <div class="tooltip" data-tip="Ko-fi">
-                <a
-                  href={socialLinks.kofi}
-                  class="btn btn-circle btn-ghost"
-                  aria-label="Ko-fi"
-                  target="_blank"
-                >
-                  <Coffee />
-                </a>
-              </div>
-            )}
-            {socialLinks.codetips && (
-              <div class="tooltip" data-tip="Codetips">
-                <a
-                  href={socialLinks.codetips}
-                  class="btn btn-circle btn-ghost"
-                  aria-label="CodeTips"
-                  target="_blank"
-                >
-                  <FolderCode class="size-6" />
+                  <svg
+                    class="size-6"
+                    viewBox="0 0 233 160"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <g clip-path="url(#clip0_244_2)">
+                      <path
+                        d="M174.104 9.73402L174.319 9.68702V8.02002H130.39L89.6001 103.89L48.8101 8.02102H1.47205V9.68702L1.68405 9.73402C9.70205 11.544 13.7741 14.243 13.7741 23.976V137.93C13.7741 147.664 9.68705 150.363 1.66805 152.173L1.45605 152.22V153.891H33.5741V152.226L33.3611 152.178C25.3431 150.369 21.2721 147.669 21.2721 137.936V30.586L73.6711 153.891H76.6431L130.568 27.148V140.75C129.881 148.438 125.847 150.812 118.586 152.451L118.371 152.501V154.153H174.319V152.501L174.104 152.451C166.835 150.812 162.704 148.438 162.017 140.75L161.98 23.976H162.017C162.017 14.243 166.088 11.544 174.104 9.73402ZM199.659 85.222C200.574 64.748 207.927 49.97 220.265 49.715C224.071 49.778 227.263 51.027 229.744 53.429C235.016 58.547 237.495 69.241 237.112 85.222H199.659ZM199.106 90.992H264.679V90.717C264.493 75.061 259.958 62.883 251.213 54.521C243.654 47.294 232.462 43.318 220.706 43.318H220.443C214.342 43.318 206.859 44.798 201.534 47.478C195.473 50.285 190.127 54.481 185.679 59.989C178.518 68.863 174.18 80.855 173.125 94.332C173.092 94.736 173.061 95.14 173.033 95.544C173.007 95.9274 172.985 96.3111 172.968 96.695C172.874 98.5898 172.842 100.487 172.874 102.384C173.584 132.908 190.072 157.301 219.357 157.301C245.062 157.301 260.032 138.51 263.764 113.288L261.878 112.624C255.321 126.18 243.544 134.395 230.14 133.393C211.843 132.024 197.826 113.471 199.098 90.998"
+                        fill="white"
+                      />
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_244_2">
+                        <rect width="233" height="160" fill="white" />
+                      </clipPath>
+                    </defs>
+                  </svg>
                 </a>
               </div>
             )}
@@ -218,6 +211,71 @@ const { name, title, description, avatar, location, socialLinks, gpgKey } =
                 </a>
               </div>
             )}
+            {socialLinks.kofi && (
+              <div class="tooltip" data-tip="Ko-fi">
+                <a
+                  href={socialLinks.kofi}
+                  class="btn btn-circle btn-ghost"
+                  aria-label="Ko-fi"
+                  target="_blank"
+                >
+                  <svg
+                    class="size-6"
+                    viewBox="0 0 241 194"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <g clip-path="url(#clip0_245_13)">
+                      <mask
+                        id="mask0_245_13"
+                        style="mask-type:luminance"
+                        maskUnits="userSpaceOnUse"
+                        x="-1"
+                        y="0"
+                        width="242"
+                        height="194"
+                      >
+                        <path
+                          d="M240.469 0.958984H-0.00585938V193.918H240.469V0.958984Z"
+                          fill="white"
+                        />
+                      </mask>
+                      <g mask="url(#mask0_245_13)">
+                        <path
+                          d="M114.544 16.1589C151.372 16.1589 160.92 16.6152 174.56 17.9773C206.617 21.1578 225.255 40.9376 225.255 69.3582V72.9939C225.255 99.3685 205.932 120.966 179.786 123.234C177.74 130.058 174.559 136.874 170.238 143.698C160.235 159.156 140.228 178.707 103.4 178.707H96.127C66.1161 178.707 42.9278 165.751 29.0596 142.107C16.7815 121.422 15.1914 98.4562 15.1914 67.7673L15.2109 66.3601C15.7669 37.0206 33.7206 21.1214 54.7559 18.4333C70.8986 16.387 90.9061 16.1589 114.544 16.1589ZM114.537 33.2087C89.7595 33.2087 72.0262 33.4368 58.6143 35.4832C39.7477 38.2139 32.2402 48.8954 32.2402 67.99L32.252 70.7087C32.3676 98.4946 34.3633 116.731 43.6123 133.689C54.5221 153.924 74.3017 161.653 96.8115 161.653H103.856C133.41 161.653 147.735 147.329 155.692 134.829C159.557 128.462 162.965 121.417 164.783 112.547L166.146 106.864H174.332C192.521 106.864 208.208 92.0898 208.208 73.2166V69.8083C208.208 48.6671 195.024 37.5227 172.058 34.7986C159.102 33.6645 151.371 33.2087 114.537 33.2087Z"
+                          fill="white"
+                        />
+                        <path
+                          d="M166.158 83.6801C166.158 86.4107 168.204 88.4572 171.841 88.4572C183.435 88.4572 189.802 81.8619 189.802 70.9523C189.802 60.0427 183.435 53.2195 171.841 53.2195C168.204 53.2195 166.158 55.2657 166.158 57.9963V83.6866V83.6801Z"
+                          fill="white"
+                        />
+                        <path
+                          d="M54.5319 82.3198C54.5319 95.732 62.033 107.326 71.5805 116.424C77.9476 122.562 87.9513 128.93 94.7683 133.022C96.8145 134.157 98.8609 134.841 101.136 134.841C103.866 134.841 106.134 134.157 107.959 133.022C114.782 128.93 124.779 122.562 130.919 116.424C140.694 107.332 148.195 95.7383 148.195 82.3198C148.195 67.7673 137.286 54.8115 121.599 54.8115C112.28 54.8115 105.912 59.5882 101.136 66.1772C96.8145 59.582 90.2257 54.8115 80.8999 54.8115C64.9853 54.8115 54.5254 67.7673 54.5254 82.3198"
+                          fill="#FF5A16"
+                        />
+                      </g>
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_245_13">
+                        <rect width="241" height="194" fill="white" />
+                      </clipPath>
+                    </defs>
+                  </svg>
+                </a>
+              </div>
+            )}
+            {socialLinks.codetips && (
+              <div class="tooltip" data-tip="Codetips">
+                <a
+                  href={socialLinks.codetips}
+                  class="btn btn-circle btn-ghost"
+                  aria-label="CodeTips"
+                  target="_blank"
+                >
+                  <FolderCode class="size-6" />
+                </a>
+              </div>
+            )}
           </div>
         )
       }