@weing-dev/ui-kit-primitive 0.0.0

package/src/components/Icons/ListAll.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgListAll = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M12.5 10.5h4.808V9H12.5v1.5Zm0 5.5h4.808v-1.5H12.5V16Zm-3-4.635c.447 0 .829-.157 1.143-.472.315-.315.472-.696.472-1.143 0-.447-.157-.829-.472-1.143A1.557 1.557 0 0 0 9.5 8.135c-.447 0-.829.157-1.143.472a1.557 1.557 0 0 0-.472 1.143c0 .447.157.829.472 1.143.314.315.696.472 1.143.472Zm0 5.5c.447 0 .829-.157 1.143-.472.315-.315.472-.696.472-1.143 0-.447-.157-.829-.472-1.143a1.557 1.557 0 0 0-1.143-.472c-.447 0-.829.157-1.143.472a1.557 1.557 0 0 0-.472 1.143c0 .447.157.828.472 1.143.314.315.696.472 1.143.472ZM5.808 21c-.505 0-.933-.175-1.283-.525A1.745 1.745 0 0 1 4 19.192V5.808c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h13.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H5.808Zm0-1.5h13.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.808a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H5.808a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.384c0 .077.032.148.096.212a.294.294 0 0 0 .212.096Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgListAll;

package/src/components/Icons/LocalShipping.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgLocalShipping = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M5.433 20a2.65 2.65 0 0 1-1.96-.816 2.715 2.715 0 0 1-.805-1.98H1V6.8c0-.503.172-.93.517-1.278A1.71 1.71 0 0 1 2.782 5H16.2v3.793h2.616L22 13.103v4.1h-1.782a2.71 2.71 0 0 1-.807 1.981 2.657 2.657 0 0 1-1.962.816 2.65 2.65 0 0 1-1.96-.816 2.714 2.714 0 0 1-.805-1.98H8.202c0 .778-.27 1.439-.808 1.982A2.66 2.66 0 0 1 5.433 20Zm.002-1.494c.361 0 .667-.126.915-.378.25-.251.374-.56.374-.925s-.125-.674-.374-.925a1.238 1.238 0 0 0-.915-.378c-.361 0-.667.126-.915.378-.25.251-.374.56-.374.925s.125.674.374.925c.248.252.554.378.915.378Zm-2.957-2.797h.713c.21-.37.513-.679.909-.928.396-.25.841-.375 1.335-.375.481 0 .923.123 1.326.37.402.246.708.557.918.933h7.043V6.494H2.782a.288.288 0 0 0-.209.096.294.294 0 0 0-.095.21v8.909Zm14.973 2.797c.362 0 .667-.126.916-.378.249-.251.373-.56.373-.925s-.124-.674-.373-.925a1.238 1.238 0 0 0-.916-.378c-.361 0-.666.126-.915.378-.25.251-.374.56-.374.925s.125.674.374.925c.249.252.554.378.915.378Zm-1.25-4.79h4.415l-2.558-3.429H16.2v3.43Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgLocalShipping;

package/src/components/Icons/Logout.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgLogout = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M21.076 13.25H9.14v-1.5h11.938l-1.842-1.82 1.067-1.084L24 12.5l-3.698 3.654-1.067-1.085 1.841-1.819Zm-5.232-3.885V5.808a.298.298 0 0 0-.311-.308H5.83a.298.298 0 0 0-.311.308v13.384a.298.298 0 0 0 .31.308h9.704a.298.298 0 0 0 .311-.308v-3.557h1.519v3.557c0 .499-.18.925-.537 1.278-.357.353-.788.53-1.293.53H5.83c-.505 0-.936-.177-1.294-.53A1.731 1.731 0 0 1 4 19.192V5.808c0-.499.179-.925.536-1.278.358-.353.789-.53 1.294-.53h9.703c.505 0 .936.177 1.293.53.358.353.537.779.537 1.278v3.557h-1.519Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgLogout;

package/src/components/Icons/Menu.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3 17v-1.464h17V17H3Zm0-4.768v-1.464h17v1.464H3Zm0-4.768V6h17v1.464H3Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgMenu;

package/src/components/Icons/Minus.tsx

@@ -0,0 +1,18 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgMinus = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    fill="none"
+    viewBox="0 0 20 20"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path d="M4.168 10.409V9.062h11.667v1.347H4.168Z" fill="#fff" />
+  </svg>
+);
+export default SvgMinus;

