feat: sync icons

lib/Arrow2Clockwise.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Arrow2Clockwise = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M8 1.5a6.501 6.501 0 0 0-6.445 5.649.75.75 0 0 0 1.488.194A5.001 5.001 0 0 1 11.57 4.5h-1.32a.75.75 0 1 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Zm-5.25 13a.75.75 0 0 1-.75-.75v-3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H4.43a5.001 5.001 0 0 0 8.528-2.843.75.75 0 0 1 1.487.194A6.501 6.501 0 0 1 3.5 12.691v1.059a.75.75 0 0 1-.75.75Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Arrow2Clockwise;

lib/Arrow3Clockwise.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Arrow3Clockwise = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <g clipPath="url(#a)">
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M4.61 2.503a6.473 6.473 0 0 1 3.383-.984 6.48 6.48 0 0 1 4.515 1.77l-.004-.559a.75.75 0 1 1 1.5-.013l.021 2.5a.75.75 0 0 1-.743.756l-2.497.022a.75.75 0 1 1-.013-1.5l.817-.007a4.983 4.983 0 0 0-3.583-1.469 4.973 4.973 0 0 0-2.602.756.75.75 0 0 1-.795-1.272Zm9.097 8.716a6.48 6.48 0 0 0 .84-3.422.75.75 0 1 0-1.5.053 4.973 4.973 0 0 1-.646 2.63 4.983 4.983 0 0 1-3.064 2.37l.403-.712a.75.75 0 1 0-1.306-.738l-1.23 2.173a.75.75 0 0 0 .284 1.022l2.176 1.23a.75.75 0 1 0 .739-1.305l-.487-.275a6.48 6.48 0 0 0 3.79-3.026Zm-11.258.099a6.473 6.473 0 0 0 2.544 2.438.75.75 0 0 0 .704-1.325 4.973 4.973 0 0 1-1.955-1.875 4.983 4.983 0 0 1-.52-3.838l.415.705a.75.75 0 1 0 1.292-.762l-1.267-2.15a.75.75 0 0 0-1.027-.266L.481 5.513a.75.75 0 1 0 .761 1.293l.483-.284a6.48 6.48 0 0 0 .724 4.796Z"
+                clipRule="evenodd"
+            />
+        </g>
+        <defs>
+            <clipPath id="a">
+                <path fill="currentColor" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+export default Arrow3Clockwise;

lib/ArrowClockwise.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const ArrowClockwise = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M8 1.5a6.5 6.5 0 1 0 6.445 7.348.75.75 0 1 0-1.487-.194A5.001 5.001 0 1 1 11.57 4.5h-1.32a.75.75 0 0 0 0 1.5h3a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-1.5 0v1.06A6.48 6.48 0 0 0 8 1.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default ArrowClockwise;

