@graphprotocol/gds-react 0.0.1

package/src/icons/icons.generated/BootIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BootIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BootIcon({ variant = 'regular', ...props }: BootIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M192 112h-32V56a16 16 0 0 0-16-16H32a8 8 0 0 0-7.47 10.86c11.06 28.84 8.76 83.71-.22 114.93A8.3 8.3 0 0 0 24 168v32a16 16 0 0 0 16 16h26.11a16 16 0 0 0 7.16-1.69L85.89 208h16.22l12.62 6.31a16 16 0 0 0 7.16 1.69h28.22a16 16 0 0 0 7.16-1.69l12.62-6.31h16.22l12.62 6.31a16 16 0 0 0 7.16 1.69H232a16 16 0 0 0 16-16v-32a56.06 56.06 0 0 0-56-56M42.86 56H144v24h-32a8 8 0 0 0 0 16h32v16h-32a8 8 0 0 0 0 16h80a40.07 40.07 0 0 1 39.2 32H42.25c6.75-30.84 8.16-74.17.61-104M232 200h-26.11l-12.62-6.31a16 16 0 0 0-7.16-1.69h-16.22a16 16 0 0 0-7.16 1.69L150.11 200h-28.22l-12.62-6.31a16 16 0 0 0-7.16-1.69H85.89a16 16 0 0 0-7.16 1.69L66.11 200H40v-24h192Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M192 116h-36V56a12 12 0 0 0-12-12H32a4 4 0 0 0-3.73 5.43c9.29 24.23 11.46 77.22-.11 117.46A3.8 3.8 0 0 0 28 168v32a12 12 0 0 0 12 12h26.11a12.1 12.1 0 0 0 5.37-1.27l12.62-6.31a4.1 4.1 0 0 1 1.79-.42h16.22a4.1 4.1 0 0 1 1.79.42l12.62 6.31a12.1 12.1 0 0 0 5.37 1.27h28.22a12.1 12.1 0 0 0 5.37-1.27l12.62-6.31a4.1 4.1 0 0 1 1.79-.42h16.22a4.1 4.1 0 0 1 1.79.42l12.62 6.31a12.1 12.1 0 0 0 5.37 1.27H232a12 12 0 0 0 12-12v-32a52.06 52.06 0 0 0-52-52M37.6 52H144a4 4 0 0 1 4 4v28h-36a4 4 0 0 0 0 8h36v24h-36a4 4 0 0 0 0 8h80a44.06 44.06 0 0 1 43.81 40H37.2c8.04-32.19 9.8-81.35.4-112M236 200a4 4 0 0 1-4 4h-26.11a4.1 4.1 0 0 1-1.79-.42l-12.62-6.31a12.1 12.1 0 0 0-5.37-1.27h-16.22a12.1 12.1 0 0 0-5.37 1.27l-12.62 6.31a4.1 4.1 0 0 1-1.79.42h-28.22a4.1 4.1 0 0 1-1.79-.42l-12.62-6.31a12.1 12.1 0 0 0-5.37-1.27H85.89a12.1 12.1 0 0 0-5.37 1.27l-12.62 6.31a4.1 4.1 0 0 1-1.79.42H40a4 4 0 0 1-4-4v-28h200Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M192 112h-79.73a8.17 8.17 0 0 1-8.25-7.47A8 8 0 0 1 112 96h44a4 4 0 0 0 4-4v-8a4 4 0 0 0-4-4h-43.73a8.17 8.17 0 0 1-8.27-7.47 8 8 0 0 1 8-8.53h44a4 4 0 0 0 4-4v-4a16 16 0 0 0-16-16H32.22a8.23 8.23 0 0 0-5.08 1.64 8 8 0 0 0-2.61 9.22c11.06 28.84 8.76 83.71-.22 114.93A8 8 0 0 0 24 168v32a16 16 0 0 0 16 16h26.11a16 16 0 0 0 7.16-1.69L85.89 208h16.22l12.62 6.31a16 16 0 0 0 7.16 1.69h28.22a16 16 0 0 0 7.16-1.69l12.62-6.31h16.22l12.62 6.31a16 16 0 0 0 7.16 1.69H232a16 16 0 0 0 16-16v-32a56 56 0 0 0-56-56m40 88h-26.11l-12.62-6.31a16 16 0 0 0-7.16-1.69h-16.22a16 16 0 0 0-7.16 1.69L150.11 200h-28.22l-12.62-6.31a16 16 0 0 0-7.16-1.69H85.89a16 16 0 0 0-7.16 1.69L66.11 200H40v-24h192Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Boot" {...props} />
+}

package/src/icons/icons.generated/BoulesIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BoulesIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BoulesIcon({ variant = 'regular', ...props }: BoulesIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m56.28 36.41L60.4 184.28a88.3 88.3 0 0 1-10.19-15.18L169.1 50.21a87.8 87.8 0 0 1 15.18 10.2m11.31 11.31a87.8 87.8 0 0 1 10.2 15.18L86.9 205.79a87.8 87.8 0 0 1-15.18-10.2ZM128 40a87.8 87.8 0 0 1 25.05 3.64L43.64 153.05A88 88 0 0 1 128 40m0 176a87.8 87.8 0 0 1-25-3.64L212.36 103A88 88 0 0 1 128 216" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m62.13 32.21L60.21 190.13a92 92 0 0 1-14.88-21.8l123-123a92 92 0 0 1 21.8 14.88m5.66 5.66a92.2 92.2 0 0 1 14.88 21.8l-123 123a92.2 92.2 0 0 1-21.8-14.88ZM128 36a91.4 91.4 0 0 1 32.43 5.91L41.91 160.43A92 92 0 0 1 128 36m0 184a91.4 91.4 0 0 1-32.43-5.91L214.09 95.57A92 92 0 0 1 128 220" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 128c0 56.63-47.38 104-104 104a103.7 103.7 0 0 1-31.52-4.89 4 4 0 0 1-1.62-6.65l125.6-125.61a4 4 0 0 1 6.65 1.62A103.7 103.7 0 0 1 232 128m-16.16-55.61a103 103 0 0 0-6.06-8.56 4 4 0 0 0-6-.33L63.5 203.82a4 4 0 0 0 .33 6 103 103 0 0 0 8.56 6.06 4 4 0 0 0 5-.54L215.3 77.39a4 4 0 0 0 .54-5m-23.67-26.17a103 103 0 0 0-8.56-6.06 4 4 0 0 0-5 .54L40.7 178.62a4 4 0 0 0-.54 5 103 103 0 0 0 6.06 8.56 4 4 0 0 0 6 .33L192.5 52.18a4 4 0 0 0-.33-5.96m-32.64-17.33A103.7 103.7 0 0 0 128 24C71.38 24 24 71.37 24 128a103.7 103.7 0 0 0 4.89 31.53 4 4 0 0 0 6.65 1.62L161.15 35.54a4 4 0 0 0-1.62-6.65" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Boules" {...props} />
+}

package/src/icons/icons.generated/BoundingBoxIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BoundingBoxIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BoundingBoxIcon({ variant = 'regular', ...props }: BoundingBoxIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 96a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v8H96v-8a16 16 0 0 0-16-16H48a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h8v64h-8a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-8h64v8a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-8V96Zm-32-48h32v32h-32ZM48 48h32v15.9a.5.5 0 0 0 0 .2V80H48Zm32 160H48v-32h32v15.9a.5.5 0 0 0 0 .2zm128 0h-32v-32h32Zm-24-48h-8a16 16 0 0 0-16 16v8H96v-8a16 16 0 0 0-16-16h-8V96h8a16 16 0 0 0 16-16v-8h64v8a16 16 0 0 0 16 16h8Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 92a12 12 0 0 0 12-12V48a12 12 0 0 0-12-12h-32a12 12 0 0 0-12 12v12H92V48a12 12 0 0 0-12-12H48a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h12v72H48a12 12 0 0 0-12 12v32a12 12 0 0 0 12 12h32a12 12 0 0 0 12-12v-12h72v12a12 12 0 0 0 12 12h32a12 12 0 0 0 12-12v-32a12 12 0 0 0-12-12h-12V92Zm-36-44a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4h-32a4 4 0 0 1-4-4ZM44 80V48a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4m40 128a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4v-32a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4Zm128-32v32a4 4 0 0 1-4 4h-32a4 4 0 0 1-4-4v-32a4 4 0 0 1 4-4h32a4 4 0 0 1 4 4m-24-12h-12a12 12 0 0 0-12 12v12H92v-12a12 12 0 0 0-12-12H68V92h12a12 12 0 0 0 12-12V68h72v12a12 12 0 0 0 12 12h12Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 96a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v8H96v-8a16 16 0 0 0-16-16H48a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h8v64h-8a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-8h64v8a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-8V96Zm-24 64h-8a16 16 0 0 0-16 16v8H96v-8a16 16 0 0 0-16-16h-8V96h8a16 16 0 0 0 16-16v-8h64v8a16 16 0 0 0 16 16h8Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BoundingBox" {...props} />
+}

