@mirohq/design-system-icons 0.2.2 → 0.3.0

package/react/stop-circle.tsx

@@ -0,0 +1,25 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconStopCircle: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <circle cx={12} cy={12} r={8.5} stroke='currentColor' strokeWidth={2} />,
+    <path
+      fill='currentColor'
+      d='M9 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4Z'
+    />
+  )
+)

package/react/triangle.tsx

@@ -0,0 +1,32 @@
+import React, { forwardRef, createElement } from 'react'
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+
+import { StyledIcon } from '../src/icon'
+import type { IconProps } from '../src/icon'
+
+export const IconTriangle: ForwardRefExoticComponent<
+  IconProps & RefAttributes<SVGSVGElement>
+> = forwardRef(({ size = 'medium', ...props }, forwardRef) =>
+  createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: '0 0 24 24',
+      fill: 'none',
+      ref: forwardRef,
+    },
+    <g clipPath='url(#a)'>
+      <path
+        stroke='currentColor'
+        strokeWidth={2}
+        d='M20.58 20.526H3.4a.25.25 0 0 1-.225-.359l8.138-16.729a.25.25 0 0 1 .445-.01l9.043 16.73a.25.25 0 0 1-.22.368Z'
+      />
+    </g>,
+    <defs>
+      <clipPath id='a'>
+        <path d='M0 0h24v24H0z' />
+      </clipPath>
+    </defs>
+  )
+)

package/react/wallet.tsx

@@ -22,6 +22,6 @@ export const IconWallet: ForwardRefExoticComponent<
       strokeWidth={2}
       d='M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z'
     />,
-    <circle cx={15.5} cy={10} r={1.5} fill='currentColor' />
+    <path fill='currentColor' d='M17 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z' />
   )
 )

package/svg/24/arrow-down.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 20V3m7 10.59-7 7-7-7"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12.205 3.205v17m-7-6.41 7 7 7-7"/></svg>

package/svg/24/arrow-fat-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M11 7H3.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25H11v3.937c0 .216.257.33.418.185L21.5 12 11.418 2.878a.25.25 0 0 0-.418.185V7Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/arrow-up.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 4v17M5 10.41l7-7 7 7"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12.205 20.795v-17m7 6.41-7-7-7 7"/></svg>

package/svg/24/chat.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="m12 18.5-3.847 2.404A.1.1 0 0 1 8 20.82V18.5H5.5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2H12Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/circle-motion-x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M3.5 6H5m3 0h7m0 0a6 6 0 1 0 0 12 6 6 0 0 0 0-12ZM2.5 10H9m-6 4h1m3 0h2m-5 4h10.5"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M20.5 12c0 4.97-3.53 8.5-8.5 8.5-4.97 0-8.5-3.53-8.5-8.5 0-4.97 3.53-8.5 8.5-8.5 4.97 0 8.5 3.53 8.5 8.5Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/exclamation-point-circle.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="15.5" r="1" fill="currentColor"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 8v4m9 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 8v4m9 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5 3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/><path fill="currentColor" d="M13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>

package/svg/24/funnel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19.772 4H4.228a.1.1 0 0 0-.073.168L10 10.5V19l3.447-1.724a1 1 0 0 0 .553-.894V10.5l5.845-6.332A.1.1 0 0 0 19.772 4Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/information-mark-circle.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="8.5" r="1" fill="currentColor"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 12v4m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13 8.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M12 12v4m9-4a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8.5-3.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></svg>

package/svg/24/line-diagonal.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M4 20 20 4"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/microphone-slash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M19 8v3a7 7 0 0 1-7 7m0 0v3m0-3a6.984 6.984 0 0 1-5.284-2.409M15 7v4a3 3 0 0 1-5.387 1.818M15 7 4 18M15 7l4-4M5 8v3c0 .34.024.673.07 1M9 7.5V6a3 3 0 0 1 4.5-2.599"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/microphone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 8v3a7 7 0 0 0 7 7m7-10v3a7 7 0 0 1-7 7m0 0v3m3-15v5a3 3 0 1 1-6 0V6a3 3 0 1 1 6 0Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/parallelogram.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M21.68 4H6.195a.25.25 0 0 0-.242.19l-3.875 15.5a.25.25 0 0 0 .242.31h15.485a.25.25 0 0 0 .242-.19l3.875-15.5A.25.25 0 0 0 21.68 4Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/pause-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M13.889 9.167v5.666M10.11 9.167v5.666M20.5 12a8.5 8.5 0 1 1-17 0 8.5 8.5 0 0 1 17 0Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/play-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5" stroke="currentColor" stroke-width="2"/><path fill="currentColor" stroke="currentColor" d="M15.099 12 10.5 15.066V8.934L15.099 12Z"/></svg>

package/svg/24/playback-speed-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M10.583 3.618a8.5 8.5 0 1 1 .173 16.792M7.3 4.917a8.547 8.547 0 0 0-2.222 2.15m-1.444 3.421a8.55 8.55 0 0 0-.016 2.929m1.479 3.543a8.55 8.55 0 0 0 1.709 1.769"/><path fill="currentColor" stroke="currentColor" d="M15.099 12 10.5 15.066V8.934L15.099 12Z"/></svg>

