feat(icons): add fastapi icon and knowledge

mateusfg7 · Jun 2, 2024 · c5567fa · c5567fa
1 parent 49e4e75
commit c5567fa
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 3 deletions.
diff --git a/src/app/_components/grid/cards/stack-icons.tsx b/src/app/_components/grid/cards/stack-icons.tsx
@@ -21,7 +21,8 @@ import {
   VercelIcon,
   CloudflareIcon,
   FigmaIcon,
-  DockerIcon
+  DockerIcon,
+  FastApiIcon
 } from '~/components/icons'
 
 export type IconItem = {
@@ -60,6 +61,7 @@ export const stackLines: StackLine = {
     { title: 'Linux', icon: LinuxIcon, color: '#FCC624' },
     { title: 'Google Cloud', icon: GoogleCloudIcon, color: '#4285F4' },
     { title: 'Vercel', icon: VercelIcon, color: '#000000' },
-    { title: 'Cloudflare', icon: CloudflareIcon, color: '#F38020' }
+    { title: 'Cloudflare', icon: CloudflareIcon, color: '#F38020' },
+    { title: 'FastAPI', icon: FastApiIcon, color: '#009688' }
   ]
 }
diff --git a/src/app/about/sections/knowledge/knowledge-categories.tsx b/src/app/about/sections/knowledge/knowledge-categories.tsx
@@ -49,7 +49,8 @@ import {
   GooglePlayStore,
   MicrosoftOfficeIcon,
   OnlyOfficeIcon,
-  ThunderbirdIcon
+  ThunderbirdIcon,
+  FastApiIcon
 } from '~/components/icons'
 
 type IconType = (props: SVGProps<SVGSVGElement>) => JSX.Element
@@ -251,6 +252,12 @@ export const knowledgeCategories: {
         icon: GraphQLIcon,
         color: '#E10098',
         status: 'bad'
+      },
+      {
+        title: 'FastAPI',
+        icon: FastApiIcon,
+        color: '#049688',
+        status: 'learning'
       }
     ]
   },

diff --git a/src/components/icons/index.tsx b/src/components/icons/index.tsx
@@ -50,3 +50,4 @@ export { OnlyOfficeIcon } from './svgs/onlyoffice'
 export { ThunderbirdIcon } from './svgs/thunderbird'
 export { ViteIcon } from './svgs/vite'
 export { MarkdownIcon } from './svgs/markdown'
+export { FastApiIcon } from './svgs/fastapi'
diff --git a/src/components/icons/svgs/fastapi.tsx b/src/components/icons/svgs/fastapi.tsx
@@ -0,0 +1,12 @@
+import { SVGProps } from 'react'
+
+export function FastApiIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="1em" height="1em" viewBox="0 0 128 128" {...props}>
+      <path
+        d="M56.813 127.586c-1.903-.227-3.899-.52-4.434-.652a48.078 48.078 0 00-2.375-.5 36.042 36.042 0 01-2.703-.633c-4.145-1.188-4.442-1.285-7.567-2.563-2.875-1.172-8.172-3.91-9.984-5.156-.496-.344-.96-.621-1.031-.621-.07 0-1.23-.816-2.578-1.813-8.57-6.343-15.004-14.043-19.653-23.527-.8-1.629-1.453-3.074-1.453-3.21 0-.134-.144-.505-.32-.817-.363-.649-.88-2.047-1.297-3.492a20.047 20.047 0 00-.625-1.813c-.195-.46-.352-1.02-.352-1.246 0-.227-.195-.965-.433-1.645-.238-.675-.43-1.472-.43-1.77 0-.296-.187-1.32-.418-2.276C.598 73.492 0 67.379 0 63.953c0-3.422.598-9.535 1.16-11.894.23-.957.418-2 .418-2.32 0-.321.145-.95.32-1.4.18-.448.41-1.253.516-1.788.11-.535.36-1.457.563-2.055l.59-1.726c.433-1.293.835-2.387 1.027-2.813.11-.238.539-1.21.957-2.16.676-1.535 2.125-4.43 2.972-5.945.309-.555.426-.739 2.098-3.352 2.649-4.148 7.176-9.309 11.39-12.988 1.485-1.297 6.446-5.063 6.669-5.063.062 0 .53-.281 1.043-.625 1.347-.902 2.668-1.668 4.39-2.531a53.06 53.06 0 001.836-.953c.285-.164.82-.41 3.567-1.64.605-.27 1.257-.516 3.136-1.173.414-.144 1.246-.449 1.84-.672.598-.222 1.301-.406 1.563-.406.258 0 .937-.18 1.508-.402.57-.223 1.605-.477 2.304-.563.696-.082 1.621-.277 2.055-.43.43-.148 1.61-.34 2.621-.425a72.572 72.572 0 003.941-.465c2.688-.394 8.532-.394 11.192 0a75.02 75.02 0 003.781.445c.953.079 2.168.278 2.703.442.535.16 1.461.36 2.055.433.594.079 1.594.325 2.222.551.63.23 1.344.414 1.59.414s.754.137 1.125.309c.375.168 1.168.449 1.766.625.594.18 1.613.535 2.27.797.652.261 1.527.605 1.945.761.77.29 6.46 3.137 7.234 3.622 6.281 3.917 9.512 6.476 13.856 10.964 5.238 5.414 8.715 10.57 12.254 18.16.25.536.632 1.329.851 1.758.215.434.395.942.395 1.13 0 .19.18.76.402 1.269.602 1.383 1.117 2.957 1.36 4.16.12.59.343 1.32.495 1.621.153.3.332 1.063.403 1.688.07.624.277 1.648.453 2.269 1.02 3.531 1.527 13.934.91 18.535-.183 1.367-.39 3.02-.46 3.672-.118 1.117-.708 4.004-1.212 5.945l-.52 2.055c-.98 3.957-3.402 9.594-6.359 14.809-1.172 2.07-5.101 7.668-5.843 8.324-.067.058-.399.45-.735.863-.336.418-1.414 1.586-2.39 2.594-4.301 4.441-7.77 7.187-13.86 10.969-.722.449-6.847 3.441-7.992 3.906-.594.238-1.586.64-2.203.89-.613.247-1.297.454-1.512.458-.215.003-.781.195-1.258.425-.476.23-1.082.422-1.351.426-.266.004-1.043.192-1.727.418-.683.23-1.633.477-2.11.55-.476.075-1.495.278-2.269.45-.773.172-3.11.508-5.187.746a59.06 59.06 0 01-13.945-.031zm4.703-12.5c.3-.234.609-.7.691-1.027.18-.723 29.234-58.97 29.781-59.7.461-.617.504-1.605.082-1.953-.222-.187-3.004-.246-10.43-.234-5.57.012-10.253.016-10.406.012-.226-.008-.273-3.73-.25-19.672.016-10.817-.035-19.766-.113-19.89-.078-.126-.383-.227-.68-.227-.418 0-.613.18-.87.808-.485 1.168-1.825 3.82-8.348 16.485a3554.569 3554.569 0 00-4.055 7.89c-1.156 2.262-2.98 5.813-4.047 7.89a8751.248 8751.248 0 00-8.598 16.759c-4.933 9.636-5.53 10.785-5.742 11.039-.41.496-.633 1.64-.402 2.07.21.394.629.41 11.043.394 5.953-.007 10.863.024 10.914.07.137.141.086 37.31-.055 38.196-.093.582-.031.89.235 1.156.46.461.586.457 1.25-.066zm0 0"
+        fill="#049688"
+      ></path>
+    </svg>
+  )
+}