lib/BellBadge.tsx → lib/BellDot.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {SVGProps} from 'react';
-const BellBadge = (props: SVGProps<SVGSVGElement>) => (
+const BellDot = (props: SVGProps<SVGSVGElement>) => (
     <svg
         xmlns="http://www.w3.org/2000/svg"
         width={16}
@@ -17,4 +17,4 @@ const BellBadge = (props: SVGProps<SVGSVGElement>) => (
         />
     </svg>
 );
-export default BellBadge;
+export default BellDot;

lib/Ladybug.tsx → lib/Bug.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import {SVGProps} from 'react';
-const Ladybug = (props: SVGProps<SVGSVGElement>) => (
+const Bug = (props: SVGProps<SVGSVGElement>) => (
     <svg
         xmlns="http://www.w3.org/2000/svg"
         width={16}
@@ -24,4 +24,4 @@ const Ladybug = (props: SVGProps<SVGSVGElement>) => (
         </defs>
     </svg>
 );
-export default Ladybug;
+export default Bug;

lib/Camera.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Camera = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M4.273 5h1.05l.36-.987.248-.684A.5.5 0 0 1 6.401 3h3.198a.5.5 0 0 1 .47.33l.249.683.359.987H12a1.5 1.5 0 0 1 1.5 1.5V11a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V6.5A1.5 1.5 0 0 1 4 5h.273ZM6.4 1.5a2 2 0 0 0-1.88 1.317l-.248.683H4a3 3 0 0 0-3 3V11a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V6.5a3 3 0 0 0-3-3h-.273l-.248-.683A2 2 0 0 0 9.599 1.5H6.401Zm3.099 7a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm1.5 0a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Camera;

lib/Cart.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Cart = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M3.018 3.068 3.395 4.5 4.58 9.005a3 3 0 0 0 4.186 1.948l4.518-2.14A3 3 0 0 0 15 6.102V5a2 2 0 0 0-2-2H4.556l-.15-.535A2 2 0 0 0 2.48 1H.75a.75.75 0 0 0 0 1.5h1.73a.5.5 0 0 1 .482.366l.056.202Zm5.106 6.53 4.518-2.14a1.5 1.5 0 0 0 .858-1.356V5a.5.5 0 0 0-.5-.5H4.946L6.03 8.624a1.5 1.5 0 0 0 2.093.973ZM12 14.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5ZM4.75 13a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Cart;

lib/Case.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Case = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M9 2.5H7a.5.5 0 0 0-.5.5v1h3V3a.5.5 0 0 0-.5-.5ZM5 3v1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3h-1V3a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2Zm4.5 2.5H12A1.5 1.5 0 0 1 13.5 7v4a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 11V7A1.5 1.5 0 0 1 4 5.5h5.5ZM4.75 7a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Case;

lib/CirclePause.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const CirclePause = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M8 13.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11ZM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm1.75-9.75a1 1 0 0 1 1 1v3.5a1 1 0 1 1-2 0v-3.5a1 1 0 0 1 1-1Zm-2.5 1a1 1 0 0 0-2 0v3.5a1 1 0 1 0 2 0v-3.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default CirclePause;

lib/CirclePlay.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const CirclePlay = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-7.75 3.031L11 8.866a1 1 0 0 0 0-1.732L7.25 4.969a1 1 0 0 0-1.5.866v4.33a1 1 0 0 0 1.5.866Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default CirclePlay;

lib/CircleStop.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const CircleStop = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM5.25 6.25a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1h-3.5a1 1 0 0 1-1-1v-3.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default CircleStop;

lib/Clock.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Clock = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0ZM15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0ZM8.75 4.5a.75.75 0 0 0-1.5 0V8a.75.75 0 0 0 .3.6l2 1.5a.75.75 0 1 0 .9-1.2l-1.7-1.275V4.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Clock;

lib/Creditcard.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Creditcard = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M12.5 4h-9A1.5 1.5 0 0 0 2 5.5h12A1.5 1.5 0 0 0 12.5 4ZM2 10.5V7h12v3.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 10.5Zm1.5-8a3 3 0 0 0-3 3v5a3 3 0 0 0 3 3h9a3 3 0 0 0 3-3v-5a3 3 0 0 0-3-3h-9ZM4.25 9a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5h-2.5Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Creditcard;

lib/Display.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Display = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M12 3H4a1.5 1.5 0 0 0-1.5 1.5v4A1.5 1.5 0 0 0 4 10h8a1.5 1.5 0 0 0 1.5-1.5v-4A1.5 1.5 0 0 0 12 3ZM4 1.5a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Display;

lib/DisplayPulse.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const DisplayPulse = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M4 3h8a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 12 10H4a1.5 1.5 0 0 1-1.5-1.5v-1h2.25a.75.75 0 0 0 .564-.256l1.057-1.208L7.85 8.622A.75.75 0 0 0 9.1 8.7L10.375 7h1.375a.75.75 0 0 0 0-1.5H10a.75.75 0 0 0-.6.3l-.815 1.087-1.434-2.51a.75.75 0 0 0-1.215-.12L4.41 6H2.5V4.5A1.5 1.5 0 0 1 4 3ZM1 6.75V8.5a3 3 0 0 0 3 3h3.25V13h-2.5a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-2.5v-1.5H12a3 3 0 0 0 3-3v-4a3 3 0 0 0-3-3H4a3 3 0 0 0-3 3v2.25Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default DisplayPulse;

lib/Eye.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Eye = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M1.87 8.515 1.641 8l.229-.515a6.708 6.708 0 0 1 12.26 0l.228.515-.229.515a6.708 6.708 0 0 1-12.259 0ZM.5 6.876l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.584a8.208 8.208 0 0 0 15 0l.26-.584a1.328 1.328 0 0 0 0-1.08l-.26-.584a8.208 8.208 0 0 0-15 0ZM9.5 8a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Eye;

lib/EyeSlash.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const EyeSlash = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M3.03 1.97a.75.75 0 0 0-1.06 1.06l.829.83a8.206 8.206 0 0 0-2.3 3.016l-.26.585a1.328 1.328 0 0 0 0 1.079l.26.585a8.208 8.208 0 0 0 11.435 3.87l1.035 1.035a.75.75 0 0 0 1.061-1.06l-11-11Zm7.787 9.908-1.293-1.293a3 3 0 0 1-4.109-4.109L3.866 4.927A6.707 6.707 0 0 0 1.87 7.486L1.641 8l.23.515a6.708 6.708 0 0 0 8.946 3.363ZM6.551 7.611A1.502 1.502 0 0 0 8.388 9.45L6.551 7.611Zm7.396 3.836A8.204 8.204 0 0 0 15.5 9.124l.26-.584a1.328 1.328 0 0 0 0-1.08l-.26-.584A8.208 8.208 0 0 0 5.05 2.55l1.187 1.187a6.708 6.708 0 0 1 7.893 3.748l.228.515-.229.515a6.706 6.706 0 0 1-1.243 1.871l1.061 1.061ZM7.535 5.036l3.43 3.428a3 3 0 0 0-3.429-3.429Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default EyeSlash;

lib/Microphone.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const Microphone = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M9.5 7V3.5a1.5 1.5 0 1 0-3 0V7a1.5 1.5 0 1 0 3 0ZM8 .5a3 3 0 0 0-3 3V7a3 3 0 0 0 6 0V3.5a3 3 0 0 0-3-3Zm.75 12.454A6.001 6.001 0 0 0 14 7v-.25a.75.75 0 0 0-1.5 0V7a4.5 4.5 0 1 1-9 0v-.25a.75.75 0 0 0-1.5 0V7c0 3.06 2.29 5.585 5.25 5.954v1.796a.75.75 0 0 0 1.5 0v-1.796Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default Microphone;

lib/MicrophoneSlash.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const MicrophoneSlash = (props: SVGProps<SVGSVGElement>) => (
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={16}
+        height={16}
+        fill="none"
+        viewBox="0 0 16 16"
+        {...props}
+    >
+        <path
+            fill="currentColor"
+            fillRule="evenodd"
+            d="M9.5 7V3.5a1.5 1.5 0 1 0-3 0V4L5.129 2.629A3.001 3.001 0 0 1 11 3.5V7c0 .44-.095.858-.265 1.235L9.5 7ZM3.03 1.97a.75.75 0 0 0-1.06 1.06L5 6.06V7a3 3 0 0 0 3.825 2.885l1.156 1.157A4.5 4.5 0 0 1 3.5 7v-.25a.75.75 0 0 0-1.5 0V7c0 3.06 2.29 5.585 5.25 5.954v1.796a.75.75 0 0 0 1.5 0v-1.796a5.962 5.962 0 0 0 2.336-.807l1.884 1.883a.75.75 0 1 0 1.06-1.06l-11-11Zm9.896 8.456A5.972 5.972 0 0 0 14 7v-.25a.75.75 0 0 0-1.5 0V7c0 .858-.24 1.66-.657 2.343l1.083 1.083Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default MicrophoneSlash;