feat: x icon

src/components/icons/platform/XIcon.tsx

@@ -0,0 +1,18 @@
+export const XIcon = () => {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      aria-hidden="true"
+      className="p-1 text-[#d6d9db]"
+      width="1em"
+      height="1em"
+    >
+      <g>
+        <path
+          d="M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0"
+          className="fill-current stroke-current"
+        />
+      </g>
+    </svg>
+  )
+}

src/components/widgets/home/SocialIcon.tsx

@@ -4,6 +4,7 @@ import type { ReactNode } from 'react'
 
 import { BilibiliIcon } from '~/components/icons/platform/BilibiliIcon'
 import { NeteaseCloudMusicIcon } from '~/components/icons/platform/NeteaseIcon'
+import { XIcon } from '~/components/icons/platform/XIcon'
 import { MotionButtonBase } from '~/components/ui/button'
 import { FloatPopover } from '~/components/ui/float-popover'
 
@@ -26,6 +27,8 @@ const type2Copy = {
   qq: 'QQ',
   wechat: '微信',
   weibo: '微博',
+
+  x: 'X',
 } as any
 const icons = new Set(Object.keys(type2Copy))
 
@@ -45,6 +48,7 @@ const iconSet: Record<
     '#1DA1F2',
     (id) => `https://twitter.com/${id}`,
   ],
+  x: ['x', <XIcon />, 'rgba(36,46,54,1.00)', (id) => `https://x.com/${id}`],
   telegram: [
     'Telegram',
     <i className="icon-[mingcute--telegram-line]" />,