add x.com icon (#145)

components.tsx

@@ -13,6 +13,7 @@ import type { BlogState, DateFormat, Post } from "./types.d.ts";
 const socialAppIcons = new Map([
   ["github.com", IconGithub],
   ["twitter.com", IconTwitter],
+  ["x.com", IconX],
   ["instagram.com", IconInstagram],
   ["linkedin.com", IconLinkedin],
   ["mastodon.social", IconMastodon],
@@ -391,6 +392,22 @@ function IconTwitter() {
   );
 }
 
+function IconX() {
+  return (
+    <svg
+      className="inline-block w-5 h-5"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M86.8918 28.25H99.0219L72.5243 58.5334L103.698 99.75H79.285L60.1647 74.7536L38.2929 99.75H26.1627L54.5069 67.3565L24.5938 28.25H49.6199L66.9004 51.0974L86.8918 28.25ZM82.6337 92.4904H89.3555L45.9716 35.1301H38.7584L82.6337 92.4904Z"
+        fill="black"
+      />
+    </svg>
+  );
+}
+
 function IconInstagram() {
   return (
     <svg