add x

tknickman · Feb 27, 2024 · b6607cb · b6607cb
1 parent 33d83c1
commit b6607cb
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 2 deletions.
diff --git a/apps/info/config.ts b/apps/info/config.ts
@@ -1,5 +1,5 @@
 import {
-  Portfolio,
+  X,
   Email,
   GitHub,
   Instagram,
@@ -59,6 +59,16 @@ const config = {
       url: "https://www.instagram.com/tknickman/",
       Icon: Instagram,
     },
+    {
+      name: "X",
+      key: "x",
+      borderColor: "border-twitter-x dark:border-white",
+      textColor: "text-twitter-x dark:text-white",
+      ringColor: "focus-within:ring-twitter-x",
+      username: "@tknickman",
+      url: "https://www.x.com/tknickman/",
+      Icon: X,
+    },
     {
       name: "Freelance",
       key: "teknologist",

diff --git a/apps/info/tailwind.config.ts b/apps/info/tailwind.config.ts
@@ -5,7 +5,7 @@ const config = {
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",
     "./hooks/**/*.{js,ts,jsx,tsx}",
-    "./config.{js,ts}",
+    "./config.ts",
     "./node_modules/@tek/ui/dist/**/*.{js,mjs,ts,jsx,tsx}",
     "./node_modules/@tek/utils/dist/**/*.{js,mjs,ts,jsx,tsx}",
     "./node_modules/@tek/icons/dist/**/*.{js,mjs,ts,jsx,tsx}",
@@ -18,6 +18,7 @@ const config = {
         dark: colors.gray[900],
         primary: "#F96F5D",
         portfolio: "#5DD39E",
+        "twitter-x": "#000000",
         instagram: "#DD2A7B",
         linkedin: "#0E76A8",
         github: "#6e5494",

diff --git a/packages/icons/src/X.tsx b/packages/icons/src/X.tsx
@@ -0,0 +1,13 @@
+import Icon, { IconProps } from "./Icon";
+import { fill } from "./helpers";
+
+const X = (props: IconProps) => (
+  <Icon title="X" {...props}>
+    <path
+      fill={fill(props, "#FFFFFF")}
+      d="M23.0218 18.0993L31.8103 8H29.5956L21.9688 16.7649L15.0474 8H7L17.75 21.6136L8.71315 32H10.9278L18.8044 22.9486L25.9526 32H34L23.0218 18.0993ZM10.4364 9.65403H14.2232L30.5636 30.346H26.7768L10.4364 9.65403Z"
+    />
+  </Icon>
+);
+
+export default X;
diff --git a/packages/icons/src/index.tsx b/packages/icons/src/index.tsx
@@ -29,6 +29,7 @@ import Slack from "./Slack";
 import SQL from "./SQL";
 import Typescript from "./Typescript";
 import Vercel from "./Vercel";
+import X from "./X";
 
 export const All_ICONS = [
   AWS,
@@ -60,6 +61,7 @@ export const All_ICONS = [
   Typescript,
   UnderArmour,
   Vercel,
+  X,
 ];
 
 export type { IconProps };
@@ -94,4 +96,5 @@ export {
   Typescript,
   UnderArmour,
   Vercel,
+  X,
 };