[Icon] feat: Icon 추가

Author: hyeongjun3

src/components/icons/IconCat.tsx

@@ -0,0 +1,18 @@
+export default function IconCat() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.0067 4.5331C8.74383 4.5331 8.61754 4.66708 7.96389 4.66708C7.41947 4.66708 5.7845 3.33333 4.96787 3.33333C4.15039 3.33333 3.19723 3.81375 3.19723 5.2004V6.80038C3.19894 7.22022 3.35083 8.50703 3.94815 8.16314C3.24246 8.99769 3.17163 9.97133 3.18102 10.9134C2.99073 10.968 2.79702 11.0303 2.60844 11.0943C2.02476 11.294 1.40525 11.5483 1.12622 11.7292C0.983637 11.8213 0.883489 11.9663 0.847803 12.1322C0.812116 12.2982 0.843815 12.4715 0.935925 12.6141C1.02804 12.7566 1.17301 12.8568 1.33896 12.8925C1.50491 12.9282 1.67824 12.8965 1.82082 12.8044C1.95394 12.7182 2.43607 12.5057 3.0223 12.3052L3.21686 12.2412C3.25611 12.6107 3.35424 12.9494 3.50016 13.2566L3.47968 13.2677C3.12982 13.452 2.80555 13.6645 2.59905 13.7993L2.50263 13.8625C2.36005 13.9546 2.2599 14.0996 2.22421 14.2655C2.18853 14.4315 2.22022 14.6048 2.31233 14.7474C2.40444 14.89 2.54942 14.9901 2.71537 15.0258C2.88132 15.0615 3.05465 15.0298 3.19723 14.9377L3.30902 14.8643C3.51808 14.7277 3.78602 14.5528 4.07786 14.3992C4.14612 14.3625 4.21183 14.3301 4.27498 14.3002C5.75122 15.6852 8.4025 16.1332 10.0067 16.1332C11.611 16.1332 14.2623 15.6852 15.7385 14.3002C15.8017 14.3301 15.8665 14.3625 15.9356 14.3992C16.2275 14.5528 16.4954 14.7277 16.7045 14.8643L16.8163 14.9377C16.9588 15.0298 17.1322 15.0615 17.2981 15.0258C17.4641 14.9901 17.609 14.89 17.7012 14.7474C17.7933 14.6048 17.825 14.4315 17.7893 14.2655C17.7536 14.0996 17.6534 13.9546 17.5109 13.8625L17.4144 13.7993C17.1293 13.6086 16.8354 13.4312 16.5338 13.2677L16.5133 13.2566C16.6592 12.9494 16.7574 12.6107 16.7966 12.2412L16.9912 12.3052C17.5774 12.5057 18.0596 12.7182 18.1935 12.8044C18.336 12.8913 18.5069 12.9191 18.6696 12.8819C18.8323 12.8446 18.9741 12.7453 19.0646 12.605C19.1551 12.4647 19.1872 12.2946 19.1541 12.131C19.121 11.9674 19.0252 11.8232 18.8873 11.7292C18.6082 11.5483 17.9887 11.294 17.4059 11.0943C17.2161 11.0296 17.0249 10.969 16.8325 10.9125C16.8427 9.97048 16.771 8.99769 16.0645 8.16314C16.6618 8.50703 16.8154 7.22022 16.8163 6.79953V5.2004C16.8163 3.81375 15.8631 3.33333 15.0456 3.33333C14.229 3.33333 12.594 4.66708 12.0505 4.66708C11.396 4.66708 11.2697 4.5331 10.0067 4.5331ZM9.43075 12.3786C9.60312 12.3197 9.80707 12.2932 10.0067 12.2932C10.2064 12.2932 10.4104 12.3197 10.5836 12.3786C10.6689 12.4076 10.7713 12.4536 10.8635 12.527C10.9267 12.5747 10.9783 12.6359 11.0147 12.7062C11.051 12.7765 11.0711 12.8541 11.0734 12.9332C11.0734 13.1295 10.9548 13.266 10.8635 13.3394C10.7722 13.4128 10.6681 13.4589 10.5836 13.4879C10.3971 13.5469 10.2023 13.5757 10.0067 13.5732C9.81142 13.5757 9.61695 13.5469 9.43075 13.4879C9.32927 13.455 9.23427 13.4048 9.15001 13.3394C9.08683 13.2917 9.03516 13.2305 8.99882 13.1602C8.96249 13.0899 8.94242 13.0123 8.94009 12.9332C8.94009 12.7369 9.0587 12.6004 9.15001 12.527C9.24131 12.4536 9.34627 12.4076 9.43075 12.3786ZM11.8585 9.73325C11.9754 9.53869 12.2049 9.30659 12.5496 9.30659C12.8944 9.30659 13.1248 9.53869 13.2408 9.73325C13.362 9.9372 13.42 10.183 13.42 10.427C13.42 10.6702 13.362 10.916 13.2408 11.119C13.1248 11.3145 12.8944 11.5466 12.5496 11.5466C12.2049 11.5466 11.9754 11.3145 11.8585 11.1199C11.738 10.909 11.6761 10.6698 11.6793 10.427C11.6793 10.183 11.7373 9.9372 11.8585 9.73411M6.77265 9.73411C6.88956 9.53955 7.1191 9.30744 7.46384 9.30744C7.80859 9.30744 8.03898 9.53955 8.15503 9.73411C8.27621 9.93805 8.33423 10.1838 8.33423 10.4279C8.33423 10.6711 8.27621 10.9168 8.15503 11.1199C8.03898 11.3153 7.80859 11.5474 7.46384 11.5474C7.1191 11.5474 6.88956 11.3153 6.77265 11.1208C6.65221 10.9099 6.59035 10.6707 6.59345 10.4279C6.59345 10.1838 6.65148 9.9372 6.77265 9.73411Z"
+        fill="white"
+      />
+    </svg>
+  );
+}