package/src/icons/icons.generated/BowlFoodIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BowlFoodIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BowlFoodIcon({ variant = 'regular', ...props }: BowlFoodIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 104h-8.37a88 88 0 0 0-175.26 0H32a8 8 0 0 0-8 8 104.35 104.35 0 0 0 56 92.28V208a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-3.72A104.35 104.35 0 0 0 232 112a8 8 0 0 0-8-8m-24.46 0h-51.42a71.84 71.84 0 0 1 41.27-29.57A71.45 71.45 0 0 1 199.54 104m-26.06-47.77q2.75 2.25 5.27 4.75a87.92 87.92 0 0 0-49.15 43h-29.5A72.26 72.26 0 0 1 168 56c1.83 0 3.66.09 5.48.23M128 40a71.9 71.9 0 0 1 19 2.57A88.36 88.36 0 0 0 83.33 104H56.46A72.08 72.08 0 0 1 128 40m36.66 152a8 8 0 0 0-4.66 7.3v8.7H96v-8.7a8 8 0 0 0-4.66-7.3 88.29 88.29 0 0 1-51-72h175.29a88.29 88.29 0 0 1-50.97 72" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 108h-12.1a84 84 0 0 0-167.8 0H32a4 4 0 0 0-4 4 100.32 100.32 0 0 0 56 89.82V208a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-6.18A100.32 100.32 0 0 0 228 112a4 4 0 0 0-4-4m-20.11 0h-62.84a75.92 75.92 0 0 1 50.16-38.14A75.45 75.45 0 0 1 203.89 108M186 62.93A83.92 83.92 0 0 0 132.08 108h-37.4A76.22 76.22 0 0 1 168 52c2.33 0 4.68.13 7 .34a77 77 0 0 1 11 10.59M128 36a75.5 75.5 0 0 1 34.3 8.21A84.26 84.26 0 0 0 86.41 108h-34.3A76.09 76.09 0 0 1 128 36m38.33 159.66a4 4 0 0 0-2.33 3.64v8.7a4 4 0 0 1-4 4H96a4 4 0 0 1-4-4v-8.7a4 4 0 0 0-2.33-3.64A92.33 92.33 0 0 1 36.09 116h183.82a92.33 92.33 0 0 1-53.58 79.66" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 104h-8.37a88 88 0 0 0-175.26 0H32a8 8 0 0 0-8 8 104.35 104.35 0 0 0 56 92.28V208a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-3.72A104.35 104.35 0 0 0 232 112a8 8 0 0 0-8-8m-50.52-47.77q2.75 2.25 5.27 4.75a87.92 87.92 0 0 0-49.15 43h-29.5A72.26 72.26 0 0 1 168 56c1.83 0 3.66.09 5.48.23M148.12 104a71.84 71.84 0 0 1 41.27-29.57A71.45 71.45 0 0 1 199.54 104ZM128 40a71.9 71.9 0 0 1 19 2.57A88.36 88.36 0 0 0 83.33 104H56.46A72.08 72.08 0 0 1 128 40" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BowlFood" {...props} />
+}

package/src/icons/icons.generated/BowlSteamIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BowlSteamIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BowlSteamIcon({ variant = 'regular', ...props }: BowlSteamIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 112H32a8 8 0 0 0-8 8 104.35 104.35 0 0 0 56 92.28V216a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-3.72A104.35 104.35 0 0 0 232 120a8 8 0 0 0-8-8m-59.34 88a8 8 0 0 0-4.66 7.27V216H96v-8.71a8 8 0 0 0-4.66-7.29 88.29 88.29 0 0 1-51-72h175.29a88.29 88.29 0 0 1-50.97 72M81.77 55c5.35-6.66 6.67-11.16 6.12-13.14-.42-1.49-2.41-2.26-2.43-2.26A8 8 0 0 1 88 24a8.1 8.1 0 0 1 2.38.36c1 .31 9.91 3.33 12.79 12.76 2.46 8.07-.55 17.45-8.94 27.89-5.35 6.66-6.67 11.16-6.12 13.14.42 1.49 2.37 2.24 2.39 2.25A8 8 0 0 1 88 96a8.1 8.1 0 0 1-2.38-.36c-1-.31-9.91-3.33-12.79-12.76-2.46-8.07.55-17.45 8.94-27.88m40 0c5.35-6.66 6.67-11.16 6.12-13.14-.42-1.49-2.41-2.26-2.43-2.26A8 8 0 0 1 128 24a8.1 8.1 0 0 1 2.38.36c1 .31 9.91 3.33 12.79 12.76 2.46 8.07-.55 17.45-8.94 27.89-5.35 6.66-6.67 11.16-6.12 13.14.42 1.49 2.37 2.24 2.39 2.25A8 8 0 0 1 128 96a8.1 8.1 0 0 1-2.38-.36c-1-.31-9.91-3.33-12.79-12.76-2.46-8.07.55-17.45 8.94-27.88m40 0c5.35-6.66 6.67-11.16 6.12-13.14-.42-1.49-2.41-2.26-2.43-2.26A8 8 0 0 1 168 24a8.1 8.1 0 0 1 2.38.36c1 .31 9.91 3.33 12.79 12.76 2.46 8.07-.55 17.45-8.94 27.89-5.35 6.66-6.67 11.16-6.12 13.14.42 1.49 2.37 2.24 2.39 2.25A8 8 0 0 1 168 96a8.1 8.1 0 0 1-2.38-.36c-1-.31-9.91-3.33-12.79-12.76-2.46-8.07.55-17.45 8.94-27.88" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 116H32a4 4 0 0 0-4 4 100.32 100.32 0 0 0 56 89.82V216a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-6.18A100.32 100.32 0 0 0 228 120a4 4 0 0 0-4-4m-57.67 87.66a4 4 0 0 0-2.33 3.64v8.7a4 4 0 0 1-4 4H96a4 4 0 0 1-4-4v-8.7a4 4 0 0 0-2.33-3.64A92.31 92.31 0 0 1 36.09 124h183.82a92.31 92.31 0 0 1-53.58 79.66M164.88 57.5c5.56-6.92 8-12.89 6.83-16.81-1-3.54-4.9-4.87-4.94-4.88a4 4 0 0 1 2.42-7.63c.32.1 7.84 2.52 10.16 10.11 2.05 6.72-.72 14.87-8.23 24.22-5.56 6.91-8 12.88-6.83 16.8 1 3.54 4.9 4.87 4.94 4.88A4 4 0 0 1 168 92a4.1 4.1 0 0 1-1.19-.18c-.32-.1-7.84-2.52-10.16-10.11-2.05-6.71.72-14.87 8.23-24.21m-40 0c5.56-6.92 8-12.89 6.83-16.81-1-3.54-4.9-4.87-4.94-4.88a4 4 0 0 1 2.42-7.63c.32.1 7.84 2.52 10.16 10.11 2.05 6.72-.72 14.87-8.23 24.22-5.56 6.91-8 12.88-6.83 16.8 1 3.54 4.9 4.87 4.94 4.88A4 4 0 0 1 128 92a4.1 4.1 0 0 1-1.19-.18c-.32-.1-7.84-2.52-10.16-10.11-2.05-6.71.72-14.87 8.23-24.21m-40 0c5.56-6.92 8-12.89 6.83-16.81-1-3.54-4.9-4.87-4.94-4.88a4 4 0 0 1 2.42-7.63c.32.1 7.84 2.52 10.16 10.11 2.05 6.72-.72 14.87-8.23 24.22-5.56 6.91-8 12.88-6.83 16.8 1 3.54 4.9 4.87 4.94 4.88A4 4 0 0 1 88 92a4.1 4.1 0 0 1-1.19-.18c-.32-.1-7.84-2.52-10.16-10.11-2.05-6.71.72-14.87 8.23-24.21" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M81.77 55c5.35-6.66 6.67-11.16 6.12-13.14-.42-1.49-2.41-2.26-2.43-2.26A8 8 0 0 1 88 24a8.1 8.1 0 0 1 2.38.36c1 .31 9.91 3.33 12.79 12.76 2.46 8.07-.55 17.45-8.94 27.89-5.35 6.66-6.67 11.16-6.12 13.14.42 1.49 2.37 2.24 2.39 2.25A8 8 0 0 1 88 96a8.1 8.1 0 0 1-2.38-.36c-1-.31-9.91-3.33-12.79-12.76-2.46-8.07.55-17.45 8.94-27.88m31.06 27.89c2.88 9.43 11.79 12.45 12.79 12.76A8.1 8.1 0 0 0 128 96a8 8 0 0 0 2.5-15.6s-2-.76-2.39-2.25c-.55-2 .77-6.48 6.12-13.14 8.39-10.44 11.4-19.82 8.94-27.89-2.88-9.43-11.78-12.45-12.79-12.76A8.1 8.1 0 0 0 128 24a8 8 0 0 0-2.54 15.59s2 .77 2.43 2.26c.55 2-.77 6.48-6.12 13.14-8.39 10.44-11.4 19.82-8.94 27.89Zm40 0c2.88 9.43 11.79 12.45 12.79 12.76A8.1 8.1 0 0 0 168 96a8 8 0 0 0 2.5-15.6s-2-.76-2.39-2.25c-.55-2 .77-6.48 6.12-13.14 8.39-10.44 11.4-19.82 8.94-27.89-2.88-9.43-11.78-12.45-12.79-12.76A8.1 8.1 0 0 0 168 24a8 8 0 0 0-2.54 15.59s2 .77 2.43 2.26c.55 2-.77 6.48-6.12 13.14-8.39 10.44-11.4 19.82-8.94 27.89ZM224 112H32a8 8 0 0 0-8 8 104.35 104.35 0 0 0 56 92.28V216a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-3.72A104.35 104.35 0 0 0 232 120a8 8 0 0 0-8-8" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BowlSteam" {...props} />
+}

