convert eth home icon to svg

pettinarip · pettinarip · commit c350ea3079af · 2024-08-14T16:15:43.000+02:00
diff --git a/src/components/Nav/index.tsx b/src/components/Nav/index.tsx
@@ -42,7 +42,7 @@ const Nav = () => {
             aria-label={t("home")}
             className="inline-flex items-center no-underline"
           >
-            <EthHomeIcon opacity={0.85} _hover={{ opacity: 1 }} />
+            <EthHomeIcon className="h-[35px] w-[22px] opacity-85 hover:opacity-100" />
           </BaseLink>
           {/* Desktop */}
           <div className="ms-3 flex w-full justify-end md:justify-between xl:ms-8">
diff --git a/src/components/icons/EthHomeIcon.tsx b/src/components/icons/EthHomeIcon.tsx
diff --git a/src/components/icons/eth-home-icon.svg b/src/components/icons/eth-home-icon.svg
@@ -0,0 +1,43 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 115 182"
+  width="1em"
+  height="1em"
+>
+  <path
+    d="M57.5054 181V135.84L1.64064 103.171L57.5054 181Z"
+    fill="#F0CDC2"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+  <path
+    d="M57.6906 181V135.84L113.555 103.171L57.6906 181Z"
+    fill="#C9B3F5"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+  <path
+    d="M57.5055 124.615V66.9786L1 92.2811L57.5055 124.615Z"
+    fill="#88AAF1"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+  <path
+    d="M57.6903 124.615V66.9786L114.196 92.2811L57.6903 124.615Z"
+    fill="#C9B3F5"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+  <path
+    d="M1.00006 92.2811L57.5054 1V66.9786L1.00006 92.2811Z"
+    fill="#F0CDC2"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+  <path
+    d="M114.196 92.2811L57.6906 1V66.9786L114.196 92.2811Z"
+    fill="#B8FAF6"
+    stroke="#1616B4"
+    strokeLinejoin="round"
+  />
+</svg>
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
@@ -1,5 +1,5 @@
 // General Icons
-import { EthHomeIcon } from "./EthHomeIcon"
+import EthHomeIcon from "./eth-home-icon.svg"
 import FeedbackGlyphIcon from "./feedback-glyph-icon.svg"
 import FeedbackThumbsUpIcon from "./feedback-thumbs-up-icon.svg"
 import { HighlightDarkIcon } from "./HighlightDarkIcon"

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ const Nav = () => {`
`42`	`42`	`aria-label={t("home")}`
`43`	`43`	`className="inline-flex items-center no-underline"`
`44`	`44`	`>`
`45`		`- <EthHomeIcon opacity={0.85} _hover={{ opacity: 1 }} />`
	`45`	`+ <EthHomeIcon className="h-[35px] w-[22px] opacity-85 hover:opacity-100" />`
`46`	`46`	`</BaseLink>`
`47`	`47`	`{/* Desktop */}`
`48`	`48`	`<div className="ms-3 flex w-full justify-end md:justify-between xl:ms-8">`