@charcoal-ui/icons 4.7.2 → 4.8.0

package/src/react/v2/24/regular/ColorSets.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgColorSets = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.742 7.74l-.296 3.384 1.65-1.65.14-1.603.23-2.63a1.25 1.25 0 011.355-1.136l1.992.174c.47.041.857.338 1.036.742a4.24 4.24 0 011.443-.43 2.75 2.75 0 00-2.348-1.806l-1.992-.174a2.75 2.75 0 00-2.98 2.5l-.23 2.629zm-3 1.276L8.76 12.81l-1.215 1.216-.01.01-.086-.323-1.155-4.31-.683-2.55a2.75 2.75 0 011.945-3.368l1.931-.517c.258-.07.517-.1.77-.094a4.223 4.223 0 00-.71 1.63l-1.603.43a1.25 1.25 0 00-.884 1.531l.683 2.55zm-1.616 5.557l.34 1.274a4.262 4.262 0 00-.164 1.024l-2.63-2.63-1.867-1.867a2.75 2.75 0 010-3.889L3.22 7.071c.242-.242.518-.429.813-.562.021.244.064.49.13.734l.214.802a1.262 1.262 0 00-.096.087L2.866 9.546a1.25 1.25 0 000 1.768l1.866 1.866 1.394 1.393zm4.014 5.94a2.75 2.75 0 003.89 0l8.217-8.218a2.75 2.75 0 000-3.89L20.712 6.87a2.75 2.75 0 00-3.89 0l-8.218 8.218a2.75 2.75 0 000 3.89l1.536 1.535zm2.829-1.06a1.25 1.25 0 01-1.768 0l-1.536-1.537a1.25 1.25 0 010-1.767l2.616-2.616 3.303 3.304-2.615 2.615zm3.676-3.677l2.119-2.12-3.303-3.303-2.12 2.12 3.304 3.303zm-.124-6.483l3.304 3.303 1.361-1.362a1.25 1.25 0 000-1.768l-1.535-1.535a1.25 1.25 0 00-1.768 0l-1.362 1.362zm-3.894 8.478a1 1 0 01-1.414 0l-.007-.007a1 1 0 011.414-1.414l.007.007a1 1 0 010 1.414z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconColorSets = forwardRef(SvgColorSets)
+export default IconColorSets

package/src/react/v2/24/regular/ColorWheelRectangle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgColorWheelrectangle = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM7 6.25a.75.75 0 00-.75.75v10c0 .414.336.75.75.75h10a.75.75 0 00.75-.75V7a.75.75 0 00-.75-.75H7zm.75 10v-8.5h8.5v8.5h-8.5z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconColorWheelRectangle = forwardRef(SvgColorWheelrectangle)
+export default IconColorWheelRectangle

package/src/react/v2/24/regular/ColorWheelTriangle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgColorWheeltriangle = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm7.375 10.65a.75.75 0 000-1.3l-10.5-6.062a.75.75 0 00-1.125.65v12.124a.75.75 0 001.125.65l10.5-6.063zM9.25 16.762V7.237L17.5 12l-8.25 4.763z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconColorWheelTriangle = forwardRef(SvgColorWheeltriangle)
+export default IconColorWheelTriangle

package/src/react/v2/24/regular/CommandsCircle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCommandscircle = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM8.5 9.5a1 1 0 110-2 1 1 0 010 2zm4.5-1a1 1 0 11-2 0 1 1 0 012 0zm0 3.5a1 1 0 11-2 0 1 1 0 012 0zm-1 4.5a1 1 0 100-2 1 1 0 000 2zM7.5 12a1 1 0 102 0 1 1 0 00-2 0zm1 4.5a1 1 0 110-2 1 1 0 010 2zm6-8a1 1 0 102 0 1 1 0 00-2 0zm1 4.5a1 1 0 110-2 1 1 0 010 2zm-1 2.5a1 1 0 102 0 1 1 0 00-2 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCommandsCircle = forwardRef(SvgCommandscircle)
+export default IconCommandsCircle

