SVG 추가, props case 수정 (#43)

* style: add fill-heart

* fix: prop kebab to camel

src/components/common/Icon.tsx

@@ -30,6 +30,7 @@ export type IconName =
   | "cart"
   | "close"
   | "coupon"
+  | "fill-heart"
   | "empty-heart"
   | "gift-edit"
   | "logo-header"

src/components/common/IconLoader.tsx

@@ -131,6 +131,21 @@ const IconLoader = () => (
           d="M1.974 1.996C1.322 2.663 1 3.473 1 4.416c0 .445.07.872.217 1.272.148.4.374.765.696 1.085L8 13l6.087-6.227c.322-.329.548-.694.696-1.085.147-.4.217-.827.217-1.272 0-.952-.33-1.753-.974-2.42C13.383 1.33 12.583 1 11.652 1c-.582 0-1.156.196-1.739.578C9.33 1.961 8.696 2.583 8 3.446c-.696-.863-1.33-1.485-1.913-1.868C5.504 1.196 4.93 1 4.347 1c-.93 0-1.72.338-2.373.996Z"
         />
       </symbol>
+      <symbol
+        id="fill-heart"
+        width="16"
+        height="14"
+        fill="none"
+        viewBox="0 0 16 14"
+      >
+        <path
+          stroke="#E363A3"
+          fill="#E363A3"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M1.974 1.996C1.322 2.663 1 3.473 1 4.416c0 .445.07.872.217 1.272.148.4.374.765.696 1.085L8 13l6.087-6.227c.322-.329.548-.694.696-1.085.147-.4.217-.827.217-1.272 0-.952-.33-1.753-.974-2.42C13.383 1.33 12.583 1 11.652 1c-.582 0-1.156.196-1.739.578C9.33 1.961 8.696 2.583 8 3.446c-.696-.863-1.33-1.485-1.913-1.868C5.504 1.196 4.93 1 4.347 1c-.93 0-1.72.338-2.373.996Z"
+        />
+      </symbol>
       <symbol
         id="logo-intro-provider"
         width="282"
@@ -377,34 +392,34 @@ const IconLoader = () => (
           fill="#E1E4E5"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M189 171V197.364C189 202.313 186.275 206.859 181.915 209.187L147.796 227.425C143.86 229.525 139.14 229.525 135.204 227.425L101.085 209.187C96.7254 206.859 94 202.313 94 197.364V171"
           fill="white"
         />
         <path
           d="M189 171V197.364C189 202.313 186.275 206.859 181.915 209.187L147.796 227.425C143.86 229.525 139.14 229.525 135.204 227.425L101.085 209.187C96.7254 206.859 94 202.313 94 197.364V171"
           stroke="#E1E4E5"
-          stroke-width="4"
+          strokeWidth="4"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M121.936 110.471L202.386 151.761C205.662 153.442 206.945 157.445 205.255 160.698C204.634 161.895 203.661 162.878 202.465 163.512L172.44 179.437C168.574 181.49 163.938 181.522 160.044 179.524L79.6144 138.222C76.3381 136.542 75.0547 132.539 76.7446 129.285C77.3664 128.088 78.339 127.105 79.5347 126.475L109.56 110.55C113.426 108.509 118.05 108.482 121.936 110.479V110.471Z"
           fill="white"
           stroke="#E1E4E5"
-          stroke-width="4"
+          strokeWidth="4"
         />
         <path
           d="M160.064 110.471L79.6144 151.761C76.3381 153.442 75.0547 157.445 76.7446 160.698C77.3664 161.895 78.339 162.878 79.5347 163.512L109.56 179.437C113.426 181.49 118.062 181.522 121.956 179.524L202.386 138.222C205.662 136.542 206.945 132.539 205.255 129.285C204.634 128.088 203.661 127.105 202.465 126.475L172.44 110.55C168.574 108.509 163.95 108.482 160.064 110.479V110.471Z"
           stroke="#E1E4E5"
-          stroke-width="4"
+          strokeWidth="4"
         />
-        <path d="M141 229V170" stroke="#E1E4E5" stroke-width="4" />
+        <path d="M141 229V170" stroke="#E1E4E5" strokeWidth="4" />
         <path
           d="M39 47.4799C43.3716 73.6387 47.1967 72.6298 75.4623 76.7668C111.131 81.9872 184.974 81.0332 191.259 53.2996C197.544 25.5661 140.092 31.0503 162.533 70.6737C180.487 102.369 228.071 88.1095 239 76.7668"
           stroke="#E1E4E5"
-          stroke-width="2"
+          strokeWidth="2"
         />
         <path
           d="M170.483 57H111.517C104.052 57 98 63.0524 98 70.5185V127.482C98 134.948 104.052 141 111.517 141H170.483C177.948 141 184 134.948 184 127.482V70.5185C184 63.0524 177.948 57 170.483 57Z"
@@ -415,8 +430,8 @@ const IconLoader = () => (
           fill="#E362A3"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M162.996 117.495V120.748C162.996 122.544 161.555 124 159.782 124H121.214C119.441 124 118 122.54 118 120.748V117.443C118 107.597 129.114 101.201 140.5 101.201C151.886 101.201 163 107.601 163 117.443M148.185 77.3988C152.54 81.9306 152.54 89.2737 148.185 93.8055C143.829 98.3373 136.771 98.3373 132.416 93.8055C128.06 89.2737 128.06 81.9306 132.416 77.3988C136.771 72.8671 143.829 72.8671 148.185 77.3988Z"
           fill="white"
         />
@@ -429,8 +444,8 @@ const IconLoader = () => (
           fill="#8070AE"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M51.8081 34.5232V36.3852C51.8081 37.4121 50.981 38.2472 49.9582 38.2472H27.7752C26.7564 38.2472 25.9253 37.4121 25.9253 36.3852V34.4912C25.9253 28.8532 32.3181 25.1931 38.8627 25.1931C45.4073 25.1931 51.8001 28.8572 51.8001 34.4912M43.2817 11.5636C45.7869 14.1569 45.7869 18.3644 43.2817 20.9576C40.7765 23.5509 36.7171 23.5509 34.2119 20.9576C31.7068 18.3644 31.7068 14.1569 34.2119 11.5636C36.7171 8.97041 40.7765 8.97041 43.2817 11.5636Z"
           fill="white"
         />
@@ -443,8 +458,8 @@ const IconLoader = () => (
           fill="#422A85"
         />
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fillRule="evenodd"
+          clipRule="evenodd"
           d="M252.32 63.0112V64.8732C252.32 65.9001 251.493 66.7352 250.47 66.7352H228.287C227.268 66.7352 226.437 65.9001 226.437 64.8732V62.9792C226.437 57.3413 232.83 53.6812 239.379 53.6812C245.927 53.6812 252.32 57.3453 252.32 62.9792M243.802 40.0517C246.307 42.6449 246.307 46.8524 243.802 49.4457C241.297 52.0389 237.237 52.0389 234.732 49.4457C232.227 46.8524 232.227 42.6449 234.732 40.0517C237.237 37.4584 241.297 37.4584 243.802 40.0517Z"
           fill="white"
         />
@@ -457,8 +472,8 @@ const IconLoader = () => (
             y2="-20.3847"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stop-color="white" />
-            <stop offset="1" stop-color="#EEEEEE" />
+            <stop stopColor="white" />
+            <stop offset="1" stopColor="#EEEEEE" />
           </linearGradient>
           <linearGradient
             id="paint1_linear_137_1734"
@@ -468,8 +483,8 @@ const IconLoader = () => (
             y2="65.2186"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stop-color="white" />
-            <stop offset="1" stop-color="#EEEEEE" />
+            <stop stopColor="white" />
+            <stop offset="1" stopColor="#EEEEEE" />
           </linearGradient>
           <linearGradient
             id="paint2_linear_137_1734"
@@ -479,8 +494,8 @@ const IconLoader = () => (
             y2="98.515"
             gradientUnits="userSpaceOnUse"
           >
-            <stop stop-color="white" />
-            <stop offset="1" stop-color="#EEEEEE" />
+            <stop stopColor="white" />
+            <stop offset="1" stopColor="#EEEEEE" />
           </linearGradient>
         </defs>
       </symbol>