feat: sync icons (#32)

Co-authored-by: amje <[email protected]>

lib/CopyXmark.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const CopyXmark = (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 12c0 .414-.168.79-.44 1.06A1.49 1.49 0 0 1 8 13.5H4a1.49 1.49 0 0 1-1.06-.44A1.496 1.496 0 0 1 2.5 12V8c0-.414.168-.79.44-1.06A1.49 1.49 0 0 1 4 6.5h4c.414 0 .79.168 1.06.44.272.27.44.646.44 1.06v4Zm-1.47-1.03s.001 0 0 0L7.06 10l.97-.97a.75.75 0 0 0-1.06-1.06L6 8.94l-.97-.97a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 0 0 1.06 1.06c0 .001 0 0 0 0l.97-.97.97.97a.75.75 0 0 0 1.06-1.06ZM6.5 5H8a3 3 0 0 1 3 3v1.5h1A1.498 1.498 0 0 0 13.5 8V4A1.5 1.5 0 0 0 12 2.5H8A1.5 1.5 0 0 0 6.5 4v1ZM5 4a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-1v1a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h1V4Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default CopyXmark;

lib/PauseFill.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const PauseFill = (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.5 3.5a2 2 0 0 1 2-2H5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H3.5a2 2 0 0 1-2-2v-9Zm7.5 0a2 2 0 0 1 2-2h1.5a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2v-9Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default PauseFill;

lib/Play.tsx

@@ -9,12 +9,19 @@ const Play = (props: SVGProps<SVGSVGElement>) => (
         viewBox="0 0 16 16"
         {...props}
     >
-        <path
-            fill="currentColor"
-            fillRule="evenodd"
-            d="M13.005 7.134 4.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L5.251.918C3.585-.045 1.5 1.158 1.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z"
-            clipRule="evenodd"
-        />
+        <g clipPath="url(#a)">
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M14.005 7.134 5.5 2.217a1 1 0 0 0-1.5.866v9.834a1 1 0 0 0 1.5.866l8.505-4.917a1 1 0 0 0 0-1.732Zm.751 3.03c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z"
+                clipRule="evenodd"
+            />
+        </g>
+        <defs>
+            <clipPath id="a">
+                <path fill="currentColor" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
     </svg>
 );
 export default Play;

lib/PlayFill.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const PlayFill = (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="M14.756 10.164c1.665-.962 1.665-3.366 0-4.329L6.251.918C4.585-.045 2.5 1.158 2.5 3.083v9.834c0 1.925 2.085 3.128 3.751 2.164l8.505-4.917Z"
+                clipRule="evenodd"
+            />
+        </g>
+        <defs>
+            <clipPath id="a">
+                <path fill="currentColor" d="M0 0h16v16H0z" />
+            </clipPath>
+        </defs>
+    </svg>
+);
+export default PlayFill;

lib/StopFill.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import {SVGProps} from 'react';
+const StopFill = (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.5 1.5a3 3 0 0 0-3 3v7a3 3 0 0 0 3 3h7a3 3 0 0 0 3-3v-7a3 3 0 0 0-3-3h-7Z"
+            clipRule="evenodd"
+        />
+    </svg>
+);
+export default StopFill;

lib/index.ts

@@ -225,6 +225,7 @@ export {default as CopyMinus} from './CopyMinus';
 export {default as CopyPicture} from './CopyPicture';
 export {default as CopyPlus} from './CopyPlus';
 export {default as CopyTransparent} from './CopyTransparent';
+export {default as CopyXmark} from './CopyXmark';
 export {default as Cpu} from './Cpu';
 export {default as Cpus} from './Cpus';
 export {default as CreditCard} from './CreditCard';
@@ -448,6 +449,7 @@ export {default as PaperPlane} from './PaperPlane';
 export {default as Paperclip} from './Paperclip';
 export {default as Passport} from './Passport';
 export {default as Pause} from './Pause';
+export {default as PauseFill} from './PauseFill';
 export {default as Pencil} from './Pencil';
 export {default as PencilToLine} from './PencilToLine';
 export {default as PencilToSquare} from './PencilToSquare';
@@ -468,6 +470,7 @@ export {default as PinFill} from './PinFill';
 export {default as PinSlash} from './PinSlash';
 export {default as PinSlashFill} from './PinSlashFill';
 export {default as Play} from './Play';
+export {default as PlayFill} from './PlayFill';
 export {default as PlugConnection} from './PlugConnection';
 export {default as PlugWire} from './PlugWire';
 export {default as Plus} from './Plus';
@@ -536,6 +539,7 @@ export {default as StarFill} from './StarFill';
 export {default as Stethoscope} from './Stethoscope';
 export {default as Sticker} from './Sticker';
 export {default as Stop} from './Stop';
+export {default as StopFill} from './StopFill';
 export {default as Stopwatch} from './Stopwatch';
 export {default as Strikethrough} from './Strikethrough';
 export {default as Suitcase} from './Suitcase';

metadata.json

@@ -1866,6 +1866,13 @@
       "componentName": "CopyTransparent",
       "keywords": []
     },
+    {
+      "name": "copy-xmark",
+      "style": "regular",
+      "svgName": "copy-xmark",
+      "componentName": "CopyXmark",
+      "keywords": []
+    },
     {
       "name": "cpu",
       "style": "regular",
@@ -3740,6 +3747,13 @@
       "componentName": "Pause",
       "keywords": []
     },
+    {
+      "name": "pause",
+      "style": "fill",
+      "svgName": "pause-fill",
+      "componentName": "PauseFill",
+      "keywords": []
+    },
     {
       "name": "pencil",
       "style": "regular",
@@ -3943,6 +3957,13 @@
       "componentName": "Play",
       "keywords": []
     },
+    {
+      "name": "play",
+      "style": "fill",
+      "svgName": "play-fill",
+      "componentName": "PlayFill",
+      "keywords": []
+    },
     {
       "name": "plug-connection",
       "style": "regular",
@@ -4500,6 +4521,13 @@
       "componentName": "Stop",
       "keywords": []
     },
+    {
+      "name": "stop",
+      "style": "fill",
+      "svgName": "stop-fill",
+      "componentName": "StopFill",
+      "keywords": []
+    },
     {
       "name": "stopwatch",
       "style": "regular",