Merge pull request #936 from openameba/feat/build-icon-via-webhook

feat(spindle-icons): update icons

packages/spindle-icons/docs/icons.md

@@ -123,6 +123,7 @@
 | dot | ![](../dist/svg/dot.svg) |
 | dotmoney | ![](../dist/svg/dotmoney.svg) |
 | download | ![](../dist/svg/download.svg) |
+| drag_indicator | ![](../dist/svg/drag_indicator.svg) |
 | embed | ![](../dist/svg/embed.svg) |
 | emotion_fill | ![](../dist/svg/emotion_fill.svg) |
 | entry_lost | ![](../dist/svg/entry_lost.svg) |

packages/spindle-ui/src/Icon/755.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const Svg755 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M18.28 9.5h-1.64l-.35.72.07.03c.19.09.37.22.55.42.31.33.47.76.46 1.27-.01.62-.23 1.13-.66 1.52-.42.38-.95.58-1.6.58h-.01c-.55 0-1.03-.16-1.43-.46l-.18-.14.57-1.04.25.2c.26.2.49.28.85.28.28 0 .5-.08.68-.26.18-.18.26-.38.26-.66 0-.2-.09-.39-.26-.52-.22-.17-.6-.21-.61-.21-.35-.04-.62-.03-.78-.01l.99-2.13.39-.87h3.03l-.58 1.28Zm-6.46 1.22c.19.09.37.22.55.42.31.33.47.76.47 1.27-.01.62-.23 1.13-.66 1.52-.42.38-.95.57-1.59.57h-.03c-.55 0-1.03-.16-1.43-.46l-.18-.14.57-1.04.25.2c.26.2.49.28.85.28.28 0 .5-.08.68-.26.18-.18.26-.38.26-.66 0-.2-.09-.39-.26-.52-.22-.17-.6-.21-.61-.21-.35-.04-.62-.03-.78-.01l.99-2.13.39-.86h3.03l-.57 1.28H12.1l-.35.72.07.03Zm-6.12 4 2.08-4.3H5.25l.2-.41.39-.87h3.95l-2.66 5.57H5.7v.01ZM3 6.1v11.19l7.45-.01-.07 1.8 2.75-1.8 7.87.01V4.92L3 6.1Z" />
   </svg>
 );
-
 export default Svg755;

packages/spindle-ui/src/Icon/Abemakun.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAbemakun = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M19.24 16.91c-.18-.45-.52-.65-1.14-1.06-.47-.3-.79-.72-.85-1.55-.07-1.08.16-1.76.11-3.31-.04-1.2-.47-2.1-.74-2.63-.32-.62-.37-1.06-.4-1.78-.02-.66.01-2.12 0-2.58-.02-.46-.2-.76-.52-.9-.38-.18-.79-.12-1.13.25-.31.34-.88.95-1.28 1.31-.51.47-.84.57-1.29.57-.45 0-.78-.1-1.29-.57-.4-.36-.97-.97-1.28-1.31-.34-.37-.75-.43-1.13-.25-.32.14-.5.44-.52.9-.01.46.02 1.92 0 2.57-.02.72-.08 1.16-.4 1.79-.27.53-.7 1.43-.74 2.63-.06 1.55.18 2.23.11 3.31-.06.83-.38 1.25-.85 1.55-.62.4-.96.61-1.14 1.06-.13.31-.13.77.25.96.24.12.54.1.84-.02.24-.09.47-.24.7-.22.18.01.32.1.35.4.03.3.17.43.39.43.18 0 .35-.12.47-.45.14-.35.2-.66.42-.66.23.01.28.25.3.59.02.49-.17.88-.53 1.21-.42.39-.74.76-.62 1.24.08.34.45.56 1.05.59.59.03 1.57.04 2.25.02.63-.02 1-.29 1.08-.65.09-.41-.15-.56-.09-.9.03-.19.21-.27.4-.27.19 0 .37.08.4.27.06.34-.18.49-.09.9.08.36.44.64 1.08.65.68.02 1.66.01 2.25-.02.59-.03.96-.25 1.04-.59.11-.48-.2-.85-.62-1.24-.37-.34-.56-.72-.53-1.21.02-.34.07-.59.3-.59.21-.01.28.31.42.66.13.33.3.45.47.45.22 0 .36-.13.39-.43.03-.29.17-.39.35-.4.23-.01.46.13.7.22.31.12.6.15.84.02.35-.2.35-.65.22-.96ZM14.76 8.3a.49.49 0 1 1-.49.49c-.01-.27.21-.49.49-.49Zm-5.52 0a.49.49 0 1 1-.002.981.49.49 0 0 1 .002-.981ZM12 18.51a2.279 2.279 0 1 1 0-4.56 2.279 2.279 0 1 1 0 4.56Zm3.26-6.24c-.21.35-.62.64-1.1.68-.64.06-1.03-.17-1.29-.45-.24-.27-.5-.52-.87-.52s-.63.25-.87.52c-.25.28-.65.51-1.29.45-.48-.04-.89-.32-1.1-.68-.42-.7-.06-1.63.49-2.09.79-.68 1.62-.94 2.77-.94s1.97.26 2.77.94c.55.47.9 1.39.49 2.09Zm-2.12-1.91c0 .49-.5.87-1.14.87-.64 0-1.14-.38-1.14-.87s.5-.87 1.14-.87c.64 0 1.14.38 1.14.87Z" />
   </svg>
 );
