@iota/apps-ui-icons 0.2.0

package/src/Send.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSend(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="m12.013 21.389-2.664-6.717-6.718-2.664c-.848-.337-.84-1.541.014-1.865l16.018-6.076c.806-.305 1.596.484 1.29 1.29l-6.076 16.018c-.324.854-1.528.863-1.864.014m-3.069-9.03 4.091-2.045a.5.5 0 0 1 .671.67l-2.045 4.092 1.26 3.18 4.374-11.53-11.53 4.373z"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/Settings.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSettings(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M11.07 2c-.635 0-1.184.411-1.316.987l-.132.573c-.194.843-.872 1.508-1.677 1.941-.808.435-1.76.64-2.65.374l-.604-.182c-.604-.182-1.264.053-1.581.562l-.93 1.49c-.317.51-.207 1.155.265 1.55l.53.44c.67.559.948 1.4.948 2.234 0 .867-.285 1.743-.982 2.323l-.496.414c-.472.394-.582 1.04-.265 1.549l.93 1.49c.317.51.977.744 1.581.562l.711-.214c.86-.258 1.781-.064 2.564.354.785.42 1.444 1.069 1.633 1.89l.155.676c.132.576.681.987 1.317.987h1.858c.636 0 1.185-.411 1.317-.987l.155-.676c.19-.821.848-1.47 1.633-1.89.782-.418 1.704-.612 2.563-.354l.712.214c.604.182 1.264-.052 1.581-.562l.93-1.49c.317-.51.207-1.155-.265-1.549l-.497-.414c-.696-.58-.982-1.456-.982-2.323 0-.835.28-1.675.95-2.233l.529-.442c.472-.394.582-1.04.265-1.549l-.93-1.49c-.317-.51-.977-.744-1.581-.562l-.604.182c-.89.267-1.843.061-2.65-.374-.805-.433-1.484-1.098-1.678-1.941l-.131-.573C14.113 2.41 13.565 2 12.929 2zm-3.109 9.969C7.961 9.904 9.77 8 12 8s4.038 1.904 4.038 3.969S14.23 16 12 16s-4.039-1.967-4.039-4.031"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/SortByDefault.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSortByDefault(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M11.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L12 6.414 8.707 9.707a1 1 0 0 1-1.414-1.414zm0 15.414a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L12 17.586l-3.293-3.293a1 1 0 0 0-1.414 1.414z"
+            />
+        </svg>
+    );
+}

package/src/SortByDown.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSortByDown(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M12 6a1 1 0 0 0-1 1v9.586l-2.293-2.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L13 16.586V7a1 1 0 0 0-1-1"
+            />
+        </svg>
+    );
+}

package/src/SortByUp.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSortByUp(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M11.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L13 7.414V17a1 1 0 1 1-2 0V7.414L8.707 9.707a1 1 0 0 1-1.414-1.414z"
+            />
+        </svg>
+    );
+}