package/src/icons/icons.generated/BowlingBallIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BowlingBallIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BowlingBallIcon({ variant = 'regular', ...props }: BowlingBallIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88m16-100a12 12 0 1 1-12-12 12 12 0 0 1 12 12m20-12a12 12 0 1 1 12-12 12 12 0 0 1-12 12m20 28a12 12 0 1 1-12-12 12 12 0 0 1 12 12" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m0 192a92 92 0 1 1 92-92 92.1 92.1 0 0 1-92 92m12-104a8 8 0 1 1-8-8 8 8 0 0 1 8 8m24-16a8 8 0 1 1 8-8 8 8 0 0 1-8 8m16 32a8 8 0 1 1-8-8 8 8 0 0 1 8 8" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m4 104a12 12 0 1 1 12-12 12 12 0 0 1-12 12m20-36a12 12 0 1 1 12 12 12 12 0 0 1-12-12m20 52a12 12 0 1 1 12-12 12 12 0 0 1-12 12" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BowlingBall" {...props} />
+}

package/src/icons/icons.generated/BoxArrowDownIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BoxArrowDownIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BoxArrowDownIcon({ variant = 'regular', ...props }: BoxArrowDownIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m223.16 68.42-16-32A8 8 0 0 0 200 32H56a8 8 0 0 0-7.16 4.42l-16 32A8.1 8.1 0 0 0 32 72v136a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V72a8.1 8.1 0 0 0-.84-3.58M60.94 48h134.12l8 16H52.94ZM208 208H48V80h160zm-42.34-61.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32 0l-32-32a8 8 0 0 1 11.32-11.32L120 164.69V104a8 8 0 0 1 16 0v60.69l18.34-18.35a8 8 0 0 1 11.32 0" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m219.58 70.21-16-32A4 4 0 0 0 200 36H56a4 4 0 0 0-3.58 2.21l-16 32A4 4 0 0 0 36 72v136a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V72a4 4 0 0 0-.42-1.79M58.47 44h139.06l12 24H46.47ZM208 212H48a4 4 0 0 1-4-4V76h168v132a4 4 0 0 1-4 4m-45.17-62.83a4 4 0 0 1 0 5.66l-32 32a4 4 0 0 1-5.66 0l-32-32a4 4 0 0 1 5.66-5.66L124 174.34V104a4 4 0 0 1 8 0v70.34l25.17-25.17a4 4 0 0 1 5.66 0" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m223.16 68.42-16-32A8 8 0 0 0 200 32H56a8 8 0 0 0-7.16 4.42l-16 32A8.1 8.1 0 0 0 32 72v136a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V72a8.1 8.1 0 0 0-.84-3.58m-57.5 89.24-32 32a8 8 0 0 1-11.32 0l-32-32a8 8 0 0 1 11.32-11.32L120 164.69V104a8 8 0 0 1 16 0v60.69l18.34-18.35a8 8 0 0 1 11.32 11.32M52.94 64l8-16h134.12l8 16Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BoxArrowDown" {...props} />
+}

package/src/icons/icons.generated/BoxArrowUpIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BoxArrowUpIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BoxArrowUpIcon({ variant = 'regular', ...props }: BoxArrowUpIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m223.16 68.42-16-32A8 8 0 0 0 200 32H56a8 8 0 0 0-7.16 4.42l-16 32A8.1 8.1 0 0 0 32 72v136a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V72a8.1 8.1 0 0 0-.84-3.58M60.94 48h134.12l8 16H52.94ZM208 208H48V80h160zm-42.34-77.66a8 8 0 0 1-11.32 11.32L136 123.31V184a8 8 0 0 1-16 0v-60.69l-18.34 18.35a8 8 0 0 1-11.32-11.32l32-32a8 8 0 0 1 11.32 0Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m219.58 70.21-16-32A4 4 0 0 0 200 36H56a4 4 0 0 0-3.58 2.21l-16 32A4 4 0 0 0 36 72v136a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V72a4 4 0 0 0-.42-1.79M58.47 44h139.06l12 24H46.47ZM208 212H48a4 4 0 0 1-4-4V76h168v132a4 4 0 0 1-4 4m-45.17-78.83a4 4 0 0 1-5.66 5.66L132 113.66V184a4 4 0 0 1-8 0v-70.34l-25.17 25.17a4 4 0 0 1-5.66-5.66l32-32a4 4 0 0 1 5.66 0Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m223.16 68.42-16-32A8 8 0 0 0 200 32H56a8 8 0 0 0-7.16 4.42l-16 32A8.1 8.1 0 0 0 32 72v136a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V72a8.1 8.1 0 0 0-.84-3.58m-57.5 73.24a8 8 0 0 1-11.32 0L136 123.31V184a8 8 0 0 1-16 0v-60.69l-18.34 18.35a8 8 0 0 1-11.32-11.32l32-32a8 8 0 0 1 11.32 0l32 32a8 8 0 0 1 0 11.32M52.94 64l8-16h134.12l8 16Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BoxArrowUp" {...props} />
+}