package/src/react/v2/24/regular/Compass.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCompass = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 3.5a8.5 8.5 0 100 17 8.5 8.5 0 000-17zM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm11.91-4.664c1.679-.474 3.228 1.075 2.754 2.755l-1.107 3.924a2.233 2.233 0 01-1.542 1.542l-3.924 1.107c-1.68.474-3.23-1.075-2.755-2.755l1.107-3.924a2.233 2.233 0 011.542-1.542l3.924-1.107zm1.31 2.347a.733.733 0 00-.903-.904l-3.924 1.108a.733.733 0 00-.506.506l-1.108 3.924a.733.733 0 00.904.904l3.924-1.108a.732.732 0 00.506-.506l1.108-3.924zM12 13a1 1 0 100-2 1 1 0 000 2z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCompass = forwardRef(SvgCompass)
+export default IconCompass

package/src/react/v2/24/regular/Contest.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgContest = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.75 2a.75.75 0 00-.632 1.154l3.858 6.028a7.5 7.5 0 1010.049 0l3.857-6.028A.75.75 0 0020.25 2h-4.873c-.39 0-.696.187-.89.348-.198.167-.354.369-.462.548l-2.021 3.29L10.009 2.9v-.002a2.205 2.205 0 00-.465-.55c-.193-.161-.5-.348-.89-.348H3.75zm12.064 6.29L18.88 3.5h-3.431a.823.823 0 00-.14.17l-.004.008-2.24 3.647a7.45 7.45 0 012.749.966zm-4.874-.966l-2.215-3.65-.003-.003a.82.82 0 00-.139-.171H5.121l3.065 4.79a7.451 7.451 0 012.754-.966zM12 8.75a6 6 0 100 12 6 6 0 000-12zm0 4a2 2 0 100 4 2 2 0 000-4zm-3.5 2a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconContest = forwardRef(SvgContest)
+export default IconContest

package/src/react/v2/24/regular/Contrast.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgContrast = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.14 3.543a8.5 8.5 0 110 16.914V3.543zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconContrast = forwardRef(SvgContrast)
+export default IconContrast

package/src/react/v2/24/regular/Copy.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCopy = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.25 3a.75.75 0 000 1.5h1.5c.69 0 1.25.56 1.25 1.25v1.5h1.5v-1.5A2.75 2.75 0 0015.75 3h-1.5zm-8.5 14h1.5v1.5h-1.5A2.75 2.75 0 013 15.75v-1.5a.75.75 0 011.5 0v1.5c0 .69.56 1.25 1.25 1.25zM4.5 10A.75.75 0 003 10v1.5a.75.75 0 001.5 0V10zm4.75-6.25A.75.75 0 0110 3h1.5a.75.75 0 010 1.5H10a.75.75 0 01-.75-.75zM5.75 3A2.75 2.75 0 003 5.75v1.5a.75.75 0 001.5 0v-1.5c0-.69.56-1.25 1.25-1.25h1.5a.75.75 0 000-1.5h-1.5zm5.75 5.75a2.75 2.75 0 00-2.75 2.75v7a2.75 2.75 0 002.75 2.75h7a2.75 2.75 0 002.75-2.75v-7a2.75 2.75 0 00-2.75-2.75h-7zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h7c.69 0 1.25.56 1.25 1.25v7c0 .69-.56 1.25-1.25 1.25h-7c-.69 0-1.25-.56-1.25-1.25v-7z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCopy = forwardRef(SvgCopy)
+export default IconCopy

package/src/react/v2/24/regular/Crown.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCrown = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 5.75a1 1 0 112 0 1 1 0 01-2 0zm1-2.5a2.5 2.5 0 00-1.296 4.638 1.903 1.903 0 00-.24.281l-1.966 2.81a1.5 1.5 0 01-1.9.482l-1.19-.595a2.5 2.5 0 10-2.025.882L4.54 17.64a4.125 4.125 0 004.048 3.329h6.822a4.125 4.125 0 004.048-3.33l1.159-5.892a2.5 2.5 0 10-2.026-.881l-1.19.595a1.5 1.5 0 01-1.9-.482l-1.966-2.81a1.904 1.904 0 00-.24-.28A2.5 2.5 0 0012 3.25zm-.307 5.78a.375.375 0 01.614 0l1.965 2.809a3 3 0 003.8.963l.898-.448-.983 4.996a2.625 2.625 0 01-2.575 2.119H8.588a2.625 2.625 0 01-2.576-2.119l-.982-4.996.897.448a3 3 0 003.8-.963l1.965-2.81zM3.5 8.25a1 1 0 100 2 1 1 0 000-2zm16 1a1 1 0 112 0 1 1 0 01-2 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCrown = forwardRef(SvgCrown)
+export default IconCrown