package/src/components/Icons/ModeEdit.tsx

@@ -0,0 +1,25 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgModeEdit = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M2.99854 17.4613V20.5013C2.99854 20.7813 3.21854 21.0013 3.49854 21.0013H6.53854C6.66854 21.0013 6.79854 20.9513 6.88854 20.8513L17.8085 9.94128L14.0585 6.19128L3.14854 17.1013C3.04854 17.2013 2.99854 17.3213 2.99854 17.4613Z"
+      fill="white"
+    />
+    <path
+      d="M20.7085 5.63128L18.3685 3.29128C17.9785 2.90128 17.3485 2.90128 16.9585 3.29128L15.1285 5.12128L18.8785 8.87128L20.7085 7.04128C21.0985 6.65128 21.0985 6.02128 20.7085 5.63128Z"
+      fill="white"
+    />
+  </svg>
+);
+export default SvgModeEdit;

package/src/components/Icons/More.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgMore = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11.5 20c-.412 0-.766-.151-1.06-.455a1.514 1.514 0 0 1-.44-1.093c0-.425.147-.79.44-1.093a1.423 1.423 0 0 1 1.06-.454c.412 0 .766.151 1.06.454.293.303.44.668.44 1.093 0 .426-.147.79-.44 1.093A1.423 1.423 0 0 1 11.5 20Zm0-5.952c-.412 0-.766-.152-1.06-.455A1.514 1.514 0 0 1 10 12.5c0-.426.147-.79.44-1.093a1.423 1.423 0 0 1 1.06-.455c.412 0 .766.152 1.06.455.293.303.44.667.44 1.093 0 .426-.147.79-.44 1.093a1.423 1.423 0 0 1-1.06.455Zm0-5.953c-.412 0-.766-.151-1.06-.454A1.514 1.514 0 0 1 10 6.548c0-.426.147-.79.44-1.093A1.423 1.423 0 0 1 11.5 5c.412 0 .766.152 1.06.455.293.303.44.667.44 1.093 0 .425-.147.79-.44 1.093a1.423 1.423 0 0 1-1.06.454Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgMore;

package/src/components/Icons/Naver.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgNaver = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M14.493 12.492 9.303 5H5v14h4.507v-7.493L14.697 19H19V5h-4.507v7.492Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgNaver;

package/src/components/Icons/NaverBlog.tsx

@@ -0,0 +1,22 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgNaverBlog = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.053 4h11.888C19.624 4 21 5.364 21 7.031v7.318c0 1.661-1.37 3.025-3.053 3.025h-4.244l-.723 1.238-.711 1.22a.338.338 0 0 1-.584 0l-.711-1.22-.723-1.238H6.053C4.376 17.374 3 16.016 3 14.35V7.026C3 5.364 4.37 4 6.053 4ZM7.67 9.15c-.319 0-.617.163-.848.44V8H6v4.905h.822v-.345c.231.27.524.44.848.44.734 0 1.33-.86 1.33-1.921 0-1.063-.59-1.929-1.33-1.929Zm-.165 2.883c-.303 0-.565-.237-.678-.582a1.274 1.274 0 0 1-.062-.38c0-.135.021-.263.062-.378.113-.345.375-.582.678-.582.411 0 .74.426.74.96 0 .535-.329.962-.74.962ZM13.5 9c-.828 0-1.5.894-1.5 2V9.511c-.08-.486-.419-.851-.419-.851C10.838 7.91 10 8.004 10 8.004v.98s.585.068.696.555V13H12v-2c0 1.106.672 2 1.5 2s1.5-.894 1.5-2c0-1.106-.667-2-1.5-2Zm0 2.958c-.396 0-.719-.43-.719-.958s.323-.958.719-.958c.396 0 .719.43.719.958s-.318.958-.719.958Zm4.4-2.601V9.07H19v3.543c-.075.446-.414.784-.414.784-.734.688-1.555.6-1.555.6v-.9c.76 0 .869-.477.869-.477v-.485c-.299.223-.68.357-1.093.357-.999 0-1.807-.784-1.807-1.746S15.808 9 16.806 9c.408 0 .788.134 1.094.357Zm-1.881 1.383c0 .49.441.892.991.892.387 0 .727-.198.89-.497a.858.858 0 0 0 .102-.395.8.8 0 0 0-.102-.395 1.015 1.015 0 0 0-.89-.497c-.543 0-.991.401-.991.892Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgNaverBlog;