-
 export default SvgAbemakun;

packages/spindle-ui/src/Icon/Abematv.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAbematv = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M17.44 10.64c.17.17.25.37.25.61v4.09c0 .24-.08.44-.25.61-.17.17-.37.25-.61.25H7.16c-.24 0-.44-.08-.61-.25a.822.822 0 0 1-.25-.61v-4.09c0-.24.08-.44.25-.61.17-.17.37-.25.61-.25h9.67c.24 0 .44.08.61.25Zm1.9.61a2.525 2.525 0 0 0-.74-1.78c-.23-.22-.5-.4-.8-.54-.31-.14-.63-.2-.98-.2H7.16c-.34 0-.67.07-.97.2-.3.14-.57.32-.8.54-.23.22-.41.49-.54.8-.13.31-.2.63-.2.98v4.09c0 .34.06.67.2.97.13.3.31.57.54.8.23.23.5.41.8.54.3.13.63.2.97.2h9.67c.34 0 .67-.06.98-.2.31-.13.58-.31.8-.54.23-.23.41-.49.54-.8.13-.3.2-.63.2-.97v-4.09h-.01Zm-2.51-4.16c.57 0 1.11.11 1.62.33.5.22.95.52 1.33.89.38.38.68.82.9 1.32.22.51.33 1.04.33 1.62v4.09c0 .57-.11 1.11-.33 1.62a4.197 4.197 0 0 1-2.23 2.21c-.51.22-1.04.33-1.62.33H7.16c-.57 0-1.11-.11-1.62-.33-.51-.22-.95-.52-1.32-.89-.38-.38-.67-.82-.89-1.32-.22-.5-.33-1.04-.33-1.62v-4.09c0-.57.11-1.11.33-1.62a4.153 4.153 0 0 1 2.21-2.21c.5-.22 1.04-.33 1.62-.33h2.86L8.2 5.28a.834.834 0 0 1-.23-.58c0-.22.08-.42.23-.59.17-.16.36-.23.59-.23.22 0 .42.08.59.23l2.61 2.61 2.61-2.61c.16-.16.35-.23.58-.23.23 0 .42.08.58.23.16.17.24.36.24.59 0 .23-.08.42-.25.59l-1.8 1.81h2.88v-.01Z" />
   </svg>
 );
-
 export default SvgAbematv;

packages/spindle-ui/src/Icon/Accesslink.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAccesslink = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M7.87 2.48c1.07 0 2.07.42 2.83 1.17l4.16 4.16c.84.84 1.27 1.96 1.27 3.05 0 .89-.29 1.77-.88 2.48-.42.51-.97.91-1.58 1.15a.998.998 0 0 1-1.3-.55c-.21-.51.04-1.1.55-1.3.31-.12.57-.32.79-.58.65-.78.53-2.03-.28-2.83L9.28 5.06c-.38-.38-.88-.58-1.41-.58-.53 0-1.04.2-1.42.58-.76.76-.76 2.07 0 2.83l1.26 1.26a.996.996 0 1 1-1.41 1.41L5.04 9.3c-1.51-1.51-1.51-4.15 0-5.66.75-.75 1.76-1.16 2.83-1.16Zm8.78 11.87 1.26 1.26c.76.76.76 2.07 0 2.83a1.983 1.983 0 0 1-2.82 0l-4.17-4.17c-.77-.77-.91-1.98-.32-2.75.23-.3.51-.52.85-.65a.998.998 0 1 0-.75-1.85c-.68.26-1.26.71-1.7 1.28-1.21 1.58-.99 3.89.51 5.39l4.16 4.16c.75.76 1.76 1.17 2.83 1.17s2.07-.42 2.83-1.17c.76-.76 1.17-1.76 1.17-2.83s-.42-2.07-1.17-2.83l-1.26-1.26a.996.996 0 0 0-1.41 0c-.39.39-.4 1.03-.01 1.42Z" />
   </svg>
 );
