components/icons: Add hammer icon

mguinhos · Feb 22, 2024 · 7b34791 · 7b34791
1 parent 6b1bef8
commit 7b34791
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 1 deletion.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -139,6 +139,7 @@ export default function Home() {
                     <Typing text='Programador júnior dedicado que quer criar um mundo melhor com café, código e arte.' onAnimationEnd={() => setTypingIndex(typingIndex +1)}/>
                 </Box>
             </Section>
+            <IconBox name='hammer'/>
             <Section title='Hábilidades' textAlign='center'>
                 <Grid container justifyContent='center'>
                     <Grid item><Skill media={<SkillPythonLogoSvg/>} label='Python'/></Grid>

diff --git a/src/components/icons.tsx b/src/components/icons.tsx
@@ -56,13 +56,43 @@ export function CupSvg({...props}: any): JSX.Element {
     );
 }
 
+export function HammerSvg({...props}: any): JSX.Element {
+    return (
+        <svg
+            width="100%"
+            height="100%"
+            viewBox="0 0 24 24"
+            version="1.1"
+            id="svg5"
+            xmlns="http://www.w3.org/2000/svg" >
+            <path
+                opacity="0.5"
+                fill="#b3b3b3"
+                d="m 8.0000285,1.999878 a 2,2 0 0 0 -1.999878,1.999878 h -5.167e-4 a 2,2 0 0 0 -1.999878,1.999878 v 5.17e-4 A 2,2 0 0 0 1.9998779,8.000029 v 1.999878 1.999878 a 2,2 0 0 0 1.9998779,1.999878 2,2 0 0 0 1.999878,1.999878 h 2.0003947 v 2.000394 1.999878 a 2,2 0 0 0 1.9998777,1.999878 2,2 0 0 0 1.9998778,1.999878 2,2 0 0 0 1.999878,-1.999878 v -1.999878 h 5.17e-4 v 1.999878 a 2,2 0 0 0 1.999878,-1.999878 v -1.999878 -2.000394 -1.999878 a 2,2 0 0 0 1.999878,-1.999878 h 1.999878 a 2,2 0 0 0 1.999878,1.999878 2,2 0 0 0 1.999878,-1.999878 h 5.17e-4 V 9.999907 8.000029 5.999634 3.999756 h -5.17e-4 A 2,2 0 0 0 21.999691,1.999878 2,2 0 0 0 19.999813,3.999756 H 17.999935 A 2,2 0 0 0 16.000057,1.999878 H 13.999662 11.999784 9.9999062 Z"
+            />
+            <path
+                fill="#1a1a1a"
+                d="m 6.0001506,0 a 2,2 0 0 0 -1.999878,1.999878 h -5.167e-4 a 2,2 0 0 0 -1.999878,1.999878 v 5.17e-4 A 2,2 0 0 0 0,6.000151 v 1.999878 1.999878 a 2,2 0 0 0 1.9998779,1.999878 2,2 0 0 0 1.999878,1.999878 h 2.0003947 v 2.000394 1.999878 a 2,2 0 0 0 1.9998779,1.999878 2,2 0 0 0 1.9998779,1.999878 2,2 0 0 0 1.9998776,-1.999878 v -1.999878 h 5.17e-4 v 1.999878 a 2,2 0 0 0 1.999878,-1.999878 v -1.999878 -2.000394 -1.999878 a 2,2 0 0 0 1.999878,-1.999878 h 1.999878 a 2,2 0 0 0 1.999878,1.999878 2,2 0 0 0 1.999878,-1.999878 h 5.17e-4 V 8.000029 6.000151 3.999756 1.999878 h -5.17e-4 A 2,2 0 0 0 19.999813,0 2,2 0 0 0 17.999935,1.999878 H 16.000057 A 2,2 0 0 0 14.000179,0 H 11.999784 9.9999064 8.0000285 Z"
+            />
+            <path
+                fill="#c4833c"
+                d="M 9.9999064,8.000029 A 2,2 0 0 0 8.0000285,9.999907 v 1.999878 1.999878 2.000394 1.999878 a 2,2 0 0 0 1.9998779,1.999878 2,2 0 0 0 1.9998776,-1.999878 V 16.000057 13.999663 11.999785 9.999907 A 2,2 0 0 0 9.9999064,8.000029 Z"
+            />
+            <path
+                fill="#808080"
+                d="m 6.0001506,1.999878 a 2,2 0 0 0 -1.999878,1.999878 h -5.167e-4 a 2,2 0 0 0 -1.999878,1.999878 h 1.999878 v 5.17e-4 h -1.999878 v 1.999878 1.999878 a 2,2 0 0 0 1.999878,1.999878 2,2 0 0 0 1.9998779,-1.999878 h 5.168e-4 V 8.999968 a 1.0000305,1 0 0 1 0.9999389,-0.999939 1.0000305,1 0 0 1 0.999939,0.999939 v 0.999939 h 1.9998779 1.9998776 2.000395 a 2,2 0 0 0 1.999878,-1.999878 h 1.999878 a 2,2 0 0 0 1.999878,1.999878 V 8.000029 6.000151 3.999756 1.999878 A 2,2 0 0 0 17.999935,3.999756 H 16.000057 A 2,2 0 0 0 14.000179,1.999878 H 11.999784 9.9999064 8.0000285 Z"
+            />
+        </svg>
+    );
+}
 interface IconsDictionary {
     [key: string]: JSX.Element;
 }
 
 const ICONS: IconsDictionary = {
     heart: <HeartSvg/>,
-    cup: <CupSvg/>
+    cup: <CupSvg/>,
+    hammer: <HammerSvg/>
 };
 
 type IconBoxProps = {