package/src/components/Icons/OrderApprove.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgOrderApprove = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m16.823 19.488 3.158-3.113-.839-.836-2.319 2.272-.965-.972-.839.851 1.804 1.798ZM5.885 8.35h11.23V6.854H5.885v1.495ZM17.5 22c-1.249 0-2.31-.436-3.187-1.31-.875-.873-1.313-1.93-1.313-3.176s.438-2.304 1.313-3.177c.876-.873 1.938-1.31 3.187-1.31 1.249 0 2.31.437 3.186 1.31.876.873 1.314 1.932 1.314 3.177s-.438 2.303-1.314 3.177C19.811 21.564 18.75 22 17.5 22ZM3 20.83V4.803c0-.497.177-.922.53-1.274A1.741 1.741 0 0 1 4.808 3h13.384c.499 0 .925.176 1.278.528.353.352.53.777.53 1.274v6.29a5.561 5.561 0 0 0-1.5-.426V4.803a.293.293 0 0 0-.096-.21.295.295 0 0 0-.212-.097H4.808a.295.295 0 0 0-.212.096.293.293 0 0 0-.096.211v13.701h6.21c.064.394.158.772.281 1.135.124.363.29.707.495 1.033l-.092.092-1.317-1.16-1.423 1.227-1.423-1.227-1.423 1.227-1.423-1.227L3 20.83Zm2.885-4.735h4.892a5.52 5.52 0 0 1 .465-1.496H5.885v1.496Zm0-3.873h7.205a5.915 5.915 0 0 1 1.631-1.05 5.456 5.456 0 0 1 1.942-.445H5.885v1.495Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgOrderApprove;

package/src/components/Icons/OrderInactive.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgOrderInactive = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M15.904 19.326h.884v-3.624h-.884v3.624Zm2.308 0h.884v-3.624h-.884v3.624ZM5.885 8.349h11.23V6.854H5.885v1.495ZM17.5 22c-1.249 0-2.31-.436-3.187-1.31-.875-.873-1.313-1.93-1.313-3.176s.438-2.304 1.313-3.177c.876-.873 1.938-1.31 3.187-1.31 1.249 0 2.31.437 3.186 1.31.876.873 1.314 1.932 1.314 3.177s-.438 2.303-1.314 3.177C19.811 21.564 18.75 22 17.5 22ZM3 20.83V4.803c0-.497.177-.922.53-1.274A1.741 1.741 0 0 1 4.808 3h13.384c.499 0 .925.176 1.278.528.353.352.53.777.53 1.274v6.29a5.561 5.561 0 0 0-1.5-.426V4.803a.293.293 0 0 0-.096-.21.295.295 0 0 0-.212-.097H4.808a.295.295 0 0 0-.212.096.293.293 0 0 0-.096.211v13.701h6.21c.064.394.158.772.281 1.135.124.363.29.707.495 1.033l-.092.092-1.317-1.16-1.423 1.227-1.423-1.227-1.423 1.227-1.423-1.227L3 20.83Zm2.885-4.735h4.892a5.52 5.52 0 0 1 .465-1.496H5.885v1.496Zm0-3.873h7.205a5.915 5.915 0 0 1 1.631-1.05 5.456 5.456 0 0 1 1.942-.445H5.885v1.495Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgOrderInactive;

package/src/components/Icons/OrderPlay.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgOrderPlay = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m16.327 19.728 3.548-2.214-3.548-2.215v4.43ZM5.885 8.35h11.23V6.854H5.885v1.495ZM17.5 22c-1.249 0-2.31-.436-3.187-1.31-.875-.873-1.313-1.93-1.313-3.176s.438-2.304 1.313-3.177c.876-.873 1.938-1.31 3.187-1.31 1.249 0 2.31.437 3.186 1.31.876.873 1.314 1.932 1.314 3.177s-.438 2.303-1.314 3.177C19.811 21.564 18.75 22 17.5 22ZM3 20.83V4.803c0-.497.177-.922.53-1.274A1.741 1.741 0 0 1 4.808 3h13.384c.499 0 .925.176 1.278.528.353.352.53.777.53 1.274v6.29a5.561 5.561 0 0 0-1.5-.426V4.803a.293.293 0 0 0-.096-.21.295.295 0 0 0-.212-.097H4.808a.295.295 0 0 0-.212.096.293.293 0 0 0-.096.211v13.701h6.21c.064.394.158.772.281 1.135.124.363.29.707.495 1.033l-.092.092-1.317-1.16-1.423 1.227-1.423-1.227-1.423 1.227-1.423-1.227L3 20.83Zm2.885-4.735h4.892a5.52 5.52 0 0 1 .465-1.496H5.885v1.496Zm0-3.873h7.205a5.915 5.915 0 0 1 1.631-1.05 5.456 5.456 0 0 1 1.942-.445H5.885v1.495Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgOrderPlay;