package/src/icons/icons.generated/BoxingGloveIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BoxingGloveIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BoxingGloveIcon({ variant = 'regular', ...props }: BoxingGloveIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M168 16h-48a56.06 56.06 0 0 0-56 56h-8a32 32 0 0 0-32 32v29.19a16.1 16.1 0 0 0 3.51 10 8 8 0 0 0 .62.69L64 179.34V216a16 16 0 0 0 16 16h112a16 16 0 0 0 16-16v-38.88l15.38-53.85a15.9 15.9 0 0 0 .62-4.39V72a56.06 56.06 0 0 0-56-56m40 102.88-15.69 54.92a7.9 7.9 0 0 0-.31 2.2v40H80v-40a8 8 0 0 0-2.38-5.69L40 133.12V104a16 16 0 0 1 16-16h8v16a8 8 0 0 0 16 0V72a40 40 0 0 1 40-40h48a40 40 0 0 1 40 40Zm-36.42 48.28L153.89 176l17.69 8.84a8 8 0 0 1-7.16 14.32L136 184.94l-28.42 14.22a8 8 0 1 1-7.16-14.32l17.69-8.84-17.69-8.84a8 8 0 1 1 7.16-14.32L136 167.06l28.42-14.22a8 8 0 1 1 7.16 14.32" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M168 20h-48a52.06 52.06 0 0 0-52 52v4H56a28 28 0 0 0-28 28v29.19a12 12 0 0 0 2.63 7.5c.1.12.2.24.31.35L68 177.67V216a12 12 0 0 0 12 12h112a12 12 0 0 0 12-12v-39.44l15.54-54.38a12.3 12.3 0 0 0 .46-3.3V72a52.06 52.06 0 0 0-52-52m44 98.88a4.1 4.1 0 0 1-.15 1.1l-15.7 54.92a4.1 4.1 0 0 0-.15 1.1v40a4 4 0 0 1-4 4H80a4 4 0 0 1-4-4v-40a4 4 0 0 0-1.19-2.84l-38.05-37.62a4 4 0 0 1-.76-2.35V104a20 20 0 0 1 20-20h12v20a4 4 0 0 0 8 0V72a44.05 44.05 0 0 1 44-44h48a44.05 44.05 0 0 1 44 44Zm-42.21 44.7L145 176l24.84 12.42a4 4 0 0 1-3.58 7.16L136 180.47l-30.21 15.11a4 4 0 1 1-3.58-7.16L127.05 176l-24.84-12.42a4 4 0 1 1 3.58-7.16L136 171.53l30.21-15.11a4 4 0 0 1 3.58 7.16" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M168 16h-48a56 56 0 0 0-56 56v31.73a8.17 8.17 0 0 1-7.47 8.27 8 8 0 0 1-8.53-8V78.7a4 4 0 0 0-5.63-3.65A32 32 0 0 0 24 104v29.19a16.14 16.14 0 0 0 3.5 10q.3.36.63.69L64 179.34V216a16 16 0 0 0 16 16h112a16 16 0 0 0 16-16v-38.88l15.38-53.84a16 16 0 0 0 .62-4.4V72a56 56 0 0 0-56-56m3.58 168.84a8 8 0 0 1-7.16 14.32L136 184.94l-28.42 14.22a8 8 0 1 1-7.16-14.32l17.69-8.84-17.69-8.84a8 8 0 1 1 7.16-14.32L136 167.06l28.42-14.22a8 8 0 1 1 7.16 14.32L153.89 176Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BoxingGlove" {...props} />
+}

package/src/icons/icons.generated/BracketsAngleIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BracketsAngleIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BracketsAngleIcon({ variant = 'regular', ...props }: BracketsAngleIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M86.75 44.3 33.48 128l53.27 83.7a8 8 0 0 1-2.46 11.05A7.9 7.9 0 0 1 80 224a8 8 0 0 1-6.76-3.71l-56-88a8 8 0 0 1 0-8.59l56-88a8 8 0 1 1 13.5 8.59Zm152 79.41-56-88a8 8 0 1 0-13.5 8.59l53.27 83.7-53.27 83.7a8 8 0 0 0 2.46 11.05A7.9 7.9 0 0 0 176 224a8 8 0 0 0 6.76-3.71l56-88a8 8 0 0 0-.01-8.58" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M83.37 42.15 28.74 128l54.63 85.85a4 4 0 0 1-1.22 5.52A4 4 0 0 1 80 220a4 4 0 0 1-3.37-1.85l-56-88a4 4 0 0 1 0-4.3l56-88a4 4 0 1 1 6.74 4.3m152 83.7-56-88a4 4 0 1 0-6.74 4.3L227.26 128l-54.63 85.85a4 4 0 0 0 1.22 5.52 4 4 0 0 0 2.15.63 4 4 0 0 0 3.37-1.85l56-88a4 4 0 0 0 0-4.3" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M103 180a8 8 0 0 1-13.95 8l-32-56a8 8 0 0 1 0-7.94l32-56A8 8 0 0 1 103 76l-29.79 52Zm96-48-32 56a8 8 0 0 1-13.9-7.94l29.74-52L153.05 76A8 8 0 1 1 167 68l32 56a8 8 0 0 1 0 8" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BracketsAngle" {...props} />
+}

package/src/icons/icons.generated/BracketsCurlyIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BracketsCurlyIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BracketsCurlyIcon({ variant = 'regular', ...props }: BracketsCurlyIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M43.18 128a29.8 29.8 0 0 1 8 10.26c4.8 9.9 4.8 22 4.8 33.74 0 24.31 1 36 24 36a8 8 0 0 1 0 16c-17.48 0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74 0-24.31-1-36-24-36a8 8 0 0 1 0-16c23 0 24-11.69 24-36 0-11.72 0-23.84 4.8-33.74C50.68 38.14 62.52 32 80 32a8 8 0 0 1 0 16c-23 0-24 11.69-24 36 0 11.72 0 23.84-4.8 33.74A29.8 29.8 0 0 1 43.18 128M240 120c-23 0-24-11.69-24-36 0-11.72 0-23.84-4.8-33.74C205.32 38.14 193.48 32 176 32a8 8 0 0 0 0 16c23 0 24 11.69 24 36 0 11.72 0 23.84 4.8 33.74a29.8 29.8 0 0 0 8 10.26 29.8 29.8 0 0 0-8 10.26c-4.8 9.9-4.8 22-4.8 33.74 0 24.31-1 36-24 36a8 8 0 0 0 0 16c17.48 0 29.32-6.14 35.2-18.26 4.8-9.9 4.8-22 4.8-33.74 0-24.31 1-36 24-36a8 8 0 0 0 0-16" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M35.89 128C52 136.23 52 155.64 52 172c0 24.8 1.35 40 28 40a4 4 0 0 1 0 8c-36 0-36-26.61-36-48 0-24.8-1.35-40-28-40a4 4 0 0 1 0-8c26.65 0 28-15.2 28-40 0-21.39 0-48 36-48a4 4 0 0 1 0 8c-26.65 0-28 15.2-28 40 0 16.36 0 35.77-16.11 44M240 124c-26.65 0-28-15.2-28-40 0-21.39 0-48-36-48a4 4 0 0 0 0 8c26.65 0 28 15.2 28 40 0 16.36 0 35.77 16.11 44C204 136.23 204 155.64 204 172c0 24.8-1.35 40-28 40a4 4 0 0 0 0 8c36 0 36-26.61 36-48 0-24.8 1.35-40 28-40a4 4 0 0 0 0-8" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M88 155.84c.29 14.26.41 20.16 16 20.16a8 8 0 0 1 0 16c-31.27 0-31.72-22.43-32-35.84-.29-14.26-.41-20.16-16-20.16a8 8 0 0 1 0-16c15.59 0 15.71-5.9 16-20.16.28-13.41.73-35.84 32-35.84a8 8 0 0 1 0 16c-15.59 0-15.71 5.9-16 20.16-.17 8.31-.41 20.09-8 27.84 7.59 7.75 7.83 19.53 8 27.84M200 136c-15.59 0-15.71 5.9-16 20.16-.28 13.41-.73 35.84-32 35.84a8 8 0 0 1 0-16c15.59 0 15.71-5.9 16-20.16.17-8.31.41-20.09 8-27.84-7.6-7.75-7.84-19.53-8-27.84-.29-14.26-.41-20.16-16-20.16a8 8 0 0 1 0-16c31.27 0 31.72 22.43 32 35.84.29 14.26.41 20.16 16 20.16a8 8 0 0 1 0 16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BracketsCurly" {...props} />
+}

