Merge pull request #86 from LikeLion-Hackathon-T1/develop

feat: 헤더 수정
TEAM-SYLUV · Aug 4, 2024 · c7a3582 · c7a3582
2 parents ee8da7b + 6efbdf2
commit c7a3582
Show file tree

Hide file tree

Showing 5 changed files with 301 additions and 185 deletions.
diff --git a/src/assets/icons/BackIcon.js b/src/assets/icons/BackIcon.js
@@ -0,0 +1,26 @@
+const BackIcon = ({ color = "black" }) => {
+    return (
+        <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M12 4L4 12L12 20"
+                stroke={color}
+                stroke-width="1.4"
+                stroke-linejoin="round"
+            />
+            <path
+                d="M4 12H21"
+                stroke={color}
+                stroke-width="1.4"
+                stroke-linejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default BackIcon;
diff --git a/src/assets/icons/CartIcon.js b/src/assets/icons/CartIcon.js
@@ -0,0 +1,27 @@
+const CartIcon = ({ color = "black" }) => {
+    return (
+        <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M9 12V6C9 4.34315 10.3431 3 12 3V3C13.6569 3 15 4.34315 15 6V12"
+                stroke={color}
+                stroke-width="1.4"
+                stroke-linejoin="round"
+            />
+            <path
+                d="M4.80224 20.3L6.38857 8.7H17.6114L19.1978 20.3H4.80224Z"
+                stroke={color}
+                stroke-width="1.4"
+            />
+            <rect x="8" y="11" width="2" height="2" fill={color} />
+            <rect x="14" y="11" width="2" height="2" fill={color} />
+        </svg>
+    );
+};
+
+export default CartIcon;
diff --git a/src/assets/icons/HomeIcon.js b/src/assets/icons/HomeIcon.js
@@ -0,0 +1,27 @@
+const HomeIcon = ({ color = "black" }) => {
+    return (
+        <svg
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M2 12L12 3L22 12"
+                stroke={color}
+                stroke-width="1.4"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+            />
+            <path
+                d="M5 9V20H19V9"
+                stroke={color}
+                stroke-width="1.4"
+                stroke-linejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default HomeIcon;