diff --git a/components/icons.tsx b/components/icons.tsx
index d2ad662ec..65d030cfd 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -1129,13 +1129,17 @@ export const ConnectIcon = (props: SVGProps<SVGSVGElement>) => (
 export function YouTubeIcon(props: React.SVGProps<SVGSVGElement>) {
   return (
     <svg
-      role="img"
-      viewBox="0 0 24 24"
+      width="28"
+      height="20"
+      viewBox="0 0 28 20"
+      fill="currentColor"
       xmlns="http://www.w3.org/2000/svg"
-      fill="#FFFFFF"
       {...props}
     >
-      <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
+      <path
+        d="M11.2 14L18.466 9.8L11.2 5.6V14ZM27.384 3.038C27.566 3.696 27.692 4.578 27.776 5.698C27.874 6.818 27.916 7.784 27.916 8.624L28 9.8C28 12.866 27.776 15.12 27.384 16.562C27.034 17.822 26.222 18.634 24.962 18.984C24.304 19.166 23.1 19.292 21.252 19.376C19.432 19.474 17.766 19.516 16.226 19.516L14 19.6C8.134 19.6 4.48 19.376 3.038 18.984C1.778 18.634 0.966 17.822 0.616 16.562C0.434 15.904 0.308 15.022 0.224 13.902C0.126 12.782 0.0839999 11.816 0.0839999 10.976L0 9.8C0 6.734 0.224 4.48 0.616 3.038C0.966 1.778 1.778 0.966 3.038 0.616C3.696 0.434 4.9 0.308 6.748 0.224C8.568 0.126 10.234 0.0839999 11.774 0.0839999L14 0C19.866 0 23.52 0.224 24.962 0.616C26.222 0.966 27.034 1.778 27.384 3.038Z"
+        fill="currentColor"
+      />
     </svg>
   )
 }