-
 export default SvgAccesslink;

packages/spindle-ui/src/Icon/Accesspage.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAccesspage = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M17.44 5.8h-.85v-.85c0-1.52-1.23-2.75-2.75-2.75H6.56c-1.52 0-2.75 1.23-2.75 2.75v10.5c0 1.52 1.23 2.75 2.75 2.75h.85v.85c0 1.52 1.23 2.75 2.75 2.75h3.62c.73 0 1.42-.29 1.94-.81l3.66-3.66c.52-.52.81-1.21.81-1.94V8.55c0-1.51-1.23-2.75-2.75-2.75ZM7.41 8.55v8.15h-.85c-.69 0-1.25-.56-1.25-1.25V4.95c0-.69.56-1.25 1.25-1.25h7.28c.69 0 1.25.56 1.25 1.25v.85h-4.92c-1.52 0-2.76 1.24-2.76 2.75Zm1.5 10.5V8.55c0-.69.56-1.25 1.25-1.25h7.28c.69 0 1.25.56 1.25 1.25v6.51H15.2c-.96 0-1.75.79-1.75 1.75v3.49h-3.29c-.69 0-1.25-.56-1.25-1.25Zm6.04.59v-2.83c0-.14.11-.25.25-.25h2.83l-3.08 3.08Z" />
   </svg>
 );
-
 export default SvgAccesspage;

packages/spindle-ui/src/Icon/AccesspageFill.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAccesspageFill = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M18.19 5.78H9.41c-1.1 0-2 .9-2 2v11.97c0 1.1.9 2 2 2h4.53c.64 0 1.24-.25 1.69-.7l3.86-3.86c.45-.45.7-1.06.7-1.69V7.78c0-1.11-.89-2-2-2Zm-.28 10.27-3.43 3.43a.4.4 0 0 1-.68-.28v-3.03c0-.44.36-.8.8-.8h3.03c.36-.01.53.42.28.68Zm-10.3-12h8.78c.06 0 .12.01.18.02a1.991 1.991 0 0 0-1.98-1.82H5.81c-1.1 0-2 .9-2 2v11.97c0 1.04.8 1.89 1.82 1.98-.01-.06-.02-.12-.02-.18V6.05a2 2 0 0 1 2-2Z" />
   </svg>
 );
-
 export default SvgAccesspageFill;

packages/spindle-ui/src/Icon/Ad.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAd = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M11.29 8.377c-.698-1.648-2.444-2.8-4.481-2.8s-3.803 1.152-4.482 2.8c-.31.726-.33 1.453-.33 2.41v6.343c0 .195 0 .39.059.531.155.443.62.762 1.144.762.543 0 1.009-.319 1.164-.762.058-.142.058-.337.058-.531v-2.516h4.773v2.516c0 .195 0 .39.058.531.155.443.601.762 1.145.762.543 0 1.008-.319 1.164-.762.038-.142.058-.337.058-.531v-6.344c0-.956-.02-1.683-.33-2.41ZM9.195 12.38H4.422v-1.967c0-.549.04-.974.194-1.293.369-.761 1.204-1.31 2.194-1.31.989 0 1.823.549 2.192 1.31.155.32.194.745.194 1.294v1.967Zm13.269-1.789c0-.602-.02-1.027-.136-1.435-.407-1.63-1.746-2.941-3.53-3.313-.408-.089-.99-.124-1.902-.124h-.776c-.271 0-.523 0-.737.018-1.26.16-2.134.939-2.328 2.055-.02.195-.02.372-.02.585v7.247c0 .212 0 .407.02.584.194 1.134 1.067 1.914 2.328 2.056.214.035.466.035.737.035h.776c.912 0 1.494-.035 1.902-.124 1.784-.372 3.123-1.7 3.53-3.313.117-.426.136-.833.136-1.453V10.59Zm-2.425 3.066c-.02.266-.02.46-.058.638a2.243 2.243 0 0 1-1.727 1.718c-.097.018-.426.053-1.358.053h-1.435V7.935h1.435c.932 0 1.261.053 1.358.07a2.22 2.22 0 0 1 1.727 1.72c.039.176.039.371.058.637v3.296Z" />
   </svg>
 );
