@mirohq/design-system-icons 0.2.3-colors.0 → 0.3.0

package/dist/main.js

@@ -102,11 +102,36 @@ const IconArrowDown = React.forwardRef(
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeWidth: 2,
-      d: "M12 20V3m7 10.59-7 7-7-7"
+      d: "M12.205 3.205v17m-7-6.41 7 7 7-7"
     })
   )
 );
 
+const IconArrowFatRight = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconArrowLeft = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -197,7 +222,7 @@ const IconArrowUp = React.forwardRef(
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeWidth: 2,
-      d: "M12 4v17M5 10.41l7-7 7 7"
+      d: "M12.205 20.795v-17m7 6.41-7-7-7 7"
     })
   )
 );
@@ -221,6 +246,31 @@ const IconBarThree = React.forwardRef(
   )
 );
 
+const IconChat = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconCheckMark = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -316,6 +366,57 @@ const IconChevronUp = React.forwardRef(
   )
 );
 
+const IconCircleMotionX = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconCircle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconCog = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -410,21 +511,45 @@ const IconExclamationPointCircle = React.forwardRef(
       fill: "none",
       ref: forwardRef2
     },
-    /* @__PURE__ */ React__default["default"].createElement("circle", {
-      cx: 12,
-      cy: 15.5,
-      r: 1,
-      fill: "currentColor"
-    }),
     /* @__PURE__ */ React__default["default"].createElement("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeWidth: 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"
+    }),
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
     })
   )
 );
 
+const IconFunnel = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconGlobe = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -471,11 +596,9 @@ const IconInformationMarkCircle = React.forwardRef(
       fill: "none",
       ref: forwardRef2
     },
-    /* @__PURE__ */ React__default["default"].createElement("circle", {
-      cx: 12,
-      cy: 8.5,
-      r: 1,
-      fill: "currentColor"
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M13 8.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
     }),
     /* @__PURE__ */ React__default["default"].createElement("path", {
       stroke: "currentColor",
@@ -486,6 +609,32 @@ const IconInformationMarkCircle = React.forwardRef(
   )
 );
 
+const IconLineDiagonal = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 2,
+      d: "M4 20 20 4"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconLink = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -574,6 +723,58 @@ const IconMagnifyingGlass = React.forwardRef(
   )
 );
 
+const IconMicrophoneSlash = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconMicrophone = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconMinus = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -593,6 +794,57 @@ const IconMinus = React.forwardRef(
   )
 );
 
+const IconParallelogram = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconPauseCircle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconPlaceholder = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -612,6 +864,55 @@ const IconPlaceholder = React.forwardRef(
   )
 );
 
+const IconPlayCircle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("circle", {
+      cx: 12,
+      cy: 12,
+      r: 8.5,
+      stroke: "currentColor",
+      strokeWidth: 2
+    }),
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      fill: "currentColor",
+      stroke: "currentColor",
+      d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
+    })
+  )
+);
+
+const IconPlaybackSpeedCircle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    }),
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      fill: "currentColor",
+      stroke: "currentColor",
+      d: "M15.099 12 10.5 15.066V8.934L15.099 12Z"
+    })
+  )
+);
+
 const IconPlug = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -669,6 +970,109 @@ const IconQuestionMarkCircle = React.forwardRef(
   )
 );
 
+const IconRhombus = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconShapes = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconSlidersX = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconSlidersY = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconSocialFacebook = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -760,6 +1164,157 @@ const IconSocialYoutube = React.forwardRef(
   )
 );
 
