@charcoal-ui/icons 4.7.1 → 4.8.0

package/src/react/v2/16/regular/ArrowLeftDown.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgArrowleftDown = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.333 1.75a2.75 2.75 0 00-2.75 2.75v7.19L4.197 9.302a.75.75 0 10-1.06 1.06l3.666 3.667a.75.75 0 001.06 0l3.667-3.666a.75.75 0 00-1.06-1.061l-2.387 2.386V4.5c0-.69.56-1.25 1.25-1.25H11a.75.75 0 000-1.5H9.333z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconArrowLeftDown16 = forwardRef(SvgArrowleftDown)
+export default IconArrowLeftDown16

package/src/react/v2/16/regular/ChevronDown.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevrondown = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.97 5.22a.75.75 0 011.06 0L8 10.19l4.97-4.97a.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 010-1.06z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronDown16 = forwardRef(SvgChevrondown)
+export default IconChevronDown16

package/src/react/v2/16/regular/ChevronLeft.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronleft = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.78 1.97a.75.75 0 010 1.06L5.81 8l4.97 4.97a.75.75 0 11-1.06 1.06l-5.5-5.5a.75.75 0 010-1.06l5.5-5.5a.75.75 0 011.06 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronLeft16 = forwardRef(SvgChevronleft)
+export default IconChevronLeft16

package/src/react/v2/16/regular/ChevronRight.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronright = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M5.22 14.03a.75.75 0 010-1.06L10.19 8 5.22 3.03a.75.75 0 011.06-1.06l5.5 5.5a.75.75 0 010 1.06l-5.5 5.5a.75.75 0 01-1.06 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronRight16 = forwardRef(SvgChevronright)
+export default IconChevronRight16

package/src/react/v2/16/regular/ChevronUp.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronup = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.03 10.78a.75.75 0 01-1.06 0L8 5.81l-4.97 4.97a.75.75 0 11-1.06-1.06l5.5-5.5a.75.75 0 011.06 0l5.5 5.5a.75.75 0 010 1.06z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronUp16 = forwardRef(SvgChevronup)
+export default IconChevronUp16

package/src/react/v2/16/solid/ArrowLeftDown.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgArrowleftDown = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.333 1.25a3.25 3.25 0 00-3.25 3.25v5.982L4.551 8.95a1.25 1.25 0 00-1.768 1.768l3.666 3.667a1.25 1.25 0 001.768 0l3.667-3.667a1.25 1.25 0 00-1.768-1.768l-1.533 1.533V4.5a.75.75 0 01.75-.75H11a1.25 1.25 0 000-2.5H9.333z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconArrowLeftDownSolid16 = forwardRef(SvgArrowleftDown)
+export default IconArrowLeftDownSolid16

package/src/react/v2/16/solid/ChevronDown.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevrondown = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.196 5.196a1.136 1.136 0 011.608 0L8 9.393l4.197-4.197a1.136 1.136 0 111.607 1.608l-5 5a1.136 1.136 0 01-1.608 0l-5-5a1.136 1.136 0 010-1.608z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronDownSolid16 = forwardRef(SvgChevrondown)
+export default IconChevronDownSolid16

package/src/react/v2/16/solid/ChevronLeft.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronleft = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.134 1.616a1.25 1.25 0 010 1.768L6.518 8l4.616 4.616a1.25 1.25 0 01-1.768 1.768l-5.5-5.5a1.25 1.25 0 010-1.768l5.5-5.5a1.25 1.25 0 011.768 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronLeftSolid16 = forwardRef(SvgChevronleft)
+export default IconChevronLeftSolid16

package/src/react/v2/16/solid/ChevronRight.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronright = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.866 14.384a1.25 1.25 0 010-1.768L9.482 8 4.866 3.384a1.25 1.25 0 111.768-1.768l5.5 5.5a1.25 1.25 0 010 1.768l-5.5 5.5a1.25 1.25 0 01-1.768 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronRightSolid16 = forwardRef(SvgChevronright)
+export default IconChevronRightSolid16

package/src/react/v2/16/solid/ChevronUp.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgChevronup = (
+  props: SVGProps<SVGSVGElement>,
+  ref: Ref<SVGSVGElement>
+) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.384 11.134a1.25 1.25 0 01-1.768 0L8 6.518l-4.616 4.616a1.25 1.25 0 01-1.768-1.768l5.5-5.5a1.25 1.25 0 011.768 0l5.5 5.5a1.25 1.25 0 010 1.768z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconChevronUpSolid16 = forwardRef(SvgChevronup)
+export default IconChevronUpSolid16