package/src/components/Icons/Outward.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgOutward = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M6.011 17 5 15.989l9.527-9.537H5.866V5H17v11.134h-1.452V7.473L6.01 17Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgOutward;

package/src/components/Icons/PayApprove.tsx

@@ -0,0 +1,24 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgPayApprove = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M4.308 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v5.288H4v6.096c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h9.288v1.5H4.308ZM4 8.404h16V6.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v2.096Z"
+      fill={props.color || `#121416`}
+    />
+    <path
+      d="m18.823 19.461 3.158-3.113-.839-.836-2.319 2.271-.965-.972-.839.852 1.804 1.798Zm.677 2.512c-1.249 0-2.31-.437-3.186-1.31C15.438 19.79 15 18.731 15 17.486s.438-2.304 1.314-3.177C17.189 13.438 18.25 13 19.5 13c1.249 0 2.31.437 3.186 1.31.876.872 1.314 1.931 1.314 3.176s-.438 2.304-1.314 3.177c-.875.873-1.937 1.31-3.186 1.31Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgPayApprove;

package/src/components/Icons/PayInactive.tsx

@@ -0,0 +1,24 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgPayInactive = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M4.308 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V6.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v5.288H4v6.096c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h9.288v1.5H4.308ZM4 8.404h16V6.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v2.096Z"
+      fill={props.color || `#121416`}
+    />
+    <path
+      d="M17.904 19.298h.884v-3.623h-.884v3.623Zm2.308 0h.884v-3.623h-.884v3.623Zm-.712 2.675c-1.249 0-2.31-.437-3.186-1.31C15.438 19.79 15 18.731 15 17.486s.438-2.304 1.314-3.177C17.189 13.438 18.25 13 19.5 13c1.249 0 2.31.437 3.186 1.31.876.872 1.314 1.931 1.314 3.176s-.438 2.304-1.314 3.177c-.875.873-1.937 1.31-3.186 1.31Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgPayInactive;

package/src/components/Icons/Personcard.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgPersoncard = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M3.808 22c-.505 0-.933-.175-1.283-.525A1.745 1.745 0 0 1 2 20.192V9.808c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525H9V4.5c0-.415.146-.77.438-1.062A1.446 1.446 0 0 1 10.5 3h2c.415 0 .77.146 1.062.438.292.293.438.647.438 1.062V8h5.192c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v10.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H3.808Zm0-1.5h15.384a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22V9.807a.3.3 0 0 0-.087-.221.3.3 0 0 0-.22-.087H14v.385c0 .409-.148.76-.443 1.056a1.443 1.443 0 0 1-1.057.444h-2c-.409 0-.761-.148-1.057-.444A1.443 1.443 0 0 1 9 9.885V9.5H3.808a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v10.385a.3.3 0 0 0 .087.221.3.3 0 0 0 .22.087Zm1.846-2.288h5.692v-.297c0-.257-.071-.494-.213-.71a1.429 1.429 0 0 0-.59-.505 4.997 4.997 0 0 0-2.042-.43 4.997 4.997 0 0 0-2.043.43c-.252.12-.448.289-.59.505a1.265 1.265 0 0 0-.214.71v.297Zm7.846-1.52h4V15.5h-4v1.192Zm-5-1.192c.372 0 .69-.131.952-.394.263-.263.394-.58.394-.952s-.131-.69-.394-.952a1.297 1.297 0 0 0-.952-.394c-.372 0-.69.131-.952.394-.263.263-.394.58-.394.952s.131.689.394.952.58.394.952.394Zm5-1.5h4v-1.192h-4V14Zm-3-4.115h2V4.5h-2v5.385Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgPersoncard;

package/src/components/Icons/PrintInactive.tsx