src/components/icons/IconPlay.tsx

@@ -0,0 +1,16 @@
+export default function IconPlay() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="34"
+      height="38"
+      viewBox="0 0 34 38"
+      fill="none"
+    >
+      <path
+        d="M32 15.5359C34.6667 17.0755 34.6667 20.9245 32 22.4641L6.5 37.1865C3.83334 38.7261 0.5 36.8016 0.5 33.7224L0.5 4.27757C0.5 1.19837 3.83333 -0.726134 6.5 0.813467L32 15.5359Z"
+        fill="white"
+      />
+    </svg>
+  );
+}

src/components/icons/IconSound.tsx

@@ -0,0 +1,22 @@
+export default function IconSound() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="25"
+      height="24"
+      viewBox="0 0 25 24"
+      fill="none"
+    >
+      <path
+        d="M2.04617 14.4299C1.60587 13.6959 1.37329 12.856 1.37329 12C1.37329 11.1441 1.60587 10.3042 2.04617 9.57016C2.18156 9.34419 2.36273 9.14905 2.57804 8.99728C2.79335 8.8455 3.03803 8.74044 3.29635 8.68886L5.42784 8.26206C5.55495 8.23689 5.6696 8.16891 5.75266 8.06944L8.35626 4.94335C9.8444 3.15557 10.5897 2.26294 11.2532 2.50341C11.9192 2.74388 11.9192 3.90719 11.9192 6.23382V17.7688C11.9192 20.0941 11.9192 21.2562 11.2545 21.4979C10.591 21.7371 9.84566 20.8445 8.35752 19.058L5.75014 15.9306C5.6674 15.8314 5.55324 15.7634 5.42658 15.738L3.29509 15.3112C3.03677 15.2596 2.79209 15.1546 2.57678 15.0028C2.36147 14.851 2.18156 14.6559 2.04617 14.4299Z"
+        fill="white"
+      />
+      <path
+        d="M15.1121 7.54826C16.2867 8.7229 16.9495 10.3142 16.9559 11.9755C16.9622 13.6367 16.3117 15.233 15.1461 16.4166M20.3004 4.87793C22.1799 6.75719 23.2404 9.30317 23.2507 11.961C23.2611 14.6188 22.2205 17.173 20.3558 19.0668"
+        stroke="white"
+        strokeWidth="2.518"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}