package/src/icons/icons.generated/BracketsRoundIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BracketsRoundIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BracketsRoundIcon({ variant = 'regular', ...props }: BracketsRoundIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M40 128c0 58.29 34.67 80.25 36.15 81.16a8 8 0 0 1-8.27 13.7C66.09 221.78 24 195.75 24 128s42.09-93.78 43.88-94.86a8 8 0 0 1 8.26 13.7C74.54 47.83 40 69.82 40 128m148.12-94.86a8 8 0 0 0-8.27 13.7C181.33 47.75 216 69.71 216 128s-34.67 80.25-36.12 81.14a8 8 0 0 0 8.24 13.72C189.91 221.78 232 195.75 232 128s-42.09-93.78-43.88-94.86" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M55 62.67C46.34 74.93 36 96.22 36 128s10.34 53.07 19 65.33c9.41 13.3 19 19.19 19.06 19.24A4 4 0 0 1 72 220a4 4 0 0 1-2-.57c-1.77-1.03-42-25.92-42-91.43s40.23-90.4 41.94-91.43a4 4 0 0 1 4.13 6.86c-.07.05-9.65 5.94-19.07 19.24m131.05-26.1a4 4 0 0 0-4.13 6.86c.1 0 9.65 5.94 19.06 19.24 8.67 12.26 19 33.55 19 65.33s-10.34 53.07-19 65.33c-9.41 13.3-19 19.19-19.05 19.24a4 4 0 0 0 4.12 6.86c1.71-1 41.94-25.92 41.94-91.43s-40.22-90.4-41.93-91.43Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M99.61 176.86a8 8 0 0 1-7.19 14.3A71.23 71.23 0 0 1 56 128a71.23 71.23 0 0 1 36.42-63.16 8 8 0 0 1 7.18 14.3C98.37 79.78 72 93.76 72 128s26.48 48.28 27.61 48.86m64 14.3a8 8 0 1 1-7.16-14.32c1.1-.56 27.58-14.52 27.58-48.84s-26.48-48.28-27.61-48.86a8 8 0 0 1 7.19-14.3A71.23 71.23 0 0 1 200 128a71.23 71.23 0 0 1-36.42 63.16Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BracketsRound" {...props} />
+}

package/src/icons/icons.generated/BracketsSquareIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BracketsSquareIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BracketsSquareIcon({ variant = 'regular', ...props }: BracketsSquareIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M48 48v160h32a8 8 0 0 1 0 16H40a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h40a8 8 0 0 1 0 16Zm168-16h-40a8 8 0 0 0 0 16h32v160h-32a8 8 0 0 0 0 16h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M44 44v168h36a4 4 0 0 1 0 8H40a4 4 0 0 1-4-4V40a4 4 0 0 1 4-4h40a4 4 0 0 1 0 8Zm172-8h-40a4 4 0 0 0 0 8h36v168h-36a4 4 0 0 0 0 8h40a4 4 0 0 0 4-4V40a4 4 0 0 0-4-4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M104 176a8 8 0 0 1 0 16H72a8 8 0 0 1-8-8V72a8 8 0 0 1 8-8h32a8 8 0 0 1 0 16H80v96Zm88 8a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h24V80h-24a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BracketsSquare" {...props} />
+}

package/src/icons/icons.generated/BrainIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BrainIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BrainIcon({ variant = 'regular', ...props }: BrainIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M248 124a56.11 56.11 0 0 0-32-50.61V72a48 48 0 0 0-88-26.49A48 48 0 0 0 40 72v1.39a56 56 0 0 0 0 101.2V176a48 48 0 0 0 88 26.49A48 48 0 0 0 216 176v-1.41A56.09 56.09 0 0 0 248 124M88 208a32 32 0 0 1-31.81-28.56A56 56 0 0 0 64 180h8a8 8 0 0 0 0-16h-8a40 40 0 0 1-13.33-77.73A8 8 0 0 0 56 78.73V72a32 32 0 0 1 64 0v68.26A47.8 47.8 0 0 0 88 128a8 8 0 0 0 0 16 32 32 0 0 1 0 64m104-44h-8a8 8 0 0 0 0 16h8a56 56 0 0 0 7.81-.56A32 32 0 1 1 168 144a8 8 0 0 0 0-16 47.8 47.8 0 0 0-32 12.26V72a32 32 0 0 1 64 0v6.73a8 8 0 0 0 5.33 7.54A40 40 0 0 1 192 164m16-52a8 8 0 0 1-8 8h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 8 8m-148 8h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0v4a36 36 0 0 1-36 36" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M244 124a52.1 52.1 0 0 0-32-48v-4a44 44 0 0 0-84-18.3A44 44 0 0 0 44 72v4a52 52 0 0 0 0 96v4a44 44 0 0 0 84 18.3 44 44 0 0 0 84-18.3v-4a52.07 52.07 0 0 0 32-48M88 212a36 36 0 0 1-36-36v-1.41A52 52 0 0 0 64 176h8a4 4 0 0 0 0-8h-8a44 44 0 0 1-14.67-85.5A4 4 0 0 0 52 78.73V72a36 36 0 0 1 72 0v78.75A44 44 0 0 0 88 132a4 4 0 0 0 0 8 36 36 0 0 1 0 72m104-44h-8a4 4 0 0 0 0 8h8a52 52 0 0 0 12-1.41V176a36 36 0 1 1-36-36 4 4 0 0 0 0-8 44 44 0 0 0-36 18.75V72a36 36 0 0 1 72 0v6.73a4 4 0 0 0 2.67 3.77A44 44 0 0 1 192 168m12-56a4 4 0 0 1-4 4h-4a32 32 0 0 1-32-32v-4a4 4 0 0 1 8 0v4a24 24 0 0 0 24 24h4a4 4 0 0 1 4 4M92 84a32 32 0 0 1-32 32h-4a4 4 0 0 1 0-8h4a24 24 0 0 0 24-24v-4a4 4 0 0 1 8 0Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M212 76v-4a44 44 0 0 0-74.86-31.31 3.93 3.93 0 0 0-1.14 2.8v88.72a4 4 0 0 0 6.2 3.33 47.67 47.67 0 0 1 25.48-7.54 8.18 8.18 0 0 1 8.31 7.58 8 8 0 0 1-8 8.42 32 32 0 0 0-32 32v33.88a4 4 0 0 0 1.49 3.12 47.92 47.92 0 0 0 74.21-17.16 4 4 0 0 0-4.49-5.56A68 68 0 0 1 192 192h-7.73a8.18 8.18 0 0 1-8.25-7.47 8 8 0 0 1 8-8.53h8a51.6 51.6 0 0 0 24-5.88A52 52 0 0 0 212 76m-12 36h-4a36 36 0 0 1-36-36v-4a8 8 0 0 1 16 0v4a20 20 0 0 0 20 20h4a8 8 0 0 1 0 16M88 28a44.05 44.05 0 0 0-44 44v4a52 52 0 0 0-4 94.12A51.6 51.6 0 0 0 64 176h7.73a8.18 8.18 0 0 1 8.27 7.47 8 8 0 0 1-8 8.53h-8a67.5 67.5 0 0 1-15.21-1.73 4 4 0 0 0-4.5 5.55A47.93 47.93 0 0 0 118.51 213a4 4 0 0 0 1.49-3.12V176a32 32 0 0 0-32-32 8 8 0 0 1-8-8.42 8.18 8.18 0 0 1 8.32-7.58 47.67 47.67 0 0 1 25.48 7.54 4 4 0 0 0 6.2-3.33V43.49a4 4 0 0 0-1.14-2.81A43.85 43.85 0 0 0 88 28m8 48a36 36 0 0 1-36 36h-4a8 8 0 0 1 0-16h4a20 20 0 0 0 20-20v-4a8 8 0 0 1 16 0Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Brain" {...props} />
+}