@@ -0,0 +1,24 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgPrintInactive = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M17.404 19.298h.884v-3.623h-.884v3.623Zm2.308 0h.884v-3.623h-.884v3.623ZM19 21.973c-1.249 0-2.31-.437-3.187-1.31-.875-.873-1.313-1.932-1.313-3.177s.438-2.304 1.313-3.177C16.69 13.438 17.752 13 19 13c1.249 0 2.31.437 3.186 1.31.876.872 1.314 1.931 1.314 3.176s-.438 2.304-1.314 3.177c-.875.873-1.937 1.31-3.186 1.31Z"
+      fill={props.color || `#121416`}
+    />
+    <path
+      d="M6.5 20.5v-4H2.79v-5.692c0-.709.242-1.302.726-1.782.483-.479 1.075-.718 1.774-.718h13.423c.708 0 1.302.24 1.78.718.48.48.72 1.073.72 1.782v.81a6.382 6.382 0 0 0-.72-.29c-.25-.082-.51-.14-.78-.17v-.289c0-.283-.096-.53-.288-.743a.922.922 0 0 0-.712-.318H5.289a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713V15H6.5v-1.77h8.012a4.618 4.618 0 0 0-.912 1.5H8V19h5.437c.084.277.207.539.368.785.16.247.323.485.485.715H6.5ZM16 8.308v-3H8v3H6.5v-4.5h11v4.5H16Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgPrintInactive;

package/src/components/Icons/PrintPlay.tsx

@@ -0,0 +1,24 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgPrintPlay = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m17.827 19.728 3.548-2.214-3.548-2.215v4.43ZM19 22c-1.249 0-2.31-.436-3.187-1.31-.875-.873-1.313-1.931-1.313-3.176s.438-2.304 1.313-3.177c.876-.873 1.938-1.31 3.187-1.31 1.249 0 2.31.437 3.186 1.31.876.873 1.314 1.932 1.314 3.177s-.438 2.303-1.314 3.177C21.311 21.564 20.25 22 19 22Z"
+      fill={props.color || `#121416`}
+    />
+    <path
+      d="M6.5 20.5v-4H2.79v-5.692c0-.709.242-1.302.726-1.782.483-.479 1.075-.718 1.774-.718h13.423c.708 0 1.302.24 1.78.718.48.48.72 1.073.72 1.782v.81a6.382 6.382 0 0 0-.72-.29c-.25-.082-.51-.14-.78-.17v-.289c0-.283-.096-.53-.288-.743a.922.922 0 0 0-.712-.318H5.289a.968.968 0 0 0-.713.287.967.967 0 0 0-.287.713V15H6.5v-1.77h8.012a4.618 4.618 0 0 0-.912 1.5H8V19h5.437c.084.277.207.539.368.785.16.247.323.485.485.715H6.5ZM16 8.308v-3H8v3H6.5v-4.5h11v4.5H16Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgPrintPlay;

package/src/components/Icons/Product.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgProduct = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M4.808 22c-.499 0-.925-.177-1.278-.53A1.741 1.741 0 0 1 3 20.192V8.994a1.903 1.903 0 0 1-.72-.645A1.69 1.69 0 0 1 2 7.385V4.808c0-.499.177-.925.53-1.278.353-.353.779-.53 1.278-.53h15.384c.499 0 .925.177 1.278.53.353.353.53.779.53 1.278v2.577c0 .364-.093.685-.28.964a1.904 1.904 0 0 1-.72.645v11.198c0 .499-.177.925-.53 1.278-.353.353-.779.53-1.278.53H4.808ZM4.5 9.192v10.952a.33.33 0 0 0 .11.255.391.391 0 0 0 .275.101h13.307a.3.3 0 0 0 .221-.087.3.3 0 0 0 .087-.22v-11h-14Zm-.692-1.5h15.384a.3.3 0 0 0 .221-.086.3.3 0 0 0 .087-.221V4.808a.3.3 0 0 0-.087-.221.3.3 0 0 0-.22-.087H3.807a.3.3 0 0 0-.221.087.3.3 0 0 0-.087.22v2.578a.3.3 0 0 0 .087.22.3.3 0 0 0 .22.087Zm4.884 6.24h5.616V12.5H8.692v1.433Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgProduct;