package/src/react/v2/24/regular/Curve.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCurve = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.25 4.75c-8.56 0-15.5 6.94-15.5 15.5a.75.75 0 01-1.5 0c0-9.389 7.611-17 17-17a.75.75 0 010 1.5z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCurve = forwardRef(SvgCurve)
+export default IconCurve

package/src/react/v2/24/regular/CurveNodes.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgCurvenodes = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M19.502 3.252a1 1 0 100 2 1 1 0 000-2zM5.006 17.118c.195-6.634 5.457-11.996 12.05-12.35a2.5 2.5 0 10.15-1.508c-7.49.28-13.502 6.344-13.7 13.856a2.501 2.501 0 101.5.002zm-1.754 2.384a1 1 0 112 0 1 1 0 01-2 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconCurveNodes = forwardRef(SvgCurvenodes)
+export default IconCurveNodes

package/src/react/v2/24/regular/Delete.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDelete = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11 3.55c-.69 0-1.25.56-1.25 1.25v.45h4.5V4.8c0-.69-.56-1.25-1.25-1.25h-2zm4.75 1.7V4.8A2.75 2.75 0 0013 2.05h-2A2.75 2.75 0 008.25 4.8v.45H3a.75.75 0 000 1.5h1.106l1.83 12.015a3.75 3.75 0 003.708 3.185h4.67a3.75 3.75 0 003.706-3.173L19.892 6.75H21a.75.75 0 000-1.5h-5.25zm2.624 1.5H5.623l1.796 11.789a2.25 2.25 0 002.225 1.91h4.67a2.25 2.25 0 002.224-1.903L18.374 6.75zM10 10.25a.75.75 0 01.75.75v5a.75.75 0 01-1.5 0v-5a.75.75 0 01.75-.75zm4.75.75a.75.75 0 00-1.5 0v5a.75.75 0 001.5 0v-5z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDelete = forwardRef(SvgDelete)
+export default IconDelete

package/src/react/v2/24/regular/Device.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDevice = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M8 2.002a2.75 2.75 0 00-2.75 2.75V19.25A2.75 2.75 0 008 21.998h8a2.75 2.75 0 002.75-2.75V4.752A2.75 2.75 0 0016 2.002H8zm-1.25 2.75c0-.69.56-1.25 1.25-1.25h8c.69 0 1.25.56 1.25 1.25V19.25c0 .69-.56 1.25-1.25 1.25H8c-.69 0-1.25-.56-1.25-1.25V4.752zm5.256 14.037a1 1 0 000-2h-.017a1 1 0 100 2h.017z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDevice = forwardRef(SvgDevice)
+export default IconDevice

package/src/react/v2/24/regular/DeviceRotate.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDevicerotate = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.252 2.82l-1.88 1.82a.5.5 0 000 .72l1.88 1.82a.5.5 0 00.848-.36V5.752a2.25 2.25 0 012.15 2.246V8h-1.07a.5.5 0 00-.36.848l1.82 1.88a.5.5 0 00.72 0l1.82-1.88A.5.5 0 0020.82 8h-1.07v-.003a3.75 3.75 0 00-3.65-3.746V3.18a.5.5 0 00-.848-.36zM4.5 5.75c0-.69.56-1.25 1.25-1.25h3.504c.69 0 1.25.56 1.25 1.25v7.5c0 .69-.56 1.25-1.25 1.25H5.75c-.69 0-1.25-.56-1.25-1.25v-7.5zM5.75 3A2.75 2.75 0 003 5.75v7.5A2.75 2.75 0 005.75 16h3.504a2.75 2.75 0 002.75-2.75v-7.5A2.75 2.75 0 009.255 3H5.75zM8 18.25v-.75h1.254c.083 0 .165-.002.246-.007v.757c0 .69.56 1.25 1.25 1.25h7.5c.69 0 1.25-.56 1.25-1.25v-3.5c0-.69-.56-1.25-1.25-1.25h-4.753c.005-.083.008-.166.008-.25V12h4.745A2.75 2.75 0 0121 14.75v3.5A2.75 2.75 0 0118.25 21h-7.5A2.75 2.75 0 018 18.25zm-1.5-6a1 1 0 011-1h.001a1 1 0 110 2H7.5a1 1 0 01-1-1z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDeviceRotate = forwardRef(SvgDevicerotate)
+export default IconDeviceRotate

