@liner-fe/icon 0.0.3 → 0.0.4

package/.gitignore

@@ -0,0 +1,3 @@
+lib
+src
+assets

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @liner-fe/icon
 
+## 0.0.4
+
+### Patch Changes
+
+- 06013e4: fix: icon 컬러 변경 안되는 이슈
+
 ## 0.0.3
 
 ### Patch Changes

package/assets/add-clock/index.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+interface AddClockProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const AddClock = ({ fill = false, thick = false, size = 24 }: AddClockProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.9517 38.8742C25.3129 38.9572 24.6614 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24C39 24.1987 38.9961 24.3966 38.9885 24.5934C40.0358 24.9622 41.0071 25.4924 41.8724 26.1541C41.9567 25.4478 42 24.729 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C25.2926 42 26.5534 41.8638 27.7687 41.6048C27.029 40.8003 26.4132 39.88 25.9517 38.8742Z" fill="currentColor"/>
+<path d="M22.4684 23.385L22.4682 13.0001L25.4682 13.0001L25.4684 24.6243L18.0629 32.058L15.9376 29.9407L22.4684 23.385Z" fill="currentColor"/>
+<path d="M34.249 42.4996V36.25H28.0004V33.25H34.249V27H37.249V33.25H43.5V36.25H37.249V42.4996H34.249Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.9517 38.8742C25.3129 38.9572 24.6614 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24C39 24.1987 38.9961 24.3966 38.9885 24.5934C40.0358 24.9622 41.0071 25.4924 41.8724 26.1541C41.9567 25.4478 42 24.729 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C25.2926 42 26.5534 41.8638 27.7687 41.6048C27.029 40.8003 26.4132 39.88 25.9517 38.8742Z" fill="currentColor"/>
+<path d="M22.4684 23.385L22.4682 13.0001L25.4682 13.0001L25.4684 24.6243L18.0629 32.058L15.9376 29.9407L22.4684 23.385Z" fill="currentColor"/>
+<path d="M34.249 42.4996V36.25H28.0004V33.25H34.249V27H37.249V33.25H43.5V36.25H37.249V42.4996H34.249Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M42 24C42 24.729 41.9567 25.4478 41.8724 26.1541C40.7398 25.288 39.4256 24.6472 37.9969 24.2987C37.999 24.1994 38 24.0998 38 24C38 16.268 31.732 10 24 10C16.268 10 10 16.268 10 24C10 31.732 16.268 38 24 38C24.5298 38 25.0527 37.9706 25.5672 37.9133C26.0427 39.2972 26.7993 40.5504 27.7687 41.6048C26.5534 41.8638 25.2926 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24Z" fill="currentColor"/>
+<path d="M21.9682 13.0006L21.9684 23.1789L15.5834 29.5883L18.4172 32.4114L25.9684 24.8313L25.9682 13.0006L21.9682 13.0006Z" fill="currentColor"/>
+<path d="M33.749 42.4996V36.75H28.0004V32.75H33.749V27H37.749V32.75H43.5V36.75H37.749V42.4996H33.749Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.9517 38.8742C25.3129 38.9572 24.6614 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24C39 24.1987 38.9961 24.3966 38.9885 24.5934C40.0358 24.9622 41.0071 25.4924 41.8724 26.1541C41.9567 25.4478 42 24.729 42 24C42 14.0589 33.9411 6 24 6C14.0589 6 6 14.0589 6 24C6 33.9411 14.0589 42 24 42C25.2926 42 26.5534 41.8638 27.7687 41.6048C27.029 40.8003 26.4132 39.88 25.9517 38.8742Z" fill="currentColor"/>
+<path d="M22.4684 23.385L22.4682 13.0001L25.4682 13.0001L25.4684 24.6243L18.0629 32.058L15.9376 29.9407L22.4684 23.385Z" fill="currentColor"/>
+<path d="M34.249 42.4996V36.25H28.0004V33.25H34.249V27H37.249V33.25H43.5V36.25H37.249V42.4996H34.249Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/add-to-folder/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface AddToFolderProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const AddToFolder = ({ fill = false, thick = false, size = 24 }: AddToFolderProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" fill="currentColor"/>
+<path d="M13.5 23H19.5V26H13.5V32.5H10.5V26H4.5V23H10.5V17H13.5V23Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" fill="currentColor"/>
+<path d="M13.5 23H19.5V26H13.5V32.5H10.5V26H4.5V23H10.5V17H13.5V23Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H8.5V37H39.5V14.5H22L18.999 10.5H8.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" fill="currentColor"/>
+<path d="M14 22.5H19.5V26.5H14V32.5H10V26.5H4.5V22.5H10V17H14V22.5Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 10.5H41.5C42.6046 10.5 43.5 11.3954 43.5 12.5V39L43.4893 39.2041C43.3938 40.1457 42.6457 40.8938 41.7041 40.9893L41.5 41H6.5L6.2959 40.9893C5.35435 40.8938 4.6062 40.1457 4.51074 39.2041L4.5 39V34H7.5V38H40.5V13.5H22.5L19.5 9.5H7.5V16H4.5V8.5C4.5 7.46435 5.28722 6.613 6.2959 6.51074L6.5 6.5H21L24 10.5Z" fill="currentColor"/>
+<path d="M13.5 23H19.5V26H13.5V32.5H10.5V26H4.5V23H10.5V17H13.5V23Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/ai/index.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+
+interface AiProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Ai = ({ fill = false, thick = false, size = 24 }: AiProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.077 2.99951C38.2995 2.38298 39.1714 2.38298 39.3939 2.99951L40.8326 6.98652C40.8629 7.07048 40.929 7.13659 41.013 7.16688L45 8.6056C45.6165 8.82807 45.6165 9.7 45 9.92248L41.013 11.3612C40.929 11.3915 40.8629 11.4576 40.8326 11.5416L39.3939 15.5286C39.1714 16.1451 38.2995 16.1451 38.077 15.5286L36.6383 11.5416C36.608 11.4576 36.5419 11.3915 36.4579 11.3612L32.4709 9.92248C31.8544 9.70001 31.8544 8.82807 32.4709 8.6056L36.4579 7.16688C36.5419 7.13659 36.608 7.07048 36.6383 6.98652L38.077 2.99951Z" fill="currentColor"/>
+<path d="M20.0378 26.4805H22.6067L21.3405 23.1475L20.0378 26.4805Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M42.2158 16.5468L42.5 15.7592V38.9998C42.5 40.9328 40.933 42.4998 39 42.4998H9C7.067 42.4998 5.5 40.9328 5.5 38.9998V8.99976C5.5 7.06676 7.067 5.49976 9 5.49976H32.2395L31.4526 5.7837C28.1938 6.95965 28.1938 11.5684 31.4526 12.7444L34.2468 13.7527L35.2551 16.5468C36.4311 19.8057 41.0398 19.8057 42.2158 16.5468ZM24.9195 32.5702L23.9673 30.0312H18.6692L17.6959 32.5702H13.4248L19.7731 16.5994H22.9075L29.2781 32.5702H24.9195ZM29.9941 16.5994H33.9996V32.5702H29.9941V16.5994Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.9703 4.30343C37.8114 3.86305 37.1886 3.86305 37.0297 4.30343L35.591 8.29044C35.5405 8.43037 35.4303 8.54055 35.2904 8.59105L31.3034 10.0298C30.863 10.1887 30.863 10.8115 31.3034 10.9704L35.2904 12.4091C35.4303 12.4596 35.5405 12.5698 35.591 12.7097L37.0297 16.6967C37.1886 17.1371 37.8114 17.1371 37.9703 16.6967L39.409 12.7097C39.4595 12.5698 39.5697 12.4596 39.7096 12.4091L43.6967 10.9704C44.137 10.8115 44.137 10.1887 43.6967 10.0298L39.7096 8.59105C39.5697 8.54055 39.4595 8.43037 39.409 8.29044L37.9703 4.30343Z" fill="currentColor"/>
+<path d="M23.1723 26.8812H19.4378L21.3315 22.0358L23.1723 26.8812Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M41.4418 14.4418L42.5 14.06V39C42.5 40.933 40.933 42.5 39 42.5H9C7.067 42.5 5.5 40.933 5.5 39V9C5.5 7.067 7.067 5.5 9 5.5H33.9401L33.5582 6.5583L30.4548 7.67818C27.8125 8.63165 27.8125 12.3685 30.4548 13.322L33.5582 14.4418L34.6781 17.5453C35.6316 20.1876 39.3684 20.1876 40.3219 17.5453L41.4418 14.4418ZM24.2303 29.6318L25.1824 32.1708H28.6736L22.6222 17H20.0303L14 32.1708H17.4066L18.3799 29.6318H24.2303ZM33.3218 17H30.1162V32.1708H33.3218V17Z" fill="currentColor"/>
+<path d="M41.5425 6.59465C41.4981 6.54771 41.4524 6.502 41.4054 6.45757L41.4418 6.5583L41.5425 6.59465Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M39.3854 3.4624C39.1629 2.84587 38.291 2.84587 38.0685 3.4624L36.6298 7.44941C36.5995 7.53337 36.5334 7.59948 36.4494 7.62977L32.4624 9.06849C31.8459 9.29096 31.8459 10.1629 32.4624 10.3854L36.4494 11.8241C36.5334 11.8544 36.5995 11.9205 36.6298 12.0044L38.0685 15.9915C38.291 16.608 39.1629 16.608 39.3854 15.9915L40.8241 12.0044C40.8544 11.9205 40.9205 11.8544 41.0044 11.8241L44.9915 10.3854C45.608 10.1629 45.608 9.29096 44.9915 9.06849L41.0044 7.62977C40.9205 7.59948 40.8544 7.53337 40.8241 7.44941L39.3854 3.4624Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M23.9678 30.0312L24.9199 32.5702H29.2785L22.908 16.5994H19.7735L13.4253 32.5702H17.6963L18.6696 30.0312H23.9678ZM22.6072 26.4805H20.0383L21.3409 23.1475L22.6072 26.4805Z" fill="currentColor"/>
+<path d="M34.0001 16.5994H29.9945V32.5702H34.0001V16.5994Z" fill="currentColor"/>
+<path d="M9 5C6.79086 5 5 6.79086 5 9V39C5 41.2091 6.79086 43 9 43H39C41.2091 43 43 41.2091 43 39V18.3333H39V39L9 39V9H29.6667V5H9Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.0297 4.30343C37.1886 3.86305 37.8114 3.86305 37.9703 4.30343L39.409 8.29044C39.4595 8.43037 39.5697 8.54055 39.7096 8.59104L43.6966 10.0298C44.137 10.1887 44.137 10.8115 43.6966 10.9704L39.7096 12.4091C39.5697 12.4596 39.4595 12.5698 39.409 12.7097L37.9703 16.6967C37.8114 17.1371 37.1886 17.1371 37.0297 16.6967L35.591 12.7097C35.5405 12.5698 35.4303 12.4596 35.2904 12.4091L31.3034 10.9704C30.863 10.8115 30.863 10.1887 31.3034 10.0298L35.2904 8.59105C35.4303 8.54055 35.5405 8.43037 35.591 8.29044L37.0297 4.30343Z" fill="currentColor"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M24.2303 29.6319L25.1824 32.1709H28.6736L22.6222 17.0001H20.0303L14 32.1709H17.4066L18.3799 29.6319H24.2303ZM23.1723 26.8812H19.4378L21.3315 22.0359L23.1723 26.8812Z" fill="currentColor"/>
+<path d="M33.3218 17.0001H30.1162V32.1709H33.3218V17.0001Z" fill="currentColor"/>
+<path d="M8.5 9.00007C8.5 8.72393 8.72386 8.50007 9 8.50007H30V5.50007H9C7.067 5.50007 5.5 7.06708 5.5 9.00007V39.0001C5.5 40.9331 7.067 42.5001 9 42.5001H39C40.933 42.5001 42.5 40.9331 42.5 39.0001V18.0001H39.5V39.0001C39.5 39.2762 39.2761 39.5001 39 39.5001H9C8.72386 39.5001 8.5 39.2762 8.5 39.0001V9.00007Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/airplane/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface AirplaneProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Airplane = ({ fill = false, thick = false, size = 24 }: AirplaneProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.638 30.1997L12.063 30.1774L11.4706 30.7718L14.3404 32.3507C15.3378 32.8994 16.1584 33.7205 16.7066 34.7182L18.2497 37.5265L18.8381 36.9363L18.8273 33.3723L27.1827 25.0054L31.2631 37.56L32.6379 36.1867L30.5554 21.6249L37.7284 14.4461L38.2692 10.7284L34.5433 11.2692L27.3492 18.4692L12.8179 16.3955L11.4494 17.7626L23.9947 21.8314L15.638 30.1997ZM7.10722 20.5594C5.68579 20.0983 5.25357 18.2981 6.31077 17.242L10.6979 12.8595C11.1429 12.4149 11.7712 12.2056 12.3939 12.2945L25.9337 14.2267L32.1835 7.97178C32.4885 7.66655 32.884 7.46814 33.311 7.40616L37.6946 6.76988C40.3415 6.38569 42.6125 8.65736 42.2275 11.3042L41.5913 15.6784C41.5293 16.1046 41.3313 16.4994 41.0269 16.8041L34.7982 23.0379L36.7393 36.6112C36.8285 37.2349 36.6186 37.8641 36.1729 38.3093L31.7827 42.695C30.7265 43.75 28.9286 43.318 28.4671 41.8982L25.3975 32.4538L22.8323 35.0226L22.8406 37.7543C22.8422 38.2857 22.6322 38.7958 22.2571 39.1722L19.1986 42.2406C18.2569 43.1854 16.6717 42.9609 16.0293 41.7918L13.201 36.6445C13.0182 36.3119 12.7447 36.0382 12.4122 35.8553L7.21331 32.9949C6.0473 32.3534 5.82137 30.7733 6.76088 29.8307L9.82138 26.7603C10.1997 26.3807 10.7145 26.1689 11.2504 26.1722L13.9899 26.1894L16.5528 23.6229L7.10722 20.5594Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M15.2259 29.1971L11.6505 29.1748L9.82398 31.0072L13.8584 33.2268C14.6895 33.6841 15.3734 34.3684 15.8302 35.1998L18.0159 39.1776L19.8393 37.3483L19.8286 33.7849L26.7364 26.8675L30.8162 39.42L33.6986 36.5406L31.6161 21.9781L38.6703 14.9183L39.2588 10.8723C39.355 10.2106 38.7873 9.64272 38.1255 9.73877L34.0708 10.3273L26.9953 17.4086L12.4646 15.335L9.58685 18.2097L22.1342 22.2793L15.2259 29.1971ZM25.9337 14.2267L12.3939 12.2945C11.7712 12.2056 11.1429 12.4149 10.6979 12.8595L6.31077 17.242C5.25357 18.2981 5.68579 20.0983 7.10722 20.5594L16.5528 23.6229L13.9899 26.1894L11.2504 26.1722C10.7145 26.1689 10.1997 26.3807 9.82138 26.7603L6.76088 29.8307C5.82137 30.7733 6.0473 32.3534 7.21331 32.9949L12.4122 35.8553C12.7447 36.0382 13.0182 36.3119 13.201 36.6445L16.0293 41.7918C16.6717 42.9609 18.2569 43.1854 19.1986 42.2406L22.2571 39.1722C22.6322 38.7958 22.8422 38.2857 22.8406 37.7543L22.8323 35.0226L25.3975 32.4538L28.4671 41.8982C28.9286 43.318 30.7265 43.75 31.7827 42.695L36.1729 38.3093C36.6186 37.8641 36.8285 37.2349 36.7393 36.6112L34.7982 23.0379L41.0269 16.8041C41.3313 16.4994 41.5293 16.1046 41.5913 15.6784L42.2275 11.3042C42.6125 8.65736 40.3415 6.38569 37.6946 6.76988L33.311 7.40616C32.884 7.46814 32.4885 7.66655 32.1835 7.97178L25.9337 14.2267Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/android/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface AndroidProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Android = ({ fill = false, thick = false, size = 24 }: AndroidProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.2 18.9604L38.88 12.6004C39.2 11.9804 38.96 11.2204 38.36 10.9004C37.78 10.6004 37.06 10.7804 36.7 11.3404L32.94 17.8204C27.22 15.4004 20.78 15.4004 15.06 17.8204L11.3 11.3404C10.92 10.7604 10.14 10.5804 9.56 10.9404C9 11.3004 8.82 12.0204 9.12 12.6004L12.8 18.9604C6.9141 22.3211 2.97489 28.2413 2.11174 34.9243C2.03703 35.5027 2.49855 36.0004 3.08174 36.0004H44.9183C45.5015 36.0004 45.963 35.5027 45.8883 34.9243C45.0251 28.2413 41.0859 22.3211 35.2 18.9604ZM14 30.5004C12.62 30.5004 11.5 29.3804 11.5 28.0004C11.5 26.6204 12.62 25.5004 14 25.5004C15.38 25.5004 16.5 26.6204 16.5 28.0004C16.5 29.3804 15.38 30.5004 14 30.5004ZM34 30.5004C32.62 30.5004 31.5 29.3804 31.5 28.0004C31.5 26.6204 32.62 25.5004 34 25.5004C35.38 25.5004 36.5 26.6204 36.5 28.0004C36.5 29.3804 35.38 30.5004 34 30.5004Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/apple/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+interface AppleProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const Apple = ({ fill = false, thick = false, size = 24 }: AppleProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z" fill="currentColor"/>
+<path d="M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.9371 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z" fill="currentColor"/>
+<path d="M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.9371 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z" fill="currentColor"/>
+<path d="M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.9371 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M29.6769 9.89979C30.8569 8.37985 31.7568 6.19991 31.4368 4C29.4969 4.13999 27.237 5.37993 25.8971 6.97986C24.6971 8.43981 23.7171 10.6197 24.0971 12.7396C26.217 12.8196 28.417 11.5397 29.6769 9.89979Z" fill="currentColor"/>
+<path d="M40.4766 33.5796C39.5767 35.5996 39.1367 36.5195 37.9567 38.3194C36.3168 40.8393 33.9969 43.9592 31.097 43.9992C29.9496 44.0187 29.1994 43.6788 28.3865 43.3107C28.3634 43.3002 28.3403 43.2898 28.3171 43.2793C28.282 43.2635 28.2468 43.2477 28.2115 43.2318C27.2616 42.8041 26.2306 42.34 24.4373 42.3593C22.5864 42.3593 21.5278 42.8346 20.5518 43.2728L20.5374 43.2793C20.5147 43.2893 20.492 43.2993 20.4694 43.3093C19.6359 43.678 18.8658 44.0187 17.6975 43.9992C14.8376 43.9592 12.6377 41.1393 10.9978 38.6194C6.41797 31.5797 5.91799 23.34 8.75788 18.9402C10.7778 15.8203 13.9577 14.0004 16.9375 14.0004C18.5375 14.0004 19.8174 14.4604 21.0374 14.9004L21.0482 14.9043C22.1642 15.3028 23.2212 15.6803 24.4173 15.6803C25.5372 15.6803 26.4372 15.3404 27.4371 14.9604C28.6171 14.5004 29.9371 14.0004 31.857 14.0004C34.5169 14.0004 37.3368 15.4603 39.3367 17.9802C32.7769 21.6001 33.8369 31.0597 40.4766 33.5796Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-back/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowBackProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowBack = ({ fill = false, thick = false, size = 24 }: ArrowBackProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.4142 10.4144L16.8286 24L30.4142 37.5857L27.5858 40.4141L14.0001 26.8284C12.438 25.2663 12.438 22.7337 14.0001 21.1716L27.5858 7.58594L30.4142 10.4144Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0606 37.9392L16.475 24.3535C16.2797 24.1583 16.2797 23.8417 16.475 23.6464L30.0606 10.0608L27.9393 7.93945L14.3537 21.5251C12.9868 22.8919 12.9868 25.108 14.3537 26.4748L27.9393 40.0605L30.0606 37.9392Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-backward/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowBackwardProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowBackward = ({ fill = false, thick = false, size = 24 }: ArrowBackwardProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M30.0605 13.0608L19.4748 23.6464C19.2796 23.8417 19.2796 24.1583 19.4748 24.3535L30.0605 34.9392L27.9391 37.0605L17.3535 26.4748C15.9867 25.108 15.9867 22.8919 17.3535 21.5251L27.9391 10.9395L30.0605 13.0608Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-down/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowDownProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowDown = ({ fill = false, thick = false, size = 24 }: ArrowDownProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.001 35.1719L26.001 7H22.001L22.001 35.1726L11.8371 25.0086L9.00864 27.8371L21.1722 40.0006C22.7343 41.5627 25.267 41.5627 26.8291 40.0006L38.9927 27.8371L36.1642 25.0086L26.001 35.1719Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.501 36.379L25.501 7H22.501L22.501 36.3797L11.4835 25.3622L9.36218 27.4835L21.5258 39.6471C22.8926 41.0139 25.1087 41.0139 26.4755 39.6471L38.6391 27.4835L36.5178 25.3622L25.501 36.379Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-down-left/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowDownLeftProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowDownLeft = ({ fill = false, thick = false, size = 24 }: ArrowDownLeftProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6212 35.5002L39.0607 11.0608L36.9394 8.93945L12.5 33.3788V17.0002H9.5V35.0002C9.5 36.9332 11.067 38.5002 13 38.5002H31V35.5002H14.6212Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6212 35.5002L39.0607 11.0608L36.9394 8.93945L12.5 33.3788V17.0002H9.5V35.0002C9.5 36.9332 11.067 38.5002 13 38.5002H31V35.5002H14.6212Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8282 35.0003L39.4142 11.4144L36.5858 8.58594L13 32.1717V17.0003H9V35.0003C9 37.2094 10.7909 39.0003 13 39.0003H31V35.0003H15.8282Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6212 35.5002L39.0607 11.0608L36.9394 8.93945L12.5 33.3788V17.0002H9.5V35.0002C9.5 36.9332 11.067 38.5002 13 38.5002H31V35.5002H14.6212Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-downward/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowDownwardProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowDownward = ({ fill = false, thick = false, size = 24 }: ArrowDownwardProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.4142 17.5859L23.9999 31.1716L37.5855 17.5859L40.4139 20.4144L26.8283 34C25.2662 35.5621 22.7335 35.5621 21.1714 34L7.58578 20.4144L10.4142 17.5859Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M10.0607 17.9395L23.6463 31.5251C23.8416 31.7204 24.1581 31.7204 24.3534 31.5251L37.9391 17.9395L40.0604 20.0608L26.4747 33.6464C25.1079 35.0133 22.8918 35.0133 21.525 33.6464L7.93933 20.0608L10.0607 17.9395Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-drop-right/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowDropRightProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowDropRight = ({ fill = false, thick = false, size = 24 }: ArrowDropRightProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 12.5001L17 35.6716C17 36.5625 18.0771 37.0087 18.7071 36.3787L29.5858 25.5001C30.3668 24.719 30.3668 23.4527 29.5858 22.6716L18.7071 11.7929C18.0771 11.163 17 11.6091 17 12.5001Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 34.9392L28.5249 24.3535C28.7201 24.1583 28.7201 23.8417 28.5249 23.6464L17.9392 13.0608L20.0605 10.9395L30.6462 21.5251C32.013 22.8919 32.013 25.108 30.6462 26.4748L20.0605 37.0605L17.9392 34.9392Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-forward/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowForwardProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowForward = ({ fill = false, thick = false, size = 24 }: ArrowForwardProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.5857 37.5857L31.1713 24L17.5857 10.4144L20.4141 7.58594L33.9997 21.1716C35.5618 22.7337 35.5618 25.2663 33.9997 26.8284L20.4141 40.4141L17.5857 37.5857Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fillRule="evenodd" clipRule="evenodd" d="M17.9392 37.9392L31.5249 24.3535C31.7201 24.1583 31.7201 23.8417 31.5249 23.6464L17.9392 10.0608L20.0605 7.93945L33.6462 21.5251C35.013 22.8919 35.013 25.108 33.6462 26.4748L20.0605 40.0605L17.9392 37.9392Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-left/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowLeftProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowLeft = ({ fill = false, thick = false, size = 24 }: ArrowLeftProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.8289 21.9987L22.9924 11.8353L20.1639 9.00684L8.00034 21.1704C6.43824 22.7325 6.43824 25.2652 8.00034 26.8273L20.1639 38.9909L22.9923 36.1624L12.8286 25.9987L41 25.9987L41 21.9987L12.8289 21.9987Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6218 22.4986L22.6388 11.4817L20.5175 9.36035L8.35389 21.5239C6.98706 22.8908 6.98706 25.1068 8.35389 26.4737L20.5175 38.6373L22.6388 36.5159L11.6215 25.4986L41 25.4987L41 22.4987L11.6218 22.4986Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-right/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowRightProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowRight = ({ fill = false, thick = false, size = 24 }: ArrowRightProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.1706 26.0005L25.0077 36.1634L27.8361 38.9918L39.9997 26.8283C41.5618 25.2662 41.5618 22.7335 39.9997 21.1714L27.8361 9.00781L25.0077 11.8362L35.1719 22.0005L7 22.0005V26.0005L35.1706 26.0005Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.3777 25.5004L25.3612 36.5169L27.4825 38.6382L39.6461 26.4747C41.013 25.1078 41.013 22.8917 39.6461 21.5249L27.4825 9.36133L25.3612 11.4826L36.379 22.5004L7 22.5004V25.5004H36.3777Z" fill="currentColor"/>
+</svg>
+;
+};

package/assets/arrow-turn/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+interface ArrowTurnProps {
+  fill?: boolean;
+  thick?: boolean;
+  size?: number
+}
+
+export const ArrowTurn = ({ fill = false, thick = false, size = 24 }: ArrowTurnProps) => {
+  if (fill && thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" fill="currentColor"/>
+</svg>
+;
+  } else if (fill) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" fill="currentColor"/>
+</svg>
+;
+  } else if (thick) {
+    return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 31C7.79086 31 6 29.2091 6 27V5.5H10V27H36.1716L27.4022 18.2306L30.2306 15.4022L41 26.1716C42.5621 27.7337 42.5621 30.2663 41 31.8284L30.2306 42.5978L27.4022 39.7694L36.1716 31H10Z" fill="currentColor"/>
+</svg>
+;
+  } 
+  
+  return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 30.5C8.067 30.5 6.5 28.933 6.5 27V6H9.5V27C9.5 27.2761 9.72386 27.5 10 27.5H37.3787L27.7557 17.8771L29.8771 15.7557L40.6464 26.5251C42.0133 27.892 42.0133 30.108 40.6464 31.4749L29.8771 42.2443L27.7557 40.1229L37.3787 30.5H10Z" fill="currentColor"/>
+</svg>
+;
+};