package/src/components/Icons/Search.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m19.9 21-6.575-6.575c-.5.433-1.083.77-1.749 1.012a6.183 6.183 0 0 1-2.126.363c-1.803 0-3.328-.625-4.577-1.875S3 11.167 3 9.4c0-1.767.625-3.275 1.875-4.525C6.125 3.625 7.638 3 9.412 3c1.775 0 3.284.625 4.525 1.875 1.242 1.25 1.863 2.76 1.863 4.529 0 .714-.117 1.404-.35 2.071a6.343 6.343 0 0 1-1.05 1.875L21 19.9 19.9 21ZM9.425 14.3c1.354 0 2.505-.48 3.453-1.438S14.3 10.75 14.3 9.4s-.474-2.504-1.422-3.463C11.93 4.98 10.78 4.5 9.425 4.5c-1.368 0-2.53.48-3.489 1.438C4.98 6.896 4.5 8.05 4.5 9.4s.479 2.504 1.436 3.463c.958.958 2.121 1.437 3.489 1.437Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgSearch;

package/src/components/Icons/Settings.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgSettings = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m10.167 21-.385-3.046a5.364 5.364 0 0 1-1.596-.896L5.333 18.25 3 14.25l2.467-1.844a4.955 4.955 0 0 1-.05-.448 6.922 6.922 0 0 1 0-.882c.01-.147.027-.307.05-.482L3 8.75l2.333-3.98 2.843 1.182c.243-.191.504-.366.78-.524a5.26 5.26 0 0 1 .816-.382L10.167 2h4.666l.385 3.056c.303.109.578.236.824.382.245.145.493.317.743.514l2.882-1.183L22 8.75l-2.506 1.873c.036.162.056.313.06.453.002.14.004.282.004.424 0 .136-.003.274-.01.414a2.86 2.86 0 0 1-.07.482l2.487 1.854-2.333 4-2.847-1.202c-.25.198-.505.372-.766.524-.26.152-.527.276-.8.372L14.832 21h-4.666Zm2.345-6.5a2.94 2.94 0 0 0 2.147-.876c.59-.584.886-1.292.886-2.124 0-.832-.295-1.54-.886-2.124a2.941 2.941 0 0 0-2.147-.876c-.852 0-1.57.292-2.156.876A2.89 2.89 0 0 0 9.48 11.5c0 .832.292 1.54.877 2.124.586.584 1.304.876 2.156.876Zm0-1.5a1.47 1.47 0 0 1-1.075-.438 1.439 1.439 0 0 1-.442-1.062c0-.417.148-.77.442-1.063A1.47 1.47 0 0 1 12.512 10c.42 0 .779.146 1.074.438.295.291.442.645.442 1.062 0 .417-.147.77-.442 1.063a1.47 1.47 0 0 1-1.074.437Zm-1.023 6.5h1.987l.364-2.679a5.673 5.673 0 0 0 1.414-.568 6.235 6.235 0 0 0 1.236-.947l2.512 1.044.995-1.7-2.193-1.635c.084-.259.142-.512.172-.761a6.189 6.189 0 0 0 0-1.508 3.872 3.872 0 0 0-.172-.742l2.213-1.654-.996-1.7-2.54 1.06a5.37 5.37 0 0 0-1.217-.948 5.258 5.258 0 0 0-1.434-.583L13.51 3.5h-2.006l-.335 2.67c-.516.12-.992.304-1.429.553-.437.249-.854.57-1.25.962L5.979 6.65l-.996 1.7 2.184 1.61a3.612 3.612 0 0 0-.177.74 6.215 6.215 0 0 0 0 1.575c.033.25.09.497.167.74L4.983 14.65l.996 1.7L8.48 15.3c.384.39.794.709 1.23.958.438.248.92.44 1.45.573l.328 2.669Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgSettings;

package/src/components/Icons/ShippingDone.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgShippingDone = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M5.433 23a2.65 2.65 0 0 1-1.96-.816 2.715 2.715 0 0 1-.805-1.98H1V9.8c0-.503.172-.93.517-1.278A1.71 1.71 0 0 1 2.782 8H16.2v3.793h2.616L22 16.103v4.1h-1.782a2.71 2.71 0 0 1-.807 1.981 2.657 2.657 0 0 1-1.962.816 2.65 2.65 0 0 1-1.96-.816 2.714 2.714 0 0 1-.805-1.98H8.202c0 .778-.27 1.439-.808 1.982A2.66 2.66 0 0 1 5.433 23Zm.002-1.494c.361 0 .667-.126.915-.378.25-.251.374-.56.374-.925s-.125-.674-.374-.925a1.238 1.238 0 0 0-.915-.378c-.361 0-.667.126-.915.378-.25.251-.374.56-.374.925s.125.674.374.925c.248.252.554.378.915.378Zm-2.957-2.797h.713c.21-.37.513-.679.909-.928.396-.25.841-.375 1.335-.375.481 0 .923.123 1.326.37.402.246.708.557.918.933h7.043V9.494H2.782a.288.288 0 0 0-.209.096.294.294 0 0 0-.095.21v8.909Zm14.973 2.797c.362 0 .667-.126.916-.378.249-.251.373-.56.373-.925s-.124-.674-.373-.925a1.238 1.238 0 0 0-.916-.378c-.361 0-.666.126-.915.378-.25.251-.374.56-.374.925s.125.674.374.925c.249.252.554.378.915.378Zm-1.25-4.79h4.415l-2.558-3.429H16.2v3.43ZM8 3.399 10.447 6 15 1.111 13.965 0l-3.518 3.778L9.035 2.26 8 3.4Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgShippingDone;