+const IconSpeakerCross = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconSpeakerHigh = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconSquareRounded = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconSquare = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      stroke: "currentColor",
+      strokeWidth: 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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
+const IconStopCircle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("circle", {
+      cx: 12,
+      cy: 12,
+      r: 8.5,
+      stroke: "currentColor",
+      strokeWidth: 2
+    }),
+    /* @__PURE__ */ React__default["default"].createElement("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"
+    })
+  )
+);
+
+const IconTriangle = React.forwardRef(
+  ({ size = "medium", ...props }, forwardRef2) => React.createElement(
+    StyledIcon,
+    {
+      ...props,
+      size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      ref: forwardRef2
+    },
+    /* @__PURE__ */ React__default["default"].createElement("g", {
+      clipPath: "url(#a)"
+    }, /* @__PURE__ */ React__default["default"].createElement("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"
+    })),
+    /* @__PURE__ */ React__default["default"].createElement("defs", null, /* @__PURE__ */ React__default["default"].createElement("clipPath", {
+      id: "a"
+    }, /* @__PURE__ */ React__default["default"].createElement("path", {
+      d: "M0 0h24v24H0z"
+    })))
+  )
+);
+
 const IconUserAdd = React.forwardRef(
   ({ size = "medium", ...props }, forwardRef2) => React.createElement(
     StyledIcon,
@@ -833,11 +1388,9 @@ const IconWallet = React.forwardRef(
       strokeWidth: 2,
       d: "M20 16V4H6a2 2 0 0 0-2 2v11m14-1H6a2 2 0 1 0 0 4h12v-4Z"
     }),
-    /* @__PURE__ */ React__default["default"].createElement("circle", {
-      cx: 15.5,
-      cy: 10,
-      r: 1.5,
-      fill: "currentColor"
+    /* @__PURE__ */ React__default["default"].createElement("path", {
+      fill: "currentColor",
+      d: "M17 10a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"
     })
   )
 );
@@ -846,39 +1399,61 @@ exports.IconArrowBoxOut = IconArrowBoxOut;
 exports.IconArrowDown = IconArrowDown;
 exports.IconArrowDownLeft = IconArrowDownLeft;
 exports.IconArrowDownRight = IconArrowDownRight;
+exports.IconArrowFatRight = IconArrowFatRight;
 exports.IconArrowLeft = IconArrowLeft;
 exports.IconArrowRight = IconArrowRight;
 exports.IconArrowUp = IconArrowUp;
 exports.IconArrowUpLeft = IconArrowUpLeft;
 exports.IconArrowUpRight = IconArrowUpRight;
 exports.IconBarThree = IconBarThree;
+exports.IconChat = IconChat;
 exports.IconCheckMark = IconCheckMark;
 exports.IconChevronDown = IconChevronDown;
 exports.IconChevronLeft = IconChevronLeft;
 exports.IconChevronRight = IconChevronRight;
 exports.IconChevronUp = IconChevronUp;
+exports.IconCircle = IconCircle;
+exports.IconCircleMotionX = IconCircleMotionX;
 exports.IconCog = IconCog;
 exports.IconCross = IconCross;
 exports.IconCrossCircle = IconCrossCircle;
 exports.IconEnvelope = IconEnvelope;
 exports.IconExclamationPointCircle = IconExclamationPointCircle;
+exports.IconFunnel = IconFunnel;
 exports.IconGlobe = IconGlobe;
 exports.IconHouse = IconHouse;
 exports.IconInformationMarkCircle = IconInformationMarkCircle;
+exports.IconLineDiagonal = IconLineDiagonal;
 exports.IconLink = IconLink;
 exports.IconLockClosed = IconLockClosed;
 exports.IconLockOpen = IconLockOpen;
 exports.IconMagnifyingGlass = IconMagnifyingGlass;
+exports.IconMicrophone = IconMicrophone;
+exports.IconMicrophoneSlash = IconMicrophoneSlash;
 exports.IconMinus = IconMinus;
+exports.IconParallelogram = IconParallelogram;
+exports.IconPauseCircle = IconPauseCircle;
 exports.IconPlaceholder = IconPlaceholder;
+exports.IconPlayCircle = IconPlayCircle;
+exports.IconPlaybackSpeedCircle = IconPlaybackSpeedCircle;
 exports.IconPlug = IconPlug;
 exports.IconPlus = IconPlus;
 exports.IconQuestionMarkCircle = IconQuestionMarkCircle;
+exports.IconRhombus = IconRhombus;
+exports.IconShapes = IconShapes;
+exports.IconSlidersX = IconSlidersX;
+exports.IconSlidersY = IconSlidersY;
 exports.IconSocialFacebook = IconSocialFacebook;
 exports.IconSocialInstagram = IconSocialInstagram;
 exports.IconSocialLinkedin = IconSocialLinkedin;
 exports.IconSocialTwitter = IconSocialTwitter;
 exports.IconSocialYoutube = IconSocialYoutube;
+exports.IconSpeakerCross = IconSpeakerCross;
+exports.IconSpeakerHigh = IconSpeakerHigh;
+exports.IconSquare = IconSquare;
+exports.IconSquareRounded = IconSquareRounded;
+exports.IconStopCircle = IconStopCircle;
+exports.IconTriangle = IconTriangle;
 exports.IconUser = IconUser;
 exports.IconUserAdd = IconUserAdd;
 exports.IconUsers = IconUsers;