package/svg/24/rhombus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="m11.823 3.177-8.646 8.646a.25.25 0 0 0 0 .354l8.646 8.646a.25.25 0 0 0 .354 0l8.646-8.646a.25.25 0 0 0 0-.354l-8.646-8.646a.25.25 0 0 0-.354 0Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/shapes.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M8 9.5a6.5 6.5 0 1 1 6.5 6.5M3.25 10h10.5a.25.25 0 0 1 .25.25v10.5a.25.25 0 0 1-.25.25H3.25a.25.25 0 0 1-.25-.25v-10.5a.25.25 0 0 1 .25-.25Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/sliders-x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M20 8h-5M9 8H4m11.5 8H4m8-6a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm6 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/sliders-y.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M5 5v4m0 6v4m7-14v10m0 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7-5.5V19M7 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm14-5a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/speaker-cross.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="m21 9.5-5 5m0-5 5 5M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/speaker-high.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-linecap="round" stroke-width="2" d="M16 10v4m3-8.5V18M3.1 15h3.856a.1.1 0 0 1 .074.033l4.796 5.276A.1.1 0 0 0 12 20.24V3.76a.1.1 0 0 0-.174-.068L7.03 8.967A.1.1 0 0 1 6.956 9H3.1a.1.1 0 0 0-.1.1v5.8a.1.1 0 0 0 .1.1Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/square-rounded.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M16 4H8a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h8a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M19.75 4H4.25a.25.25 0 0 0-.25.25v15.5c0 .138.112.25.25.25h15.5a.25.25 0 0 0 .25-.25V4.25a.25.25 0 0 0-.25-.25Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/stop-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.5" stroke="currentColor" stroke-width="2"/><path fill="currentColor" d="M9 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-4Z"/></svg>

package/svg/24/triangle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path stroke="currentColor" stroke-width="2" d="M20.58 20.526H3.4a.25.25 0 0 1-.225-.359l8.138-16.729a.25.25 0 0 1 .445-.01l9.043 16.73a.25.25 0 0 1-.22.368Z"/></g><defs><clipPath id="a"><path fill="none" d="M0 0h24v24H0z"/></clipPath></defs></svg>

package/svg/24/wallet.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z"/><circle cx="15.5" cy="10" r="1.5" fill="currentColor"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-linecap="square" stroke-width="2" d="M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z"/><path fill="currentColor" d="M17 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>

package/svg/meta.json

@@ -253,5 +253,148 @@
         "tags": [
             "link"
         ]
+    },
+    "funnel": {
+        "tags": [
+            "funnel",
+            "filter"
+        ]
+    },
+    "playback-speed-circle": {
+        "tags": [
+            ""
+        ]
+    },
+    "circle-motion-x": {
+        "tags": [
+            "circle motion x",
+            "oval",
+            "circle",
+            "motion",
+            "x",
+            "animate",
+            "animation"
+        ]
+    },
+    "speaker-high": {
+        "tags": [
+            "speaker high",
+            "speaker",
+            "high",
+            "sound",
+            "on"
+        ]
+    },
+    "speaker-cross": {
+        "tags": [
+            "speaker cross",
+            "speaker",
+            "sound",
+            "off",
+            "muted"
+        ]
+    },
+    "stop-circle": {
+        "tags": [
+            "stop circle",
+            "stop"
+        ]
+    },
+    "play-circle": {
+        "tags": [
+            "play circle",
+            "play"
+        ]
+    },
+    "shapes": {
+        "tags": [
+            "shapes",
+            "rectangle",
+            "oval"
+        ]
+    },
+    "microphone-slash": {
+        "tags": [
+            "microphone slash",
+            "microphone",
+            "mic",
+            "slash"
+        ]
+    },
+    "microphone": {
+        "tags": [
+            "microphone",
+            "mic"
+        ]
+    },
+    "line-diagonal": {
+        "tags": [
+            "line diagonal",
+            "line",
+            "diagonal",
+            "oblique"
+        ]
+    },
+    "arrow-fat-right": {
+        "tags": [
+            "arrow fat right",
+            "arrow",
+            "fat",
+            "right"
+        ]
+    },
+    "parallelogram": {
+        "tags": [
+            "parallelogram"
+        ]
+    },
+    "square-rounded": {
+        "tags": [
+            "square rounded",
+            "square",
+            "rounded"
+        ]
+    },
+    "rhombus": {
+        "tags": [
+            "rhombus"
+        ]
+    },
+    "triangle": {
+        "tags": [
+            "triangle"
+        ]
+    },
+    "circle": {
+        "tags": [
+            "circle"
+        ]
+    },
+    "square": {
+        "tags": [
+            "square"
+        ]
+    },
+    "pause-circle": {
+        "tags": [
+            "pause circle",
+            "pause"
+        ]
+    },
+    "sliders-y": {
+        "tags": [
+            ""
+        ]
+    },
+    "sliders-x": {
+        "tags": [
+            ""
+        ]
+    },
+    "chat": {
+        "tags": [
+            "chat",
+            "bubble"
+        ]
     }
 }