package/src/react/v2/24/regular/Dial.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDial = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.256 3.229a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm-7 2.897a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm12.75 1.254a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM5.001 21.375a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zm-1.647-8.25a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0zm18.55 1.256a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM19 21.379a1.25 1.25 0 100-2.5 1.25 1.25 0 000 2.5zM12.004 7.994a5 5 0 00-4.032 7.958l3.09-3.09a.75.75 0 011.06 1.06l-3.091 3.093a5 5 0 102.973-9.02zm-6.5 5a6.5 6.5 0 1113 0 6.5 6.5 0 01-13 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDial = forwardRef(SvgDial)
+export default IconDial

package/src/react/v2/24/regular/Distortion.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDistortion = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.75 3A3.75 3.75 0 003 6.75v10.5A3.75 3.75 0 006.75 21h10.5A3.75 3.75 0 0021 17.25V6.75A3.75 3.75 0 0017.25 3H6.75zM4.5 6.75A2.25 2.25 0 016.75 4.5h1.67a8.49 8.49 0 01-.071.128C7.5 6.112 7.144 7.613 7.277 9.11a6.93 6.93 0 01-1.905-.762 9.366 9.366 0 00-.872-.441V6.75zm0 2.83v4.328c.291.128.582.275.872.44 1.302.745 2.583 1.028 3.87.851-.053-.938-.35-1.877-.893-2.827a8.805 8.805 0 01-.749-1.68c-.994-.131-1.987-.478-2.972-1.04A8.49 8.49 0 004.5 9.58zm0 6v1.67a2.25 2.25 0 002.25 2.25h1.158c.128-.291.275-.582.44-.872.366-.639.62-1.273.763-1.905-1.498.133-3-.224-4.483-1.072a8.398 8.398 0 00-.128-.071zm5.08 3.92h4.328c.128-.291.275-.582.44-.872.745-1.302 1.028-2.583.851-3.87-.938.053-1.877.35-2.827.893a8.806 8.806 0 01-1.68.749c-.131.994-.478 1.987-1.04 2.972a8.79 8.79 0 00-.072.128zm6 0h1.67a2.25 2.25 0 002.25-2.25v-1.158a9.342 9.342 0 01-.872-.44 6.93 6.93 0 00-1.905-.763c.133 1.498-.224 3-1.072 4.483a9.724 9.724 0 00-.071.128zm3.92-5.08v-4.328a9.361 9.361 0 01-.872-.44c-1.302-.745-2.583-1.028-3.87-.85.053.937.35 1.876.893 2.826a8.81 8.81 0 01.749 1.681c.994.13 1.987.477 2.972 1.04l.128.072zm0-6V6.75a2.25 2.25 0 00-2.25-2.25h-1.158a9.344 9.344 0 01-.44.872 6.931 6.931 0 00-.763 1.905c1.498-.133 3 .224 4.483 1.072l.128.071zM14.42 4.5h-4.328a9.356 9.356 0 01-.44.872c-.745 1.302-1.028 2.583-.85 3.87.937-.053 1.876-.35 2.826-.893a8.809 8.809 0 011.681-.749c.13-.994.477-1.987 1.04-2.972l.072-.128zm-3.706 10.297c.304-.124.608-.274.914-.448 1.05-.6 2.108-.954 3.169-1.063a7.732 7.732 0 00-.448-.914c-.6-1.05-.954-2.108-1.063-3.169a7.72 7.72 0 00-.914.448c-1.05.6-2.108.954-3.169 1.063.124.304.274.608.448.914.6 1.05.954 2.108 1.063 3.169z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDistortion = forwardRef(SvgDistortion)
+export default IconDistortion

package/src/react/v2/24/regular/DotsHorizontal.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDotshorizontal = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7 12a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm6.5 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm5 1.5a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDotsHorizontal = forwardRef(SvgDotshorizontal)
+export default IconDotsHorizontal

package/src/react/v2/24/regular/DotsHorizontalCircle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDotshorizontalcircle = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm0 11a1 1 0 100-2 1 1 0 000 2zm-3-1a1 1 0 11-2 0 1 1 0 012 0zm7 1a1 1 0 100-2 1 1 0 000 2z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDotsHorizontalCircle = forwardRef(SvgDotshorizontalcircle)
+export default IconDotsHorizontalCircle