-
 export default SvgAd;

packages/spindle-ui/src/Icon/AddressbookFill.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAddressbookFill = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M7.22 18h9.75c1.66 0 3-1.34 3-3V5c0-1.66-1.34-3-3-3h-10c-1.66 0-3 1.34-3 3v14c0 1.66 1.34 3 3 3h10a3 3 0 0 0 2.98-2.67c.01-.06.02-.15-.06-.24a.252.252 0 0 0-.29-.06.25.25 0 0 0-.11.1c-.53.82-1.46 1.37-2.52 1.37H7.22a1.25 1.25 0 0 1 0-2.5Zm5.5-12.64c1.15 0 2.09.94 2.09 2.09s-.94 2.09-2.09 2.09-2.09-.94-2.09-2.09.94-2.09 2.09-2.09ZM8.77 13c.45-1.33 1.6-2.54 3.95-2.54s3.5 1.21 3.95 2.54c.17.5-.13 1.03-.63 1.18-2.17.61-4.47.61-6.64 0A.92.92 0 0 1 8.77 13Z" />
   </svg>
 );
-
 export default SvgAddressbookFill;

packages/spindle-ui/src/Icon/AlbumAddFill.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAlbumAddFill = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M13.45 18.985c0-.34.03-.67.09-.99H8.96c-.56 0-1.04-.31-1.3-.76-.11-.2-.08-.45.08-.61l2.01-2.01a.996.996 0 0 1 1.41 0l.73.73c.2.2.51.2.71 0l3.06-3.06a.996.996 0 0 1 1.41 0l1.23 1.23c.21-.02.43-.04.64-.04.71 0 1.38.14 2.01.38v-3.36c0-1.66-1.34-3-3-3H8.96c-1.66 0-3 1.34-3 3v6c0 1.66 1.34 3 3 3h4.51c-.01-.16-.02-.33-.02-.51Zm-2.99-8.98c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5Zm-3-4c-1.65 0-3 1.35-3 3v6.82a2.99 2.99 0 0 1-2-2.82v-6c0-1.66 1.34-3 3-3h9c1.3 0 2.4.84 2.82 2H7.46Zm14.78 15.23c-1.03-.92-2.42-1.53-3.98-1.68v1.43c0 .2-.24.31-.39.16l-2.76-2.66a.235.235 0 0 1 0-.33l2.76-2.66c.15-.14.39-.04.39.16v1.52c2.11.29 3.82 1.82 4.36 3.84.06.22-.21.37-.38.22Z" />
   </svg>
 );
-
 export default SvgAlbumAddFill;

packages/spindle-ui/src/Icon/AlbumFill.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAlbumFill = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M4.5 15.82a2.99 2.99 0 0 1-2-2.82V7c0-1.66 1.34-3 3-3h9c1.3 0 2.4.84 2.82 2H7.5c-1.65 0-3 1.35-3 3v6.82ZM21 10.5v6c0 1.66-1.34 3-3 3H9c-1.66 0-3-1.34-3-3v-6c0-1.66 1.34-3 3-3h9c1.66 0 3 1.34 3 3ZM10.5 10c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5Zm9 6.5v-1.62a.47.47 0 0 0-.15-.35l-2.23-2.23a.996.996 0 0 0-1.41 0l-3.06 3.06c-.2.2-.51.2-.71 0l-.73-.73a.996.996 0 0 0-1.41 0l-2.01 2.01a.5.5 0 0 0-.08.61c.25.44.73.75 1.29.75h9c.83 0 1.5-.67 1.5-1.5Z" />
   </svg>
 );