package/src/components/Icons/SupportAgent.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgSupportAgent = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M11 21v-1.5h8.5v-7.6a6.51 6.51 0 0 0-.625-2.787A8.017 8.017 0 0 0 17.2 6.75c-.7-.683-1.5-1.23-2.4-1.638a6.705 6.705 0 0 0-5.6 0c-.9.409-1.7.955-2.4 1.638a8.017 8.017 0 0 0-1.675 2.363A6.51 6.51 0 0 0 4.5 11.9V18H4c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 2 16v-2c0-.383.092-.72.275-1.012.183-.292.425-.53.725-.713l.075-1.325c.15-1.217.496-2.317 1.037-3.3a8.784 8.784 0 0 1 2.026-2.5 9.1 9.1 0 0 1 2.725-1.588A8.93 8.93 0 0 1 12 3c1.1 0 2.154.188 3.162.563a8.803 8.803 0 0 1 2.713 1.6 9.11 9.11 0 0 1 2.012 2.5c.542.974.888 2.062 1.038 3.262l.075 1.3c.3.15.542.37.725.662.183.292.275.613.275.963v2.3c0 .367-.092.692-.275.975-.183.283-.425.5-.725.65V19.5c0 .413-.147.766-.44 1.06-.294.293-.647.44-1.06.44H11Zm-2-7.25a.72.72 0 0 1-.525-.225.734.734 0 0 1-.225-.537c0-.209.075-.384.225-.525a.755.755 0 0 1 .537-.213.731.731 0 0 1 .738.75c0 .2-.072.375-.216.525A.71.71 0 0 1 9 13.75Zm6 0a.72.72 0 0 1-.525-.225.734.734 0 0 1-.225-.537c0-.209.075-.384.225-.525a.756.756 0 0 1 .537-.213c.209 0 .384.072.525.216a.731.731 0 0 1 .213.534c0 .2-.072.375-.216.525a.71.71 0 0 1-.534.225Zm-8.975-1.3c-.067-.983.07-1.875.412-2.675.342-.8.8-1.48 1.375-2.038A6.05 6.05 0 0 1 9.8 6.45c.75-.3 1.5-.45 2.25-.45 1.517 0 2.792.48 3.825 1.438 1.033.958 1.667 2.154 1.9 3.587-1.567-.017-2.946-.438-4.137-1.263a8.32 8.32 0 0 1-2.763-3.212 7.985 7.985 0 0 1-1.688 3.587 7.78 7.78 0 0 1-3.162 2.313Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgSupportAgent;

package/src/components/Icons/SwapVert.tsx

@@ -0,0 +1,21 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgSwapVert = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M16 17.01V10H14V17.01H11L15 21L19 17.01H16ZM9 3L5 6.99H8V14H10V6.99H13L9 3ZM16 17.01V10H14V17.01H11L15 21L19 17.01H16ZM9 3L5 6.99H8V14H10V6.99H13L9 3Z"
+      fill={props.color || `#1C252E`}
+    />
+  </svg>
+);
+export default SvgSwapVert;

package/src/components/Icons/Task.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgTask = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="m10.85 17.625 5.725-5.725-.975-.975-4.75 4.75L8.275 13.1l-.975.975 3.55 3.55ZM5.5 22c-.4 0-.75-.15-1.05-.45-.3-.3-.45-.65-.45-1.05v-17c0-.4.15-.75.45-1.05.3-.3.65-.45 1.05-.45h9.025L20 7.475V20.5c0 .4-.15.75-.45 1.05-.3.3-.65.45-1.05.45h-13Zm8.275-13.85V3.5H5.5v17h13V8.15h-4.725Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgTask;

