fix: 기존 Icon 파일제거, 내부 Icon svg assets으로 이동, barrel 파일 추가

DDD-Community · Jan 27, 2024 · 3a433af · 3a433af
1 parent c24435a
commit 3a433af
Show file tree

Hide file tree

Showing 36 changed files with 791 additions and 1,028 deletions.
diff --git a/src/assets/icons/AngleIcon.tsx b/src/assets/icons/AngleIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+const AngleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        {...props}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M14.6446 1.41789C15.0351 1.80842 15.0351 2.44158 14.6446 2.83211L7.47671 10L14.6446 17.1679C15.0351 17.5584 15.0351 18.1916 14.6446 18.5821C14.2541 18.9726 13.6209 18.9726 13.2304 18.5821L4.64828 10L13.2304 1.41789C13.6209 1.02737 14.2541 1.02737 14.6446 1.41789Z"
+            fill={props.fill ? "current" : '#CCCFD7'}
+        />
+    </svg>
+);
+
+export default AngleIcon;
diff --git a/src/assets/icons/BoxIcon.tsx b/src/assets/icons/BoxIcon.tsx
@@ -0,0 +1,24 @@
+import React from 'react';
+
+const BoxIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="21"
+        height="20"
+        viewBox="0 0 21 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            d="M1.25 3.0251C1.25 2.03099 2.05589 1.2251 3.05 1.2251H17.45C18.4441 1.2251 19.25 2.03099 19.25 3.0251V5.7251H1.25V3.0251Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M16.5506 18.775C17.5447 18.775 18.3506 17.969 18.3506 16.975V7.07495H2.15063V16.975C2.15063 17.969 2.95654 18.775 3.95063 18.775H16.5506ZM7.38189 8.98745C6.82268 8.98745 6.36938 9.44097 6.36938 9.99995C6.36938 10.5589 6.82268 11.0125 7.38189 11.0125H13.1194C13.6786 11.0125 14.1319 10.5589 14.1319 9.99995C14.1319 9.44097 13.6786 8.98745 13.1194 8.98745H7.38189Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+    </svg>
+);
+
+export default BoxIcon;
diff --git a/src/assets/icons/CalendarIcon.tsx b/src/assets/icons/CalendarIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="21"
+        height="20"
+        viewBox="0 0 21 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.375 0.95752C6.83616 0.95752 7.21 1.33136 7.21 1.79252V3.04252H13.54V1.79252C13.54 1.33136 13.9138 0.95752 14.375 0.95752C14.8362 0.95752 15.21 1.33136 15.21 1.79252V3.04252H16.58C17.5023 3.04252 18.25 3.7902 18.25 4.71252V7.16748H2.25V4.71252C2.25 3.7902 2.99768 3.04252 3.92 3.04252H5.54V1.79252C5.54 1.33136 5.91384 0.95752 6.375 0.95752ZM2.25 8.66748H18.25V17.3725C18.25 18.2948 17.5023 19.0425 16.58 19.0425H3.92C2.99768 19.0425 2.25 18.2948 2.25 17.3725V8.66748ZM6.25 13.9175C7.07843 13.9175 7.75 13.2459 7.75 12.4175C7.75 11.5891 7.07843 10.9175 6.25 10.9175C5.42157 10.9175 4.75 11.5891 4.75 12.4175C4.75 13.2459 5.42157 13.9175 6.25 13.9175Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+    </svg>
+);
+
+export default CalendarIcon;
diff --git a/src/assets/icons/DotIcon.tsx b/src/assets/icons/DotIcon.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const DotIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="3"
+        height="4"
+        viewBox="0 0 3 4"
+        fill="none"
+        {...props}
+    >
+        <circle cx="1.5" cy="2" r="1.5" fill={props.fill ? "current" : "#000000"} />
+    </svg>
+
+);
+export default DotIcon;
diff --git a/src/assets/icons/EditIcon.tsx b/src/assets/icons/EditIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const EditIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="13"
+        height="13"
+        viewBox="0 0 13 13"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M7.98597 2.78906L0.88774 9.88728L0.946665 12.3032L3.36261 12.3622L10.4608 5.26393L7.98597 2.78906ZM11.1679 4.55682L12.4371 3.28762C12.6324 3.09236 12.6324 2.77578 12.4371 2.58051L10.6694 0.812748C10.4741 0.617485 10.1575 0.617486 9.96228 0.812747L8.69307 2.08195L11.1679 4.55682Z"
+            fill={props.fill ? "current" : "#000000"}
+        />
+    </svg>
+
+);
+export default EditIcon;
diff --git a/src/assets/icons/EmptyIcon.tsx b/src/assets/icons/EmptyIcon.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 
 const EmptyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
     <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-        <path fillRule="evenodd" clipRule="evenodd" d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM11.9103 21.4139C12.5329 20.0448 14.0916 19 16 19C17.9084 19 19.4671 20.0448 20.0897 21.4139C20.3183 21.9167 20.9112 22.1389 21.4139 21.9103C21.9167 21.6817 22.1389 21.0888 21.9103 20.5861C20.9331 18.437 18.6173 17 16 17C13.3827 17 11.0669 18.437 10.0897 20.5861C9.86108 21.0888 10.0833 21.6817 10.5861 21.9103C11.0888 22.1389 11.6817 21.9167 11.9103 21.4139ZM12.8333 12.9C12.8333 13.9493 11.9827 14.8 10.9333 14.8C9.884 14.8 9.03334 13.9493 9.03334 12.9C9.03334 11.8507 9.884 11 10.9333 11C11.9827 11 12.8333 11.8507 12.8333 12.9ZM21.0667 14.8C22.116 14.8 22.9667 13.9493 22.9667 12.9C22.9667 11.8507 22.116 11 21.0667 11C20.0173 11 19.1667 11.8507 19.1667 12.9C19.1667 13.9493 20.0173 14.8 21.0667 14.8Z" fill={props.fill ? "current" : "#E0E1E6"} />