-
 export default SvgAlbumFill;

packages/spindle-ui/src/Icon/AlignCenter.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M19.25 6H4.75c-.55 0-1-.45-1-1s.45-1 1-1h14.5c.55 0 1 .45 1 1s-.45 1-1 1Zm-2 2.5c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1Zm0 7c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1Zm3-3.5c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1Zm0 7c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1Z" />
   </svg>
 );
-
 export default SvgAlignCenter;

packages/spindle-ui/src/Icon/AlignLeft.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M3 5c0-.55.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1H4c-.55 0-1-.45-1-1Zm1 5.67h11c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1Zm16 2.66H4c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1ZM15 18H4c-.55 0-1 .45-1 1s.45 1 1 1h11c.55 0 1-.45 1-1s-.45-1-1-1Z" />
   </svg>
 );
-
 export default SvgAlignLeft;

packages/spindle-ui/src/Icon/AlignRight.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M19.25 6H4.75c-.55 0-1-.45-1-1s.45-1 1-1h14.5c.55 0 1 .45 1 1s-.45 1-1 1Zm1 2.5c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1Zm0 7c0-.55-.45-1-1-1h-8.5c-.55 0-1 .45-1 1s.45 1 1 1h8.5c.55 0 1-.45 1-1Zm0-3.5c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1Zm0 7c0-.55-.45-1-1-1H4.75c-.55 0-1 .45-1 1s.45 1 1 1h14.5c.55 0 1-.45 1-1Z" />
   </svg>
 );
-
 export default SvgAlignRight;

packages/spindle-ui/src/Icon/AllFill.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAllFill = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
@@ -18,5 +17,4 @@ const SvgAllFill = (props: SVGProps<SVGSVGElement>) => (
     />
   </svg>
 );
-
 export default SvgAllFill;

packages/spindle-ui/src/Icon/Amebacoin.tsx

@@ -1,18 +1,16 @@
 import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
 const SvgAmebacoin = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="1em"
     height="1em"
-    viewBox="0 0 24 24"
     fill="currentColor"
+    viewBox="0 0 24 24"
     role="img"
     {...props}
   >
     <path d="M13.505 3.009 11.004 3C6.357 3.053 2.6 7.077 2.6 12c0 4.932 3.757 8.947 8.404 9l2.501-.009c4.362-.062 7.905-4.068 7.905-9-.009-4.914-3.543-8.929-7.905-8.982Zm0 15.498c-.383.17-.783.294-1.202.374a5.898 5.898 0 0 1-2.483-.018 6.212 6.212 0 0 1-2.742-1.38C5.573 16.203 4.612 14.226 4.612 12c0-2.217.97-4.202 2.466-5.484a6.306 6.306 0 0 1 2.742-1.38 5.83 5.83 0 0 1 2.484-.018c.418.08.818.214 1.201.375 2.404 1.032 4.104 3.552 4.104 6.498 0 2.956-1.71 5.484-4.104 6.516Zm-4.353-7.006v1.015c0 .339.018.704.08.926a1.723 1.723 0 0 0 1.63 1.175 1.753 1.753 0 0 0 1.513-.881c.115-.223.222-.516.365-.641a.856.856 0 0 1 .872-.17.62.62 0 0 1 .223.134.879.879 0 0 1 .32.989c-.08.23-.196.445-.32.65a3.475 3.475 0 0 1-2.52 1.637 3.897 3.897 0 0 1-.454.036 3.456 3.456 0 0 1-2.99-1.727 3.306 3.306 0 0 1-.232-.472c-.223-.543-.25-1.166-.25-1.923v-.498c0-.74.027-1.362.25-1.923.062-.16.142-.32.231-.472a3.446 3.446 0 0 1 2.991-1.727c.152 0 .303.018.454.036a3.502 3.502 0 0 1 2.52 1.647c.124.204.24.418.32.658a.883.883 0 0 1-.32.989c-.072.053-.143.106-.223.133a.923.923 0 0 1-.872-.17c-.143-.142-.25-.418-.365-.64a1.691 1.691 0 0 0-1.06-.82 1.99 1.99 0 0 0-.454-.061 1.72 1.72 0 0 0-1.629 1.175c-.071.222-.08.578-.08.925Z" />
   </svg>
 );
-
 export default SvgAmebacoin;