package/src/icons/icons.generated/BrandyIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BrandyIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BrandyIcon({ variant = 'regular', ...props }: BrandyIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 88a95.63 95.63 0 0 0-15.53-52.37 8 8 0 0 0-6.7-3.63H54.23a8 8 0 0 0-6.7 3.63A95.63 95.63 0 0 0 32 88a96.12 96.12 0 0 0 88 95.66V216H88a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16h-32v-32.34A96.12 96.12 0 0 0 224 88M58.7 48h138.6a79.5 79.5 0 0 1 10.3 32H48.4a79.5 79.5 0 0 1 10.3-32M128 168a80.11 80.11 0 0 1-79.6-72h159.2a80.11 80.11 0 0 1-79.6 72" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M220 88a91.67 91.67 0 0 0-14.88-50.18 4 4 0 0 0-3.35-1.82H54.23a4 4 0 0 0-3.35 1.82A91.67 91.67 0 0 0 36 88a92.11 92.11 0 0 0 88 91.91V220H88a4 4 0 0 0 0 8h80a4 4 0 0 0 0-8h-36v-40.09A92.11 92.11 0 0 0 220 88M56.43 44h143.14a83.5 83.5 0 0 1 12.32 40H44.11a83.5 83.5 0 0 1 12.32-40M128 172a84.1 84.1 0 0 1-83.9-80h167.8a84.1 84.1 0 0 1-83.9 80" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 88a95.63 95.63 0 0 0-15.53-52.37 8 8 0 0 0-6.7-3.63H54.23a8 8 0 0 0-6.7 3.63A95.63 95.63 0 0 0 32 88a96.12 96.12 0 0 0 88 95.66V216H88a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16h-32v-32.34A96.12 96.12 0 0 0 224 88M58.7 48h138.6a79.5 79.5 0 0 1 10.3 32H48.4a79.5 79.5 0 0 1 10.3-32" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Brandy" {...props} />
+}

package/src/icons/icons.generated/BreadIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BreadIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BreadIcon({ variant = 'regular', ...props }: BreadIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M240 80a40 40 0 0 0-40-40H48a40 40 0 0 0-16 76.65V200a16 16 0 0 0 16 16h152a16 16 0 0 0 16-16v-83.35A40.06 40.06 0 0 0 240 80M48 120a8 8 0 0 0 0-16 24 24 0 0 1 0-48h96a24 24 0 0 1 0 48 8 8 0 0 0 0 16v80H48Zm152-16a8 8 0 0 0 0 16v80h-40v-83.35A40 40 0 0 0 176 56h24a24 24 0 0 1 0 48" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M236 80a36 36 0 0 0-36-36H48a36 36 0 0 0-12 69.94V200a12 12 0 0 0 12 12h152a12 12 0 0 0 12-12v-86.06A36.07 36.07 0 0 0 236 80M44 200v-84.23a35 35 0 0 0 4 .23 4 4 0 0 0 0-8 28 28 0 0 1 0-56h96a28 28 0 0 1 0 56 4 4 0 0 0 0 8 35 35 0 0 0 4-.23V200a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4m156-92a4 4 0 0 0 0 8 35 35 0 0 0 4-.23V200a4 4 0 0 1-4 4h-44.7a11.8 11.8 0 0 0 .7-4v-86.06A36 36 0 0 0 166.59 52H200a28 28 0 0 1 0 56" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M200 40H48a40 40 0 0 0-16 76.65V200a16 16 0 0 0 16 16h152a16 16 0 0 0 16-16v-83.35A40 40 0 0 0 200 40m-56 64a8 8 0 0 0 0 16v80H48v-80a8 8 0 0 0 0-16 24 24 0 0 1 0-48h96a24 24 0 0 1 0 48" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Bread" {...props} />
+}

package/src/icons/icons.generated/BridgeIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BridgeIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BridgeIcon({ variant = 'regular', ...props }: BridgeIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 160h-32v-58.66a71.9 71.9 0 0 0 29 21.42 8 8 0 0 0 6-14.83A55.78 55.78 0 0 1 200 56a8 8 0 0 0-16 0 56 56 0 0 1-112 0 8 8 0 0 0-16 0 55.78 55.78 0 0 1-35 51.93 8 8 0 0 0 6 14.83 71.9 71.9 0 0 0 29-21.42V160H24a8 8 0 0 0 0 16h32v24a8 8 0 0 0 16 0v-24h112v24a8 8 0 0 0 16 0v-24h32a8 8 0 0 0 0-16m-88-33.8V160h-32v-33.8a72 72 0 0 0 32 0m-72-25a72.5 72.5 0 0 0 24 19.27V160H72Zm88 58.8v-39.52a72.5 72.5 0 0 0 24-19.27V160Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 164h-36V88.09a67.8 67.8 0 0 0 34.5 31 4 4 0 1 0 3-7.42A59.77 59.77 0 0 1 196 56a4 4 0 0 0-8 0 60 60 0 0 1-120 0 4 4 0 0 0-8 0 59.77 59.77 0 0 1-37.5 55.64 4 4 0 0 0 3 7.42 67.8 67.8 0 0 0 34.5-31V164H24a4 4 0 0 0 0 8h36v28a4 4 0 0 0 8 0v-28h120v28a4 4 0 0 0 8 0v-28h36a4 4 0 0 0 0-8m-84-43v43h-40v-43a68 68 0 0 0 40 0M68 88a68.43 68.43 0 0 0 32 30v46H68Zm88 76v-46a68.43 68.43 0 0 0 32-30v76Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 160h-8v-39.5c1.63.81 3.29 1.57 5 2.26a8 8 0 0 0 6-14.83A55.78 55.78 0 0 1 200 56a8 8 0 0 0-16 0 56 56 0 0 1-112 0 8 8 0 0 0-16 0 55.78 55.78 0 0 1-35 51.93 8 8 0 0 0 6 14.83c1.71-.69 3.37-1.45 5-2.26V160h-7.4c-6.31 0-8.6 4.78-8.6 8a8 8 0 0 0 8 8h32v24a8 8 0 0 0 16 0v-24h112v24a8 8 0 0 0 16 0v-24h32a8 8 0 0 0 0-16m-160-8a8 8 0 0 1-16 0v-47.88a8 8 0 0 1 16 0Zm40 0a8 8 0 0 1-16 0v-19.68a8 8 0 0 1 16 0Zm48 0a8 8 0 0 1-16 0v-19.68a8 8 0 0 1 16 0Zm40 0a8 8 0 0 1-16 0v-47.88a8 8 0 0 1 16 0Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Bridge" {...props} />
+}

package/src/icons/icons.generated/BriefcaseIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BriefcaseIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BriefcaseIcon({ variant = 'regular', ...props }: BriefcaseIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 56h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V72a16 16 0 0 0-16-16M96 48a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm120 24v41.61A184 184 0 0 1 128 136a184.1 184.1 0 0 1-88-22.38V72Zm0 128H40v-68.36A200.2 200.2 0 0 0 128 152a200.25 200.25 0 0 0 88-20.37zm-112-88a8 8 0 0 1 8-8h32a8 8 0 0 1 0 16h-32a8 8 0 0 1-8-8" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M108 112a4 4 0 0 1 4-4h32a4 4 0 0 1 0 8h-32a4 4 0 0 1-4-4m120-40v128a12 12 0 0 1-12 12H40a12 12 0 0 1-12-12V72a12 12 0 0 1 12-12h44V48a20 20 0 0 1 20-20h48a20 20 0 0 1 20 20v12h44a12 12 0 0 1 12 12M92 60h72V48a12 12 0 0 0-12-12h-48a12 12 0 0 0-12 12ZM36 72v44a188 188 0 0 0 92 24 188 188 0 0 0 92-24V72a4 4 0 0 0-4-4H40a4 4 0 0 0-4 4m184 128v-74.9a196.06 196.06 0 0 1-92 22.9 196 196 0 0 1-92-22.9V200a4 4 0 0 0 4 4h176a4 4 0 0 0 4-4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M152 112a8 8 0 0 1-8 8h-32a8 8 0 0 1 0-16h32a8 8 0 0 1 8 8m80-40v128a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16V72a16 16 0 0 1 16-16h40v-8a24 24 0 0 1 24-24h48a24 24 0 0 1 24 24v8h40a16 16 0 0 1 16 16M96 56h64v-8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8Zm120 57.61V72H40v41.61A184 184 0 0 0 128 136a184 184 0 0 0 88-22.39" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Briefcase" {...props} />
+}