package/src/Stake.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgStake(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899zm1.414 1.414a5 5 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71m-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.98 6.98 0 0 0 2.05 4.879A6.98 6.98 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997M4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/StarHex.tsx

@@ -0,0 +1,26 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgStarHex(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            viewBox="0 0 24 24"
+            fill="none"
+            {...props}
+        >
+            <path
+                d="M12.1819 6.39866C12.1108 6.24274 11.8892 6.24274 11.8181 6.39866L10.3647 9.58199C10.3356 9.64577 10.2752 9.68964 10.2055 9.69763L6.72887 10.0962C6.55859 10.1157 6.49014 10.3264 6.61643 10.4422L9.19484 12.8082C9.24649 12.8556 9.26956 12.9266 9.25563 12.9953L8.56033 16.4249C8.52627 16.5929 8.70547 16.7231 8.8547 16.6388L11.9016 14.9177C11.9627 14.8832 12.0373 14.8832 12.0984 14.9177L15.1453 16.6388C15.2945 16.7231 15.4737 16.5929 15.4397 16.4249L14.7444 12.9953C14.7304 12.9266 14.7535 12.8556 14.8052 12.8082L17.3836 10.4422C17.5099 10.3264 17.4414 10.1157 17.2711 10.0962L13.7945 9.69763C13.7248 9.68964 13.6644 9.64577 13.6353 9.58199L12.1819 6.39866Z"
+                fill="currentColor"
+            />
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M13.4569 1.66561C12.5509 1.16224 11.4491 1.16224 10.5431 1.66561L3.54307 5.5545C2.59068 6.08361 2 7.08747 2 8.17697V15.8234C2 16.9129 2.59068 17.9167 3.54307 18.4458L10.5431 22.3347C11.4491 22.8381 12.5509 22.8381 13.4569 22.3347L20.4569 18.4458C21.4093 17.9167 22 16.9129 22 15.8234V8.17697C22 7.08747 21.4093 6.08361 20.4569 5.5545L13.4569 1.66561ZM11.5144 3.41393C11.8164 3.24614 12.1836 3.24614 12.4856 3.41393L19.4856 7.30282C19.8031 7.47919 20 7.81381 20 8.17697V15.8234C20 16.1865 19.8031 16.5211 19.4856 16.6975L12.4856 20.5864C12.1836 20.7542 11.8164 20.7542 11.5144 20.5864L4.51436 16.6975C4.19689 16.5211 4 16.1865 4 15.8234V8.17697C4 7.81381 4.19689 7.47919 4.51436 7.30282L11.5144 3.41393Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+}

package/src/SwapAccount.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgSwapAccount(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M10.707 4.707a1 1 0 0 0-1.414-1.414L4.301 8.285A1 1 0 0 0 4 9a1 1 0 0 0 .383.787c.17.134.384.213.617.213h14a1 1 0 1 0 0-2H7.414zM4 16a1 1 0 0 1 1-1h14a1 1 0 0 1 .876.518 1 1 0 0 1-.08 1.086 1 1 0 0 1-.097.111l-4.992 4.992a1 1 0 0 1-1.414-1.414L16.586 17H5a1 1 0 0 1-1-1"
+            />
+        </svg>
+    );
+}

package/src/ThumbUp.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgThumbUp(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M17.476 19h-6.333c-1.5 0-2.714-1.193-2.714-2.664v-5.02c0-1.335.54-2.614 1.5-3.557L15.5 3.5s.514.144 1.138.757q.159.155.26.421.102.267.102.511v.31l-2 3.733h5.19q.724 0 1.267.533T22 11.008v1.776a1.8 1.8 0 0 1-.136.666l-2.714 4.484a1.8 1.8 0 0 1-.679.755 1.8 1.8 0 0 1-.995.31ZM4.81 9.232c.999 0 1.809.795 1.809 1.776v6.216c0 .98-.81 1.776-1.81 1.776C3.81 19 3 18.205 3 17.224v-6.216c0-.981.81-1.776 1.81-1.776"
+            />
+        </svg>
+    );
+}

package/src/Tokens.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgTokens(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M9.707 4.05a7 7 0 1 1 9.9 9.9l-6.115 6.076a7 7 0 0 1-9.829-9.899zm1.414 1.414a5 5 0 0 0-1.114 1.694l.005.012-.011.005a5.001 5.001 0 1 0 1.12-1.71Zm-3.947 4.539.01-.004-.005-.01a5 5 0 0 1 .478-.918 6.98 6.98 0 0 0 2.05 4.879A6.98 6.98 0 0 0 14.585 16a5 5 0 0 1-7.411-5.997M4.829 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9Z"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/TriangleDown.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgTriangleDown(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M17.35 9c.578 0 .867.681.459 1.08l-4.85 4.735a.66.66 0 0 1-.917 0l-4.85-4.735C6.781 9.68 7.071 9 7.648 9z"
+            />
+        </svg>
+    );
+}