package/src/react/v2/24/regular/DotsVertical.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDotsvertical = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 7a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0 6.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm-1.5 5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDotsVertical = forwardRef(SvgDotsvertical)
+export default IconDotsVertical

package/src/react/v2/24/regular/DotsVerticalCircle.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDotsverticalcircle = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 12a8.5 8.5 0 1117 0 8.5 8.5 0 01-17 0zM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zm-1 6a1 1 0 102 0 1 1 0 00-2 0zm0 4a1 1 0 102 0 1 1 0 00-2 0zm1 5a1 1 0 110-2 1 1 0 010 2z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDotsVerticalCircle = forwardRef(SvgDotsverticalcircle)
+export default IconDotsVerticalCircle

package/src/react/v2/24/regular/Download.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDownload = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4 20.25c0 .414.336.75.75.75h14.5a.75.75 0 000-1.5H4.75a.75.75 0 00-.75.75zm7.25-5.81V3.75a.75.75 0 011.5 0v10.69l4.22-4.22a.75.75 0 111.06 1.06l-5.5 5.5a.75.75 0 01-1.06 0l-5.5-5.5a.75.75 0 111.06-1.06l4.22 4.22z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDownload = forwardRef(SvgDownload)
+export default IconDownload

package/src/react/v2/24/regular/DownloadIos.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDownloadios = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M7.97 10.97a.75.75 0 011.06 0l2.22 2.22V3a.75.75 0 011.5 0v10.19l2.22-2.22a.75.75 0 111.06 1.06l-3.5 3.5a.75.75 0 01-1.06 0l-3.5-3.5a.75.75 0 010-1.06zm-2.72-.72A2.25 2.25 0 017.5 8H8a.75.75 0 100-1.5h-.5a3.75 3.75 0 00-3.75 3.75v8A3.75 3.75 0 007.5 22h9a3.75 3.75 0 003.75-3.75v-8A3.75 3.75 0 0016.5 6.5H16A.75.75 0 0016 8h.5a2.25 2.25 0 012.25 2.25v8a2.25 2.25 0 01-2.25 2.25h-9a2.25 2.25 0 01-2.25-2.25v-8z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDownloadIos = forwardRef(SvgDownloadios)
+export default IconDownloadIos

package/src/react/v2/24/regular/Dropper.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDropper = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.385 3.526a3.001 3.001 0 014.245 4.245l-2.43 2.43 1.33 1.33a.75.75 0 01-1.06 1.06l-1.194-1.193-8.85 8.85a3.75 3.75 0 01-2.059 1.05l-1.864.3a1.75 1.75 0 01-2.006-1.993l.286-1.876c.12-.79.49-1.52 1.056-2.086l8.841-8.841-1.21-1.21a.75.75 0 011.06-1.061l1.425 1.425 2.43-2.43zM13.74 7.863l-8.842 8.84a2.25 2.25 0 00-.633 1.252l-.287 1.877a.25.25 0 00.287.284l1.864-.298a2.25 2.25 0 001.235-.63l8.85-8.85-2.474-2.475z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDropper = forwardRef(SvgDropper)
+export default IconDropper

package/src/react/v2/24/regular/Duplicate.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgDuplicate = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3 6.75A3.75 3.75 0 016.75 3h7.5A3.75 3.75 0 0118 6.75v7.5A3.75 3.75 0 0114.25 18h-7.5A3.75 3.75 0 013 14.25v-7.5zM6.75 4.5A2.25 2.25 0 004.5 6.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-7.5zm-.001 15a3.744 3.744 0 003 1.5h7.5a3.75 3.75 0 003.75-3.75v-7.5a3.744 3.744 0 00-1.499-3v7.5l-.001.102v2.898a2.25 2.25 0 01-2.25 2.25h-10.5zM10.5 7a.75.75 0 01.75.75v2h2a.75.75 0 010 1.5h-2v2a.75.75 0 01-1.5 0v-2h-2a.75.75 0 010-1.5h2v-2A.75.75 0 0110.5 7z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconDuplicate = forwardRef(SvgDuplicate)
+export default IconDuplicate