package/src/icons/icons.generated/BriefcaseMetalIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BriefcaseMetalIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BriefcaseMetalIcon({ variant = 'regular', ...props }: BriefcaseMetalIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 56h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V72a16 16 0 0 0-16-16M40 112h176v48H40Zm56-64a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm120 24v24H40V72Zm0 128H40v-24h176z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 60h-44V48a20 20 0 0 0-20-20h-48a20 20 0 0 0-20 20v12H40a12 12 0 0 0-12 12v128a12 12 0 0 0 12 12h176a12 12 0 0 0 12-12V72a12 12 0 0 0-12-12M36 108h184v56H36Zm56-60a12 12 0 0 1 12-12h48a12 12 0 0 1 12 12v12H92ZM40 68h176a4 4 0 0 1 4 4v28H36V72a4 4 0 0 1 4-4m176 136H40a4 4 0 0 1-4-4v-28h184v28a4 4 0 0 1-4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M28 112h200a4 4 0 0 1 4 4v40a4 4 0 0 1-4 4H28a4 4 0 0 1-4-4v-40a4 4 0 0 1 4-4m-4 88a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16v-20a4 4 0 0 0-4-4H28a4 4 0 0 0-4 4ZM232 72v20a4 4 0 0 1-4 4H28a4 4 0 0 1-4-4V72a16 16 0 0 1 16-16h40v-8a24 24 0 0 1 24-24h48a24 24 0 0 1 24 24v8h40a16 16 0 0 1 16 16m-72-24a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v8h64Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BriefcaseMetal" {...props} />
+}

package/src/icons/icons.generated/BroadcastIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BroadcastIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BroadcastIcon({ variant = 'regular', ...props }: BroadcastIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 88a40 40 0 1 0 40 40 40 40 0 0 0-40-40m0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24m73.71 7.14a80 80 0 0 1-14.08 22.2 8 8 0 0 1-11.92-10.67 63.95 63.95 0 0 0 0-85.33 8 8 0 1 1 11.92-10.67 80.08 80.08 0 0 1 14.08 84.47M69 103.09a64 64 0 0 0 11.26 67.58 8 8 0 0 1-11.92 10.67 79.93 79.93 0 0 1 0-106.67 8 8 0 1 1 11.95 10.67A63.8 63.8 0 0 0 69 103.09M248 128a119.58 119.58 0 0 1-34.29 84 8 8 0 1 1-11.42-11.2 103.9 103.9 0 0 0 0-145.56A8 8 0 1 1 213.71 44 119.58 119.58 0 0 1 248 128M53.71 200.78A8 8 0 1 1 42.29 212a119.87 119.87 0 0 1 0-168 8 8 0 1 1 11.42 11.2 103.9 103.9 0 0 0 0 145.56Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 92a36 36 0 1 0 36 36 36 36 0 0 0-36-36m0 64a28 28 0 1 1 28-28 28 28 0 0 1-28 28m76-28a75.74 75.74 0 0 1-19.35 50.67 4 4 0 0 1-6-5.34 67.92 67.92 0 0 0 0-90.66 4 4 0 0 1 6-5.34A75.74 75.74 0 0 1 204 128M65.34 101.53a67.92 67.92 0 0 0 12 71.8 4 4 0 0 1-6 5.34 75.93 75.93 0 0 1 0-101.34 4 4 0 1 1 6 5.34 68 68 0 0 0-12 18.86M244 128a115.68 115.68 0 0 1-33.14 81.18 4 4 0 0 1-5.72-5.6 107.89 107.89 0 0 0 0-151.16 4 4 0 0 1 5.72-5.6A115.68 115.68 0 0 1 244 128M50.86 203.58a4 4 0 0 1-5.72 5.6 115.91 115.91 0 0 1 0-162.36 4 4 0 1 1 5.72 5.6 107.89 107.89 0 0 0 0 151.16" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M168 128a40 40 0 1 1-40-40 40 40 0 0 1 40 40m40 0a79.74 79.74 0 0 0-20.37-53.33 8 8 0 1 0-11.92 10.67 64 64 0 0 1 0 85.33 8 8 0 0 0 11.92 10.67A79.8 79.8 0 0 0 208 128M80.29 85.34a8 8 0 1 0-11.92-10.67 79.94 79.94 0 0 0 0 106.67 8 8 0 0 0 11.92-10.67 63.95 63.95 0 0 1 0-85.33m158.28-4A119.5 119.5 0 0 0 213.71 44a8 8 0 1 0-11.42 11.2 103.9 103.9 0 0 1 0 145.56A8 8 0 1 0 213.71 212a120.12 120.12 0 0 0 24.86-130.71Zm-206.4 87.14A103.9 103.9 0 0 1 53.71 55.22 8 8 0 1 0 42.29 44a119.87 119.87 0 0 0 0 168 8 8 0 1 0 11.42-11.2 103.6 103.6 0 0 1-21.54-32.32" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Broadcast" {...props} />
+}

package/src/icons/icons.generated/BroomIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BroomIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BroomIcon({ variant = 'regular', ...props }: BroomIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M235.5 216.81c-22.56-11-35.5-34.58-35.5-64.8v-17.28a15.94 15.94 0 0 0-10.09-14.87L165 110a8 8 0 0 1-4.48-10.34l21.32-53a28 28 0 0 0-16.1-37 28.14 28.14 0 0 0-35.82 16 .6.6 0 0 0 0 .12L108.9 79a8 8 0 0 1-10.37 4.49L73.11 73.14a15.89 15.89 0 0 0-17.37 3.66C34.68 98.45 24 123.75 24 152a111.45 111.45 0 0 0 31.18 77.53A8 8 0 0 0 61 232h171a8 8 0 0 0 3.5-15.19M67.14 88l25.41 10.3a24 24 0 0 0 31.23-13.45l21-53c2.56-6.11 9.47-9.27 15.43-7a12 12 0 0 1 6.88 15.92l-21.4 52.99a24 24 0 0 0 13.43 31.14l24.88 9.83V153L55.77 101.71A109 109 0 0 1 67.14 88m48 128a87.53 87.53 0 0 1-24.34-42 8 8 0 0 0-15.49 4 105.2 105.2 0 0 0 18.36 38H64.44A95.54 95.54 0 0 1 40 152a85.9 85.9 0 0 1 7.73-36.29l137.8 55.12c3 18 10.56 33.48 21.89 45.16Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M233.75 220.4C209.76 208.75 196 183.82 196 152v-17.28a12 12 0 0 0-7.56-11.15l-24.89-9.83a12 12 0 0 1-6.71-15.55l21.33-53a23.88 23.88 0 0 0-31.93-31 24.72 24.72 0 0 0-12.62 13.11l-21 53.1A12 12 0 0 1 97 87.13L71.63 76.84a12 12 0 0 0-13 2.73C38.3 100.45 28 124.82 28 152a107.5 107.5 0 0 0 30.07 74.77A4 4 0 0 0 61 228h171a4 4 0 0 0 1.75-7.6M64.34 85.15a3.94 3.94 0 0 1 4.3-.89L94 94.55a20 20 0 0 0 26-11.2l21-53c3.39-8.16 12.61-12.35 20.58-9.35a16 16 0 0 1 9.19 21.16l-21.36 53.06a20 20 0 0 0 11.18 26l24.9 9.83a4 4 0 0 1 2.51 3.72V152c0 2.36.08 4.69.22 7l-138.5-55.4a111 111 0 0 1 14.62-18.45M113.56 220a91.35 91.35 0 0 1-26.66-45 4 4 0 0 0-7.75 2 100.2 100.2 0 0 0 23.09 43H62.68A99.5 99.5 0 0 1 36 152a89.4 89.4 0 0 1 9.73-41.4l143.4 57.4c3.22 22 13.23 40.09 28.8 52Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M235.29 216.7C212.86 205.69 200 182.12 200 152v-17.31a15.94 15.94 0 0 0-10.09-14.87l-28.65-11.46A8 8 0 0 1 156.79 98l22.32-56.67C184 28.79 178 14.21 165.34 9.51a24 24 0 0 0-30.7 13.71l-22.39 56.86a8 8 0 0 1-10.41 4.5l-28.73-11.5a15.91 15.91 0 0 0-17.38 3.66C34.68 98.4 24 123.71 24 152a111.53 111.53 0 0 0 31.15 77.53A8.06 8.06 0 0 0 61 232h171a8 8 0 0 0 8-7.51 8.21 8.21 0 0 0-4.71-7.79m-120.18-.7a87.5 87.5 0 0 1-24.26-41.71 8.21 8.21 0 0 0-9.25-6.18 8 8 0 0 0-6.32 9.89 105.3 105.3 0 0 0 18.36 38h-29.2A95.62 95.62 0 0 1 40 152a85.9 85.9 0 0 1 7.73-36.3l137.8 55.13c3 18.06 10.55 33.5 21.89 45.19Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Broom" {...props} />
+}