package/src/TriangleLeft.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgTriangleLeft(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M14 7.15c0-.578-.681-.867-1.08-.459l-4.735 4.85a.66.66 0 0 0 0 .917l4.735 4.85c.399.41 1.08.12 1.08-.457z"
+            />
+        </svg>
+    );
+}

package/src/TriangleRight.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgTriangleRight(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M10 7.15c0-.578.681-.867 1.08-.459l4.735 4.85a.66.66 0 0 1 0 .917l-4.735 4.85c-.399.41-1.08.12-1.08-.457z"
+            />
+        </svg>
+    );
+}

package/src/TriangleUp.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgTriangleUp(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M7.65 15c-.578 0-.867-.681-.459-1.08l4.85-4.735a.66.66 0 0 1 .917 0l4.85 4.735c.41.399.12 1.08-.457 1.08z"
+            />
+        </svg>
+    );
+}

package/src/Unpined.tsx

@@ -0,0 +1,20 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgUnpined(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="M17 3v2h-1v8.175L7.825 5 7 4.175V3zm-5 20-1-1v-6H6v-2l2-2v-1.15L1.4 4.2l1.4-1.4 18.4 18.4-1.45 1.4-6.6-6.6H13v6z"
+            />
+        </svg>
+    );
+}

package/src/Unstake.tsx

@@ -0,0 +1,27 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgUnstake(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                d="m19.607 13.95-1.464 1.455-1.747-1.716a5 5 0 1 0-6.39-6.53l.006.011-.011.005-.063.168-1.773-1.742 1.542-1.55a7 7 0 1 1 9.9 9.899"
+            />
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M3.663 10.127 4.675 9.11l2.185 2.15a5 5 0 0 0 5.624 5.526l2.146 2.109-1.14 1.132a7 7 0 0 1-9.828-9.899ZM4.83 11.9a5 5 0 0 0 6.928 6.928A7 7 0 0 1 4.83 11.9"
+                clipRule="evenodd"
+            />
+            <path fill="currentColor" d="M19.086 21.414 2 4.414 3.414 3 20.5 20z" />
+        </svg>
+    );
+}

package/src/Vest.tsx

@@ -0,0 +1,26 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgVest(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M7.708 6.293a3 3 0 1 0-1.414 1.414l1.534 1.536a5 5 0 0 0 6.929 6.929l1.535 1.535a3 3 0 1 0 1.414-1.414l-1.534-1.536a5 5 0 0 0-6.929-6.929zM4 5a1 1 0 1 1 2 0 1 1 0 0 1-2 0m8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6m7 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+                clipRule="evenodd"
+            />
+            <path
+                fill="currentColor"
+                d="M19 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4M7 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
+            />
+        </svg>
+    );
+}

package/src/Vesting.tsx

@@ -0,0 +1,49 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgVesting(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeWidth={2}
+                d="M20 13V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4"
+            />
+            <path fill="currentColor" d="M4 5h16v3H4z" />
+            <rect width={4} height={2} x={7} y={10} fill="currentColor" rx={1} />
+            <rect
+                width={4}
+                height={2}
+                x={9}
+                y={2}
+                fill="currentColor"
+                rx={1}
+                transform="rotate(90 9 2)"
+            />
+            <rect
+                width={4}
+                height={2}
+                x={17}
+                y={2}
+                fill="currentColor"
+                rx={1}
+                transform="rotate(90 17 2)"
+            />
+            <circle cx={16} cy={19} r={4} fill="currentColor" />
+            <path
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeWidth={2}
+                d="M17 19a3 3 0 1 0 .102-.776"
+            />
+        </svg>
+    );
+}

package/src/VisibilityOff.tsx