package/src/components/Icons/Upload.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgUpload = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M6.808 19c-.505 0-.933-.173-1.283-.519A1.715 1.715 0 0 1 5 17.213V14.55h1.5v2.662a.29.29 0 0 0 .096.21.296.296 0 0 0 .212.094h11.384a.296.296 0 0 0 .212-.095.29.29 0 0 0 .096-.21v-2.66H20v2.66c0 .5-.175.923-.525 1.269-.35.346-.778.519-1.283.519H6.808Zm4.942-3.84V6.855L9.285 9.293 8.23 8.22 12.5 4l4.27 4.22-1.055 1.073-2.465-2.438v8.305h-1.5Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgUpload;

package/src/components/Icons/User.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgUser = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M5.55 17.625c1.05-.733 2.092-1.296 3.125-1.688A9.302 9.302 0 0 1 12 15.35c1.183 0 2.296.196 3.338.588 1.041.391 2.087.954 3.137 1.687.733-.9 1.254-1.808 1.563-2.725A9.036 9.036 0 0 0 20.5 12c0-2.417-.813-4.438-2.438-6.063C16.438 4.313 14.418 3.5 12 3.5c-2.417 0-4.438.813-6.063 2.438C4.313 7.563 3.5 9.582 3.5 12a8.81 8.81 0 0 0 .475 2.9c.317.917.842 1.825 1.575 2.725Zm6.445-4.875c-.963 0-1.774-.33-2.432-.992-.659-.662-.988-1.474-.988-2.438 0-.963.33-1.774.992-2.433.662-.658 1.474-.987 2.438-.987.963 0 1.774.33 2.432.992.659.662.988 1.474.988 2.438 0 .963-.33 1.774-.992 2.432-.662.659-1.474.988-2.438.988Zm.017 9.25a9.705 9.705 0 0 1-3.887-.788 10.144 10.144 0 0 1-3.188-2.15 10.162 10.162 0 0 1-2.15-3.181A9.68 9.68 0 0 1 2 11.993c0-1.379.263-2.672.788-3.88a10.183 10.183 0 0 1 2.15-3.175 10.162 10.162 0 0 1 3.181-2.15A9.68 9.68 0 0 1 12.007 2c1.379 0 2.672.263 3.88.788a10.183 10.183 0 0 1 3.175 2.15 10.18 10.18 0 0 1 2.15 3.175c.526 1.21.788 2.5.788 3.875s-.262 2.67-.788 3.887a10.143 10.143 0 0 1-2.15 3.188 10.18 10.18 0 0 1-3.175 2.15 9.622 9.622 0 0 1-3.875.787ZM12 20.5a9.16 9.16 0 0 0 2.688-.4c.874-.267 1.737-.733 2.587-1.4a10.9 10.9 0 0 0-2.6-1.375A7.875 7.875 0 0 0 12 16.85c-.9 0-1.792.158-2.675.475a10.9 10.9 0 0 0-2.6 1.375c.85.667 1.713 1.133 2.588 1.4.874.267 1.77.4 2.687.4Zm0-9.25c.567 0 1.03-.18 1.387-.537.359-.359.538-.821.538-1.388s-.18-1.03-.538-1.387C13.03 7.579 12.567 7.4 12 7.4c-.567 0-1.03.18-1.387.537-.359.359-.538.821-.538 1.388s.18 1.03.538 1.388c.358.358.82.537 1.387.537Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgUser;

package/src/components/Icons/Warning.tsx

@@ -0,0 +1,20 @@
+// Auto-generated file created by svgr-cli source svg-template.js
+// Run yarn icons:create to update
+// Do not edit
+import type { SVGProps } from "react";
+const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    viewBox="0 0 24 24"
+    width={props.width || 24}
+    height={props.height || 24}
+    style={props.style || {}}
+    onClick={props.onClick}
+    {...props}
+  >
+    <path
+      d="M2 20 12 3l10 17H2Zm2.55-1.457h14.9L12 5.914 4.55 18.543ZM12 17.385a.777.777 0 0 0 .797-.785.777.777 0 0 0-.797-.785.777.777 0 0 0-.797.785c0 .222.076.409.23.559.152.15.341.226.567.226Zm-.74-2.541h1.48V9.987h-1.48v4.857Z"
+      fill={props.color || `#121416`}
+    />
+  </svg>
+);
+export default SvgWarning;