package/src/react/v2/20/regular/X.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgX = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={20}
+    height={20}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.134 4.927a.75.75 0 00-1.06-1.06L10 8.938 4.927 3.866a.75.75 0 00-1.06 1.06L8.938 10l-5.073 5.073a.75.75 0 101.06 1.06L10 11.062l5.073 5.073a.75.75 0 101.06-1.06L11.062 10l5.073-5.073z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconX20 = forwardRef(SvgX)
+export default IconX20

package/src/react/v2/20/solid/X.tsx

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgX = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
+  <svg
+    width={20}
+    height={20}
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.175 5.592a1.25 1.25 0 00-1.767-1.767L10 8.233 5.592 3.825a1.25 1.25 0 00-1.768 1.767L8.232 10l-4.408 4.408a1.25 1.25 0 101.768 1.768L10 11.768l4.408 4.408a1.25 1.25 0 101.768-1.768L11.767 10l4.407-4.408z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconXSolid20 = forwardRef(SvgX)
+export default IconXSolid20

package/src/react/v2/24/color/ColorMixture.tsx

@@ -0,0 +1,45 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgColorMixture = (
+  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
+      d="M4.89 18.41c-2.446-2.377-2.82-6.166-.974-9.034 1.29-2.003 2.85-3.795 4.374-5.626 1.226 1.517 2.633 2.954 3.712 4.577 1.079-1.623 2.462-3.08 3.708-4.577 1.497 1.854 3.083 3.622 4.374 5.627 1.846 2.867 1.472 6.656-.975 9.033-2.027 1.969-5.253 1.724-7.109-.321-1.855 2.045-5.082 2.29-7.11.32z"
+      stroke="currentColor"
+      strokeWidth={1.5}
+      strokeLinejoin="round"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.685 6.386c-.84.973-1.613 1.885-2.273 2.879a1.693 1.693 0 01-2.821 0c-.653-.983-1.406-1.855-2.234-2.812l-.06-.07C7.22 7.68 6.213 8.938 5.34 10.294c-1.424 2.212-1.119 5.105.73 6.902 1.29 1.251 3.415 1.146 4.676-.244a1.694 1.694 0 012.508 0c1.261 1.39 3.387 1.495 4.675.244 1.85-1.797 2.155-4.69.73-6.902-.875-1.36-1.887-2.595-2.974-3.907z"
+      fill="url(#paint0_linear_23698_16556)"
+    />
+    <defs>
+      <linearGradient
+        id="paint0_linear_23698_16556"
+        x1={19.105}
+        y1={8.488}
+        x2={6.604}
+        y2={16.235}
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#fff" />
+        <stop offset={1} />
+      </linearGradient>
+    </defs>
+  </svg>
+)
+export const IconColorMixtureColor = forwardRef(SvgColorMixture)
+export default IconColorMixtureColor

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

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAdd = (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.75 5a.75.75 0 00-1.5 0v6.25H5a.75.75 0 000 1.5h6.25V19a.75.75 0 001.5 0v-6.25H19a.75.75 0 000-1.5h-6.25V5z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAdd = forwardRef(SvgAdd)
+export default IconAdd

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAddcircle = (
+  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 4.5a.75.75 0 01.75.75v4h4a.75.75 0 010 1.5h-4v4a.75.75 0 01-1.5 0v-4h-4a.75.75 0 010-1.5h4v-4A.75.75 0 0112 6.5z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAddCircle = forwardRef(SvgAddcircle)
+export default IconAddCircle

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAirbrush = (
+  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.5 3a1 1 0 11-2 0 1 1 0 012 0zm1 3a1 1 0 100-2 1 1 0 000 2zm3 1a1 1 0 11-2 0 1 1 0 012 0zm2 2a1 1 0 11-2 0 1 1 0 012 0zm-4 0a1 1 0 11-2 0 1 1 0 012 0zm-1 5a1 1 0 100-2 1 1 0 000 2zm-2-6a1 1 0 100-2 1 1 0 000 2zm1 3a1 1 0 11-2 0 1 1 0 012 0zm-1 5a1 1 0 100-2 1 1 0 000 2zm5-5a1 1 0 11-2 0 1 1 0 012 0zM12 7.25c0-.966.784-1.75 1.75-1.75h3c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0116.75 12h-3A1.75 1.75 0 0112 10.25v-3zM13.75 7a.25.25 0 00-.25.25v3c0 .138.112.25.25.25h3a.25.25 0 00.25-.25v-3a.25.25 0 00-.25-.25h-3zm-.5 8A2.25 2.25 0 0011 17.25v4a.75.75 0 01-1.5 0v-4a3.75 3.75 0 013.75-3.75h4A3.75 3.75 0 0121 17.25v4a.75.75 0 01-1.5 0v-4A2.25 2.25 0 0017.25 15h-4z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAirbrush = forwardRef(SvgAirbrush)
+export default IconAirbrush

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

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAlbum = (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 4.25h6c.157 0 .312.01.465.028A2.75 2.75 0 0014 2.75h-4a2.75 2.75 0 00-2.464 1.528c.152-.018.307-.028.464-.028h2zm-2 2.5h9c.55 0 1.077.093 1.568.265A2.75 2.75 0 0016 5.25H8a2.751 2.751 0 00-2.568 1.765A4.743 4.743 0 017 6.75h1zm-1 1a3.75 3.75 0 00-3.75 3.75v6a3.798 3.798 0 00.005.194A3.75 3.75 0 007 21.25h10a3.75 3.75 0 003.75-3.75v-.087V11.5A3.75 3.75 0 0017 7.75H7zm12.25 8.282V11.5A2.25 2.25 0 0017 9.25H7a2.25 2.25 0 00-2.25 2.25v4.565l2.133-1.674a2.75 2.75 0 013.422.021l3.143 2.53a.25.25 0 00.302.009l1.776-1.26a2.75 2.75 0 013.072-.076l.652.417zM4.793 17.939A2.25 2.25 0 007 19.75h10a2.25 2.25 0 002.23-1.951l-1.44-.92a1.25 1.25 0 00-1.396.034l-1.776 1.26a1.75 1.75 0 01-2.11-.063l-3.143-2.53a1.25 1.25 0 00-1.556-.009L4.793 17.94zm2.853-6.173a1 1 0 11-2 0 1 1 0 012 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAlbum = forwardRef(SvgAlbum)
+export default IconAlbum

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAlbumadd = (
+  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 4.25h6c.157 0 .312.01.465.028A2.75 2.75 0 0014 2.75h-4a2.75 2.75 0 00-2.464 1.528c.152-.018.307-.028.464-.028h2zm-2 2.5h9c.55 0 1.077.093 1.568.265A2.75 2.75 0 0016 5.25H8a2.751 2.751 0 00-2.568 1.765A4.743 4.743 0 017 6.75h1zm-1 1a3.75 3.75 0 00-3.75 3.75v6a3.798 3.798 0 00.005.194A3.75 3.75 0 007 21.25h5.37a6.463 6.463 0 01-.632-1.5H7a2.25 2.25 0 01-2.207-1.811l3.016-2.368a1.25 1.25 0 011.556.01l2.17 1.746a6.465 6.465 0 01.38-1.619l-1.61-1.296a2.75 2.75 0 00-3.422-.02L4.75 16.064V11.5A2.25 2.25 0 017 9.25h10a2.25 2.25 0 012.25 2.25v.12a6.45 6.45 0 011.5.489V11.5A3.75 3.75 0 0017 7.75H7zm.646 4.016a1 1 0 11-2 0 1 1 0 012 0zM18 23a5 5 0 100-10 5 5 0 000 10zm.5-2.25V18.5h2.25a.5.5 0 000-1H18.5v-2.25a.5.5 0 00-1 0v2.25h-2.25a.5.5 0 000 1h2.25v2.25a.5.5 0 001 0z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAlbumAdd = forwardRef(SvgAlbumadd)
+export default IconAlbumAdd

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

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAlert = (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 4.505a6.246 6.246 0 016.246 6.246v5.499H5.754v-5.5A6.246 6.246 0 0112 4.506zM4.254 16.326v-5.575a7.746 7.746 0 1115.492 0v5.572A1.75 1.75 0 0120.996 18v1.241a1.75 1.75 0 01-1.75 1.75H4.766a1.75 1.75 0 01-1.75-1.75V18a1.75 1.75 0 011.238-1.674zm.75 1.424h14.242a.25.25 0 01.25.25v1.241a.25.25 0 01-.25.25H4.766a.25.25 0 01-.25-.25V18a.25.25 0 01.25-.25h.238zM11.924 7a.75.75 0 00-.75-.75 4.095 4.095 0 00-4.094 4.094.75.75 0 001.5 0 2.595 2.595 0 012.594-2.595.75.75 0 00.75-.75z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAlert = forwardRef(SvgAlert)
+export default IconAlert

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAlignhorizontal = (
+  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 2a.75.75 0 01.75.75v2.5h5.5c.966 0 1.75.784 1.75 1.75v2a1.75 1.75 0 01-1.75 1.75h-5.5v2.5H16c.966 0 1.75.784 1.75 1.75v2A1.75 1.75 0 0116 18.75h-3.25v2.5a.75.75 0 01-1.5 0v-2.5H8A1.75 1.75 0 016.25 17v-2c0-.966.784-1.75 1.75-1.75h3.25v-2.5h-5.5A1.75 1.75 0 014 9V7c0-.966.784-1.75 1.75-1.75h5.5v-2.5A.75.75 0 0112 2zM5.75 6.75A.25.25 0 005.5 7v2c0 .138.112.25.25.25h12.5A.25.25 0 0018.5 9V7a.25.25 0 00-.25-.25H5.75zm2.25 8a.25.25 0 00-.25.25v2c0 .138.112.25.25.25h8a.25.25 0 00.25-.25v-2a.25.25 0 00-.25-.25H8z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAlignHorizontal = forwardRef(SvgAlignhorizontal)
+export default IconAlignHorizontal

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAlignvertical = (
+  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="M2 12a.75.75 0 01.75-.75h2.5v-5.5C5.25 4.784 6.034 4 7 4h2c.966 0 1.75.784 1.75 1.75v5.5h2.5V8c0-.966.784-1.75 1.75-1.75h2c.966 0 1.75.784 1.75 1.75v3.25h2.5a.75.75 0 010 1.5h-2.5V16A1.75 1.75 0 0117 17.75h-2A1.75 1.75 0 0113.25 16v-3.25h-2.5v5.5A1.75 1.75 0 019 20H7a1.75 1.75 0 01-1.75-1.75v-5.5h-2.5A.75.75 0 012 12zm4.75 6.25c0 .138.112.25.25.25h2a.25.25 0 00.25-.25V5.75A.25.25 0 009 5.5H7a.25.25 0 00-.25.25v12.5zm8-2.25c0 .138.112.25.25.25h2a.25.25 0 00.25-.25V8a.25.25 0 00-.25-.25h-2a.25.25 0 00-.25.25v8z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAlignVertical = forwardRef(SvgAlignvertical)
+export default IconAlignVertical

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

@@ -0,0 +1,23 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAngle = (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.095 4.456a.75.75 0 00-1.19-.912L2.638 16.935c-.883 1.152-.062 2.815 1.389 2.815H21a.75.75 0 000-1.5h-7.636a8.744 8.744 0 00-4.141-7.439l4.872-6.355zm-5.79 7.553l-4.477 5.839a.25.25 0 00.199.402h7.837a7.247 7.247 0 00-3.559-6.241z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAngle = forwardRef(SvgAngle)
+export default IconAngle

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgAnnounce = (
+  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.25 4.511a.25.25 0 00-.348-.23l-6.075 2.58v7.394l6.078 2.487a.25.25 0 00.345-.232V4.511zm-7.923 9.416v-6.73l-2.715.28a1.25 1.25 0 00-1.121 1.244v3.682c0 .64.484 1.177 1.121 1.243l2.715.28zm.56-8.296l6.429-2.73a1.75 1.75 0 012.434 1.61v2.814a3.751 3.751 0 010 7.35v1.835a1.75 1.75 0 01-2.413 1.62l-4.643-1.9.691 1.607a2.75 2.75 0 01-1.478 3.63l-.057.024a2.75 2.75 0 01-3.579-1.468L3.905 14.45a2.746 2.746 0 01-.914-2.048V8.72a2.75 2.75 0 012.467-2.735l3.43-.355zm8.863 7.491a2.251 2.251 0 000-4.244v4.244zM5.844 15.178l2.892.3 1.272 2.952a1.25 1.25 0 01-.672 1.65l-.058.024a1.25 1.25 0 01-1.626-.667l-1.808-4.26z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconAnnounce = forwardRef(SvgAnnounce)
+export default IconAnnounce

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

@@ -0,0 +1,26 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+const SvgApplePencil = (
+  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 3h10.5A3.75 3.75 0 0121 6.75v10.5A3.75 3.75 0 0117.25 21h-.796c.03-.171.046-.347.046-.527V19.5h.75a2.25 2.25 0 002.25-2.25V6.75a2.25 2.25 0 00-2.25-2.25H6.75A2.25 2.25 0 004.5 6.75v10.5a2.25 2.25 0 002.25 2.25h.75v.973c0 .18.016.356.046.527H6.75A3.75 3.75 0 013 17.25V6.75zm10.75 6.111v8.612a.75.75 0 101.5 0v-8.612c0-.25-.053-.497-.157-.724l-.716-1.575-.802-1.763-.884-2.091a.75.75 0 00-1.384.004L10.441 8.8l-.812 1.759-.002.002-.719 1.575a1.75 1.75 0 00-.158.727v8.611a.75.75 0 101.5 0v-8.611a.25.25 0 01.023-.104l.717-1.571.002-.003.616-1.334h.797l.606 1.333.717 1.575a.251.251 0 01.022.103z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export const IconApplePencil = forwardRef(SvgApplePencil)
+export default IconApplePencil