@@ -0,0 +1,26 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgVisibilityOff(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M18.72 6.695a1 1 0 1 0-1.44-1.39l-1.518 1.572C14.601 6.348 13.331 6 12 6 8.739 6 5.843 8.092 4.017 9.805c-1.29 1.212-1.29 3.178 0 4.39a18 18 0 0 0 2.666 2.083l-1.695 1.755a1 1 0 0 0 1.438 1.39zM8.67 14.219l5.431-5.623a4 4 0 0 0-5.43 5.623"
+                clipRule="evenodd"
+            />
+            <path
+                fill="currentColor"
+                d="M16 12a4 4 0 0 1-3.975 4l-1.749 1.81c.56.122 1.136.19 1.724.19 3.26 0 6.157-2.092 7.983-3.805 1.29-1.212 1.29-3.178 0-4.39a20 20 0 0 0-1.071-.936l-2.914 3.017z"
+            />
+        </svg>
+    );
+}

package/src/VisibilityOn.tsx

@@ -0,0 +1,23 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgVisibilityOn(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path fill="currentColor" d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4" />
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M19.983 9.805c1.29 1.212 1.29 3.178 0 4.39C18.157 15.908 15.26 18 12 18s-6.157-2.092-7.983-3.805c-1.29-1.212-1.29-3.178 0-4.39C5.843 8.092 8.74 6 12 6s6.157 2.092 7.983 3.805M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/Warning.tsx

@@ -0,0 +1,22 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+import { SVGProps } from 'react';
+export default function SvgWarning(props: SVGProps<SVGSVGElement>) {
+    return (
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="1em"
+            height="1em"
+            fill="none"
+            viewBox="0 0 24 24"
+            {...props}
+        >
+            <path
+                fill="currentColor"
+                fillRule="evenodd"
+                d="M13.732 3c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.732-3zM12 17.8a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-1.2-9.6a1.2 1.2 0 0 1 2.4 0v3.6a1.2 1.2 0 0 1-2.4 0z"
+                clipRule="evenodd"
+            />
+        </svg>
+    );
+}

package/src/index.ts

@@ -0,0 +1,92 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+export { default as Activity } from './Activity';
+export { default as Add } from './Add';
+export { default as Apps } from './Apps';
+export { default as ArrowBack } from './ArrowBack';
+export { default as ArrowBottomLeft } from './ArrowBottomLeft';
+export { default as ArrowDown } from './ArrowDown';
+export { default as ArrowForward } from './ArrowForward';
+export { default as ArrowLeft } from './ArrowLeft';
+export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowTopRight } from './ArrowTopRight';
+export { default as ArrowUp } from './ArrowUp';
+export { default as Assets } from './Assets';
+export { default as Calendar } from './Calendar';
+export { default as Checkmark } from './Checkmark';
+export { default as CheckmarkFilled } from './CheckmarkFilled';
+export { default as CircleEmitter } from './CircleEmitter';
+export { default as Clock } from './Clock';
+export { default as Close } from './Close';
+export { default as Copy } from './Copy';
+export { default as Create } from './Create';
+export { default as DarkMode } from './DarkMode';
+export { default as Dash } from './Dash';
+export { default as DataStack } from './DataStack';
+export { default as Delete } from './Delete';
+export { default as Disconnect } from './Disconnect';
+export { default as DoubleArrowLeft } from './DoubleArrowLeft';
+export { default as DoubleArrowRight } from './DoubleArrowRight';
+export { default as Edit } from './Edit';
+export { default as Exclamation } from './Exclamation';
+export { default as Export } from './Export';
+export { default as FilterList } from './FilterList';
+export { default as Flag } from './Flag';
+export { default as Globe } from './Globe';
+export { default as Handler } from './Handler';
+export { default as Home } from './Home';
+export { default as ImageIcon } from './ImageIcon';
+export { default as ImportPass } from './ImportPass';
+export { default as Info } from './Info';
+export { default as IotaLogoMark } from './IotaLogoMark';
+export { default as IotaLogoSmall } from './IotaLogoSmall';
+export { default as IotaLogoWeb } from './IotaLogoWeb';
+export { default as Key } from './Key';
+export { default as Ledger } from './Ledger';
+export { default as LightMode } from './LightMode';
+export { default as Link } from './Link';
+export { default as ListViewLarge } from './ListViewLarge';
+export { default as ListViewMedium } from './ListViewMedium';
+export { default as ListViewSmall } from './ListViewSmall';
+export { default as Loader } from './Loader';
+export { default as LockLocked } from './LockLocked';
+export { default as LockUnlocked } from './LockUnlocked';
+export { default as Logout } from './Logout';
+export { default as MenuIcon } from './MenuIcon';
+export { default as Migration } from './Migration';
+export { default as MoreHoriz } from './MoreHoriz';
+export { default as MoreVert } from './MoreVert';
+export { default as OutboundLink } from './OutboundLink';
+export { default as Pause } from './Pause';
+export { default as Person } from './Person';
+export { default as Pined } from './Pined';
+export { default as PlaceholderReplace } from './PlaceholderReplace';
+export { default as Play } from './Play';
+export { default as QrCode } from './QrCode';
+export { default as RadioOff } from './RadioOff';
+export { default as RadioOn } from './RadioOn';
+export { default as RecognizedBadge } from './RecognizedBadge';
+export { default as Save } from './Save';
+export { default as Search } from './Search';
+export { default as Seed } from './Seed';
+export { default as Send } from './Send';
+export { default as Settings } from './Settings';
+export { default as SortByDefault } from './SortByDefault';
+export { default as SortByDown } from './SortByDown';
+export { default as SortByUp } from './SortByUp';
+export { default as Stake } from './Stake';
+export { default as StarHex } from './StarHex';
+export { default as SwapAccount } from './SwapAccount';
+export { default as ThumbUp } from './ThumbUp';
+export { default as Tokens } from './Tokens';
+export { default as TriangleDown } from './TriangleDown';
+export { default as TriangleLeft } from './TriangleLeft';
+export { default as TriangleRight } from './TriangleRight';
+export { default as TriangleUp } from './TriangleUp';
+export { default as Unpined } from './Unpined';
+export { default as Unstake } from './Unstake';
+export { default as Vest } from './Vest';
+export { default as Vesting } from './Vesting';
+export { default as VisibilityOff } from './VisibilityOff';
+export { default as VisibilityOn } from './VisibilityOn';
+export { default as Warning } from './Warning';