package/src/icons/icons.generated/BrowserIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BrowserIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BrowserIcon({ variant = 'regular', ...props }: BrowserIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v32H40V56Zm0 144H40v-96h176z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 44H40a12 12 0 0 0-12 12v144a12 12 0 0 0 12 12h176a12 12 0 0 0 12-12V56a12 12 0 0 0-12-12M40 52h176a4 4 0 0 1 4 4v36H36V56a4 4 0 0 1 4-4m176 152H40a4 4 0 0 1-4-4V100h184v100a4 4 0 0 1-4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m0 16v32H40V56Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Browser" {...props} />
+}

package/src/icons/icons.generated/BrowsersIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BrowsersIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BrowsersIcon({ variant = 'regular', ...props }: BrowsersIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H72a16 16 0 0 0-16 16v16H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-16h16a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-32 48v16H40V88Zm0 112H40v-80h144zm32-32h-16V88a16 16 0 0 0-16-16H72V56h144Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 44H72a12 12 0 0 0-12 12v20H40a12 12 0 0 0-12 12v112a12 12 0 0 0 12 12h144a12 12 0 0 0 12-12v-20h20a12 12 0 0 0 12-12V56a12 12 0 0 0-12-12M40 84h144a4 4 0 0 1 4 4v20H36V88a4 4 0 0 1 4-4m148 116a4 4 0 0 1-4 4H40a4 4 0 0 1-4-4v-84h152Zm32-32a4 4 0 0 1-4 4h-20V88a12 12 0 0 0-12-12H68V56a4 4 0 0 1 4-4h144a4 4 0 0 1 4 4Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M216 40H72a16 16 0 0 0-16 16v16H40a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16v-16h16a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16m-32 48v16H40V88Zm32 80h-16V88a16 16 0 0 0-16-16H72V56h144Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Browsers" {...props} />
+}

package/src/icons/icons.generated/BugBeetleIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BugBeetleIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BugBeetleIcon({ variant = 'regular', ...props }: BugBeetleIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 152h16a8 8 0 0 0 0-16h-16v-16h16a8 8 0 0 0 0-16h-16.4a79.76 79.76 0 0 0-21.44-46.85l19.5-19.49a8 8 0 0 0-11.32-11.32l-20.29 20.3a79.74 79.74 0 0 0-92.1 0l-20.29-20.3a8 8 0 0 0-11.32 11.32l19.5 19.49A79.76 79.76 0 0 0 48.4 104H32a8 8 0 0 0 0 16h16v16H32a8 8 0 0 0 0 16h16v8c0 2.7.14 5.37.4 8H32a8 8 0 0 0 0 16h19.68a80 80 0 0 0 152.64 0H224a8 8 0 0 0 0-16h-16.4c.26-2.63.4-5.3.4-8ZM128 48a64.07 64.07 0 0 1 63.48 56h-127A64.07 64.07 0 0 1 128 48m8 175.48V144a8 8 0 0 0-16 0v79.48A64.07 64.07 0 0 1 64 160v-40h128v40a64.07 64.07 0 0 1-56 63.48" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M204 148h20a4 4 0 0 0 0-8h-20v-24h20a4 4 0 0 0 0-8h-20.11a75.8 75.8 0 0 0-23.37-50.86l22.31-22.31a4 4 0 1 0-5.66-5.66L174.44 51.9a75.77 75.77 0 0 0-92.88 0L58.83 29.17a4 4 0 0 0-5.66 5.66l22.31 22.31A75.8 75.8 0 0 0 52.11 108H32a4 4 0 0 0 0 8h20v24H32a4 4 0 0 0 0 8h20v12a75.4 75.4 0 0 0 1 12H32a4 4 0 0 0 0 8h22.69a76 76 0 0 0 146.62 0H224a4 4 0 0 0 0-8h-21a75.4 75.4 0 0 0 1-12ZM128 44a68.08 68.08 0 0 1 67.87 64H60.13A68.08 68.08 0 0 1 128 44m4 183.87V144a4 4 0 0 0-8 0v83.87A68.08 68.08 0 0 1 60 160v-44h136v44a68.08 68.08 0 0 1-64 67.87" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 120h-16v-16h16a8 8 0 0 1 0 16M32 104a8 8 0 0 0 0 16h16v-16Zm176 56c0 2.7-.14 5.37-.4 8H224a8 8 0 0 1 0 16h-19.68a80 80 0 0 1-152.64 0H32a8 8 0 0 1 0-16h16.4c-.26-2.63-.4-5.3-.4-8v-8H32a8 8 0 0 1 0-16h16v-16h160v16h16a8 8 0 0 1 0 16h-16Zm-72-16a8 8 0 0 0-16 0v64a8 8 0 0 0 16 0ZM69.84 57.15A79.76 79.76 0 0 0 48.4 104h159.2a79.76 79.76 0 0 0-21.44-46.85l19.5-19.49a8 8 0 0 0-11.32-11.32l-20.29 20.3a79.74 79.74 0 0 0-92.1 0l-20.29-20.3a8 8 0 0 0-11.32 11.32Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BugBeetle" {...props} />
+}

package/src/icons/icons.generated/BugDroidIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface BugDroidIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function BugDroidIcon({ variant = 'regular', ...props }: BugDroidIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m191.83 51.48 13.83-13.82a8 8 0 0 0-11.32-11.32L179.79 40.9a87.81 87.81 0 0 0-103.58 0L61.66 26.34a8 8 0 0 0-11.32 11.32l13.83 13.82A87.72 87.72 0 0 0 40 112v40a88 88 0 0 0 176 0v-40a87.72 87.72 0 0 0-24.17-60.52M128 40a72.08 72.08 0 0 1 72 72v8H56v-8a72.08 72.08 0 0 1 72-72m0 184a72.08 72.08 0 0 1-72-72v-16h144v16a72.08 72.08 0 0 1-72 72m16-132a12 12 0 1 1 12 12 12 12 0 0 1-12-12m-56 0a12 12 0 1 1 12 12 12 12 0 0 1-12-12" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m186.17 51.49 16.66-16.66a4 4 0 1 0-5.66-5.66l-17 17a83.72 83.72 0 0 0-104.26 0l-17-17a4 4 0 0 0-5.66 5.66l16.58 16.66A83.75 83.75 0 0 0 44 112v40a84 84 0 0 0 168 0v-40a83.75 83.75 0 0 0-25.83-60.51M128 36a76.08 76.08 0 0 1 76 76v12H52v-12a76.08 76.08 0 0 1 76-76m0 192a76.08 76.08 0 0 1-76-76v-20h152v20a76.08 76.08 0 0 1-76 76m20-136a8 8 0 1 1 8 8 8 8 0 0 1-8-8m-56 0a8 8 0 1 1 8 8 8 8 0 0 1-8-8" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m191.83 51.48 13.83-13.82a8 8 0 0 0-11.32-11.32L179.79 40.9a87.81 87.81 0 0 0-103.58 0L61.66 26.34a8 8 0 0 0-11.32 11.32l13.83 13.82A87.72 87.72 0 0 0 40 112v40a88 88 0 0 0 176 0v-40a87.72 87.72 0 0 0-24.17-60.52M128 40a72.08 72.08 0 0 1 72 72v8H56v-8a72.08 72.08 0 0 1 72-72m16 52a12 12 0 1 1 12 12 12 12 0 0 1-12-12m-56 0a12 12 0 1 1 12 12 12 12 0 0 1-12-12" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="BugDroid" {...props} />
+}