+        <path fillRule="evenodd" fill={props.fill ? "current" : "#E0E1E6"} clipRule="evenodd" d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32ZM11.9103 21.4139C12.5329 20.0448 14.0916 19 16 19C17.9084 19 19.4671 20.0448 20.0897 21.4139C20.3183 21.9167 20.9112 22.1389 21.4139 21.9103C21.9167 21.6817 22.1389 21.0888 21.9103 20.5861C20.9331 18.437 18.6173 17 16 17C13.3827 17 11.0669 18.437 10.0897 20.5861C9.86108 21.0888 10.0833 21.6817 10.5861 21.9103C11.0888 22.1389 11.6817 21.9167 11.9103 21.4139ZM12.8333 12.9C12.8333 13.9493 11.9827 14.8 10.9333 14.8C9.884 14.8 9.03334 13.9493 9.03334 12.9C9.03334 11.8507 9.884 11 10.9333 11C11.9827 11 12.8333 11.8507 12.8333 12.9ZM21.0667 14.8C22.116 14.8 22.9667 13.9493 22.9667 12.9C22.9667 11.8507 22.116 11 21.0667 11C20.0173 11 19.1667 11.8507 19.1667 12.9C19.1667 13.9493 20.0173 14.8 21.0667 14.8Z" />
     </svg>
 
 );