package/svgrrc.config.js

@@ -0,0 +1,51 @@
+const path = require('path');
+
+const COPYRIGHT = `
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+`;
+
+/** @type {import('@svgr/core').Config} */
+module.exports = {
+    // The default parser set by svgr is `babel`, which makes the import sorting plugin fail.
+    prettierConfig: {
+        parser: 'babel-ts',
+    },
+    icon: true,
+    typescript: true,
+    outDir: './src',
+    jsxRuntime: 'automatic',
+    replaceAttrValues: {
+        '#171D26': 'currentColor',
+    },
+    indexTemplate(filePaths) {
+        const exportEntries = filePaths.map((filePath) => {
+            const basename = path.basename(filePath, path.extname(filePath));
+            const exportName = /^\d/.test(basename) ? `Svg${basename}` : basename;
+            return `export { default as ${exportName} } from './${basename}'`;
+        });
+        return COPYRIGHT + exportEntries.join('\n');
+    },
+    template(variables, { tpl }) {
+        const template = tpl`
+
+        ${variables.imports};
+
+    ${variables.interfaces};
+
+    export default function ${variables.componentName}(${variables.props}) {
+        return (
+            ${variables.jsx}
+        )
+    };
+    `;
+
+        // Insert the copyright header, attached to the first node:
+        template[0].leadingComments = [
+            { type: 'CommentLine', value: ' Copyright (c) 2024 IOTA Stiftung' },
+            { type: 'CommentLine', value: ' SPDX-License-Identifier: Apache-2.0' },
+        ];
+
+        return template;
+    },
+};