diff --git a/src/assets/icons/FreezerIcon.tsx b/src/assets/icons/FreezerIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const FreezerIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3 1C1.89543 1 1 1.89543 1 3V17C1 18.1046 1.89543 19 3 19H17C18.1046 19 19 18.1046 19 17V3C19 1.89543 18.1046 1 17 1H3ZM10.7501 5.84619V5.09619H9.25009V5.84619V8.55153L6.97251 7.09204L6.34104 6.68738L5.53174 7.95033L6.16321 8.35498L8.62149 9.93027L6.17974 11.5314L5.55256 11.9427L6.37509 13.197L7.00227 12.7858L9.25009 11.3118V14V14.75H10.7501V14V11.2943L13.0284 12.7543L13.6599 13.1589L14.4692 11.896L13.8377 11.4913L11.3791 9.91578L13.8209 8.31461L14.4481 7.90334L13.6255 6.64897L12.9983 7.06023L10.7501 8.53448V5.84619Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+    </svg>
+);
+
+export default FreezerIcon;
diff --git a/src/assets/icons/FridgeIcon.tsx b/src/assets/icons/FridgeIcon.tsx
@@ -0,0 +1,54 @@
+import React from 'react';
+
+const FridgeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+        <g clipPath="url(#clip0_213_3007)">
+            <rect
+                x="0.833656"
+                y="0.83316"
+                width="8.33333"
+                height="8.33333"
+                rx="1.66667"
+                fill={props.fill ? "current" : '#CCCFD7'}
+            />
+            <rect
+                x="0.833656"
+                y="10.8332"
+                width="8.33333"
+                height="8.33333"
+                rx="1.66667"
+                fill={props.fill ? "current" : '#CCCFD7'}
+            />
+            <rect
+                x="10.8337"
+                y="0.83316"
+                width="8.33333"
+                height="8.33333"
+                rx="1.66667"
+                fill={props.fill ? "current" : '#CCCFD7'}
+            />
+            <rect
+                x="10.8337"
+                y="10.8332"
+                width="8.33333"
+                height="8.33333"
+                rx="1.66667"
+                fill={props.fill ? "current" : '#CCCFD7'}
+            />
+        </g>
+        <defs>
+            <clipPath id="clip0_213_3007">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+
+export default FridgeIcon;
diff --git a/src/assets/icons/HomeIcon.tsx b/src/assets/icons/HomeIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+const HomeIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        {...props}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1.50781 6.89464C1.08393 7.20902 0.833984 7.70557 0.833984 8.23331V17.7553C0.833984 18.6758 1.58018 19.422 2.50065 19.422H5.58382C6.5043 19.422 7.25049 18.6758 7.25049 17.7553V14.8551C7.25049 13.3363 8.48171 12.1051 10.0005 12.1051C11.5193 12.1051 12.7505 13.3363 12.7505 14.8551V17.7553C12.7505 18.6758 13.4967 19.422 14.4172 19.422H17.5007C18.4211 19.422 19.1673 18.6758 19.1673 17.7553V8.23331C19.1673 7.70557 18.9174 7.20901 18.4935 6.89464L10.9935 1.33215C10.4038 0.894818 9.59746 0.894818 9.00781 1.33215L1.50781 6.89464Z"
+            fill={props.fill ? "current" : '#CCCFD7'}
+        />
+    </svg>
+);
+
+export default HomeIcon;
diff --git a/src/assets/icons/LocationIcon.tsx b/src/assets/icons/LocationIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+const LocationIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="14"
+        height="14"
+        viewBox="0 0 14 14"
+        fill="none"
+        {...props}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M5.76996 12.5791C6.45421 13.2776 7.54604 13.2776 8.23028 12.5791C9.78198 10.995 12.2501 8.07121 12.2501 5.5C12.2501 2.60051 9.89962 0.25 7.00012 0.25C4.10063 0.25 1.75012 2.60051 1.75012 5.5C1.75012 8.07121 4.21827 10.995 5.76996 12.5791ZM7.00012 7.69998C8.15992 7.69998 9.10012 6.75977 9.10012 5.59998C9.10012 4.44018 8.15992 3.49998 7.00012 3.49998C5.84032 3.49998 4.90012 4.44018 4.90012 5.59998C4.90012 6.75977 5.84032 7.69998 7.00012 7.69998Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+    </svg>
+);
+
+export default LocationIcon;
diff --git a/src/assets/icons/MemoIcon.tsx b/src/assets/icons/MemoIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const MemoIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M3.66992 1.67969C2.74805 1.67969 2 2.38064 2 3.2453V16.7547C2 17.6194 2.74805 18.3203 3.66992 18.3203H16.3301C17.252 18.3203 18 17.6194 18 16.7547V3.2453C18 2.38064 17.252 1.67969 16.3301 1.67969H3.66992ZM5.79199 5.46717C5.33105 5.46717 4.95703 5.81764 4.95703 6.25C4.95703 6.68236 5.33105 7.03283 5.79199 7.03283H14.333C14.7939 7.03283 15.168 6.68236 15.168 6.25C15.168 5.81764 14.7939 5.46717 14.333 5.46717H5.79199ZM4.95703 10C4.95703 9.56764 5.33105 9.21717 5.79199 9.21717H14.333C14.7939 9.21717 15.168 9.56764 15.168 10C15.168 10.4324 14.7939 10.7828 14.333 10.7828H5.79199C5.59961 10.7828 5.42285 10.7218 5.28125 10.6194C5.08398 10.4762 4.95703 10.2521 4.95703 10ZM5.79199 12.9672C5.33105 12.9672 4.95703 13.3176 4.95703 13.75C4.95703 14.1824 5.33105 14.5328 5.79199 14.5328H10C10.4609 14.5328 10.835 14.1824 10.835 13.75C10.835 13.3176 10.4609 12.9672 10 12.9672H5.79199Z"
+            fill={props.fill ? "current" : '#3CAA8D'}
+        />
+    </svg>
+);
+
+export default MemoIcon;
diff --git a/src/assets/icons/MypageIcon.tsx b/src/assets/icons/MypageIcon.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+
+const MypageIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        {...props}
+    >
+        <g clipPath="url(#clip0_213_3003)">
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10ZM12.779 7.22079C12.779 8.7557 11.5347 10 9.99976 10C8.46484 10 7.22054 8.7557 7.22054 7.22079C7.22054 5.68587 8.46484 4.44157 9.99976 4.44157C11.5347 4.44157 12.779 5.68587 12.779 7.22079ZM5.44153 14.7291C5.83238 12.5666 7.7244 10.9264 9.99954 10.9264C12.2747 10.9264 14.1667 12.5666 14.5575 14.7291C14.6394 15.182 14.2585 15.5584 13.7982 15.5584H6.20085C5.74061 15.5584 5.35967 15.182 5.44153 14.7291Z"
+                fill={props.fill ? "current" : '#CCCFD7'}
+            />
+        </g>
+        <defs>
+            <clipPath id="clip0_213_3003">
+                <rect width="20" height="20" fill="white" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+
+export default MypageIcon;
diff --git a/src/assets/icons/PlusIcon.tsx b/src/assets/icons/PlusIcon.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const PlusIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="21"
+        height="20"
+        viewBox="0 0 21 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M11.1159 2.74091C11.1159 2.26268 10.7282 1.875 10.25 1.875C9.77177 1.875 9.38409 2.26268 9.38409 2.74091V9.13409H2.99091C2.51268 9.13409 2.125 9.52177 2.125 10C2.125 10.4782 2.51268 10.8659 2.99091 10.8659H9.38409V17.2591C9.38409 17.7373 9.77177 18.125 10.25 18.125C10.7282 18.125 11.1159 17.7373 11.1159 17.2591V10.8659H17.5091C17.9873 10.8659 18.375 10.4782 18.375 10C18.375 9.52177 17.9873 9.13409 17.5091 9.13409H11.1159V2.74091Z"
+            fill={props.fill ? "current" : "#CCCFD7"}
+        />
+    </svg>
+);
+export default PlusIcon;
diff --git a/src/assets/icons/SearchIcon.tsx b/src/assets/icons/SearchIcon.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+        <path
+            d="M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z"
+            stroke={props.fill ? "current" : '#9299AA'}
+            stroke-width="1.66667"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+        <path
+            d="M17.5002 17.4998L13.9169 13.9165"
+            stroke={props.fill ? "current" : '#9299AA'}
+            stroke-width="1.66667"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+        />
+    </svg>
+);
+
+export default SearchIcon;
diff --git a/src/assets/icons/ShareIcon.tsx b/src/assets/icons/ShareIcon.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+const ShareIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+        {...props}
+    >
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.88736 1.08816C7.29901 1.29398 7.46586 1.79455 7.26003 2.20619L5.70378 5.31871H14.2956L12.7393 2.20619C12.5335 1.79455 12.7003 1.29398 13.112 1.08816C13.5236 0.882336 14.0242 1.04919 14.23 1.46084L16.159 5.31871H18.7493C19.2096 5.31871 19.5827 5.6918 19.5827 6.15204V7.97022C19.5827 8.43046 19.2096 8.80355 18.7493 8.80355H17.3748L16.7744 17.4489C16.7137 18.3225 15.9874 19.0001 15.1117 19.0001H4.88827C4.01261 19.0001 3.28627 18.3225 3.22561 17.4489L2.62524 8.80355H1.24935C0.789111 8.80355 0.416016 8.43046 0.416016 7.97022V6.15204C0.416016 5.6918 0.789112 5.31871 1.24935 5.31871H3.84039L5.76932 1.46084C5.97515 1.04919 6.47571 0.882336 6.88736 1.08816ZM5.64262 10.8713C5.64262 10.3902 6.03268 10.0001 6.51383 10.0001C6.99499 10.0001 7.38505 10.3902 7.38505 10.8713V14.3562C7.38505 14.8373 6.99499 15.2274 6.51383 15.2274C6.03268 15.2274 5.64262 14.8373 5.64262 14.3562V10.8713ZM9.9987 10.0001C9.51754 10.0001 9.12749 10.3902 9.12749 10.8713V14.3562C9.12749 14.8373 9.51754 15.2274 9.9987 15.2274C10.4799 15.2274 10.8699 14.8373 10.8699 14.3562V10.8713C10.8699 10.3902 10.4799 10.0001 9.9987 10.0001ZM12.6123 10.8713C12.6123 10.3902 13.0024 10.0001 13.4836 10.0001C13.9647 10.0001 14.3548 10.3902 14.3548 10.8713V14.3562C14.3548 14.8373 13.9647 15.2274 13.4836 15.2274C13.0024 15.2274 12.6123 14.8373 12.6123 14.3562V10.8713Z"
+            fill={props.fill ? "current" : '#CCCFD7'}
+        />
+    </svg>
+);
+
+export default ShareIcon;