@graphprotocol/gds-react 0.0.1

package/src/icons/icons.generated/PipeIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PipeIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PipeIcon({ variant = 'regular', ...props }: PipeIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 104h-24V56h24a8 8 0 0 0 0-16h-26.17A16 16 0 0 0 192 32h-16a16 16 0 0 0-13.83 8H144A104.11 104.11 0 0 0 40 144v18.16A16 16 0 0 0 32 176v16a16 16 0 0 0 8 13.84V232a8 8 0 0 0 16 0v-24h48v24a8 8 0 0 0 16 0v-26.16a16 16 0 0 0 8-13.84v-16a16 16 0 0 0-8-13.84V144a24 24 0 0 1 24-24h18.17a16 16 0 0 0 13.83 8h16a16 16 0 0 0 13.83-8H232a8 8 0 0 0 0-16m-120 72v16H48v-16Zm-8-32v16H56v-16a88.1 88.1 0 0 1 88-88h16v48h-16a40 40 0 0 0-40 40m72-32V48h16v64Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 108h-28V52h28a4 4 0 0 0 0-8h-28.7a12 12 0 0 0-11.3-8h-16a12 12 0 0 0-11.3 8H144A100.11 100.11 0 0 0 44 144v20.7a12 12 0 0 0-8 11.3v16a12 12 0 0 0 8 11.3V232a4 4 0 0 0 8 0v-28h56v28a4 4 0 0 0 8 0v-28.7a12 12 0 0 0 8-11.3v-16a12 12 0 0 0-8-11.3V144a28 28 0 0 1 28-28h20.7a12 12 0 0 0 11.3 8h16a12 12 0 0 0 11.3-8H232a4 4 0 0 0 0-8m-116 84a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4v-16a4 4 0 0 1 4-4h64a4 4 0 0 1 4 4Zm-8-48v20H52v-20a92.1 92.1 0 0 1 92-92h20v56h-20a36 36 0 0 0-36 36m84-28h-16a4 4 0 0 1-4-4V48a4 4 0 0 1 4-4h16a4 4 0 0 1 4 4v64a4 4 0 0 1-4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232 104h-24V56h24a8 8 0 0 0 0-16h-26.17A16 16 0 0 0 192 32h-16a16 16 0 0 0-13.83 8H144A104.11 104.11 0 0 0 40 144v18.16A16 16 0 0 0 32 176v16a16 16 0 0 0 8 13.84V232a8 8 0 0 0 16 0v-24h48v24a8 8 0 0 0 16 0v-26.16a16 16 0 0 0 8-13.84v-16a16 16 0 0 0-8-13.84V144a24 24 0 0 1 24-24h18.17a16 16 0 0 0 13.83 8h16a16 16 0 0 0 13.83-8H232a8 8 0 0 0 0-16m-120 88H48v-16h64Zm64-80V48h16v64Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Pipe" {...props} />
+}

package/src/icons/icons.generated/PipeWrenchIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PipeWrenchIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PipeWrenchIcon({ variant = 'regular', ...props }: PipeWrenchIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m220.28 55-.17-.17-44.9-42.28a16 16 0 0 0-22.5.08l-44.54 44.24-1.54-1.56a25 25 0 0 0-35.36 35.27l1.46 1.48L52.69 112a16 16 0 0 0 0 22.63l12.68 12.68a16 16 0 0 0 22.59 0l19.93-19.65L120 140l-64.69 65.37a25 25 0 1 0 35.34 35.29l88.67-89.35a16 16 0 0 0 0-22.6l-35.69-36.05L156.56 80l.1.09L194 115.4a16 16 0 0 0 22.53-.09l3.71-3.71a40 40 0 0 0 0-56.57ZM76.69 136 64 123.33l20-19.88 12.69 12.86Zm2.62 93.37a9 9 0 1 1-12.65-12.71l64.67-65.37a16 16 0 0 0 0-22.57l-48.7-49.41A9 9 0 0 1 95.29 66.6L168 140ZM209 100.28l-3.75 3.72a1.2 1.2 0 0 0-.16-.16l-37.4-35.34a16.05 16.05 0 0 0-22.39.12l-12.93 12.67-12.94-13.06L164 24l.17.16 44.88 42.26a24 24 0 0 1-.08 33.86Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m217.46 57.85-.09-.08-44.93-42.31a12 12 0 0 0-16.91 0l-47.38 47-4.35-4.39a21 21 0 0 0-29.68 29.71l4.25 4.31-22.86 22.74a12 12 0 0 0 0 17l12.69 12.65a12 12 0 0 0 17 0l22.77-22.45 14.91 15.12a4 4 0 0 1 0 5.66L58.14 208.2a21 21 0 1 0 29.67 29.65l88.68-89.37a12 12 0 0 0 0-16.95L138 92.62l15.77-15.45a4 4 0 0 1 5.68 0l37.4 35.35a12 12 0 0 0 16.93 0l3.72-3.71a36 36 0 0 0 0-50.92Zm-137.95 81a4 4 0 0 1-5.65 0l-12.69-12.71a4 4 0 0 1 0-5.65L84 97.78l18.32 18.58Zm91.31 4L82.14 232.2a13 13 0 1 1-18.33-18.36l64.69-65.37a12 12 0 0 0 0-16.94L79.8 82.14a13 13 0 0 1 18.33-18.36l72.7 73.39a4 4 0 0 1-.01 5.67Zm41-39.73-3.72 3.72a4 4 0 0 1-5.65 0l-.09-.08L165 71.42a12 12 0 0 0-16.85.06l-15.82 15.46-18.55-18.73 47.39-47a4 4 0 0 1 5.66 0l.09.08 44.92 42.3a28 28 0 0 1 0 39.56Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m220.28 55-.17-.17-44.9-42.28a16 16 0 0 0-22.5.08l-44.54 44.24-1.54-1.56a25 25 0 0 0-35.36 35.27l1.46 1.48L52.69 112a16 16 0 0 0 0 22.63l12.68 12.68a16 16 0 0 0 22.59 0l19.93-19.65L120 140l-64.69 65.37a25 25 0 1 0 35.34 35.29l88.67-89.35a16 16 0 0 0 0-22.6l-35.69-36.05L156.56 80l.1.09L194 115.4a16 16 0 0 0 22.53-.09l3.71-3.71a40 40 0 0 0 0-56.57ZM76.69 136 64 123.33l20-19.88 12.69 12.86ZM209 100.28l-3.75 3.72a1.2 1.2 0 0 0-.16-.16l-37.4-35.34a16.05 16.05 0 0 0-22.39.12l-12.93 12.67-12.94-13.06L164 24l.17.16 44.88 42.26a24 24 0 0 1-.08 33.86Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PipeWrench" {...props} />
+}

package/src/icons/icons.generated/PizzaIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PizzaIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PizzaIcon({ variant = 'regular', ...props }: PizzaIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M239.54 63a15.9 15.9 0 0 0-7.25-9.9 201.49 201.49 0 0 0-208.58 0 16 16 0 0 0-5.37 22l96 157.27a16 16 0 0 0 27.36 0l96-157.27a15.82 15.82 0 0 0 1.84-12.1M63.59 118.5a24 24 0 1 1 24.47 40.09Zm87.92 66.95A24 24 0 0 1 176 145.37Zm32.93-53.93a40 40 0 0 0-41.38 67.77L128 224l-31.5-51.57a40 40 0 1 0-41.35-67.76L48.8 94.26a152 152 0 0 1 158.39 0Zm31.1-50.93a168.12 168.12 0 0 0-175.08 0L32 66.77a185.6 185.6 0 0 1 192 0Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M235.66 63.94a11.94 11.94 0 0 0-5.44-7.43 197.51 197.51 0 0 0-204.44 0 12 12 0 0 0-4 16.47l96 157.27a12 12 0 0 0 20.54 0L234.25 73a11.9 11.9 0 0 0 1.41-9.06M58.59 118a28 28 0 1 1 27.66 45.3Zm94 73.41a28 28 0 0 1 29.15-47.76Zm33.33-54.61A35.66 35.66 0 0 0 168 132a36 36 0 0 0-19.56 66.22l-17 27.86a4 4 0 0 1-6.88 0l-34-55.67a36 36 0 1 0-36.33-59.54L43.33 93a156 156 0 0 1 169.34 0Zm41.48-68-10.55 17.34a164.07 164.07 0 0 0-177.7 0L28.58 68.81a3.9 3.9 0 0 1-.46-3 4 4 0 0 1 1.82-2.48 189.47 189.47 0 0 1 196.12 0 4 4 0 0 1 1.82 2.48 3.9 3.9 0 0 1-.46 3Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M239.54 63a15.9 15.9 0 0 0-7.25-9.9 201.49 201.49 0 0 0-208.58 0 16 16 0 0 0-5.37 22l96 157.27a16 16 0 0 0 27.36 0l96-157.27a15.82 15.82 0 0 0 1.84-12.1m-55.1 68.53a40 40 0 0 0-41.38 67.77L128 224l-31.5-51.57a40 40 0 1 0-41.35-67.76L48.8 94.26a152 152 0 0 1 158.39 0Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Pizza" {...props} />
+}

package/src/icons/icons.generated/PlaceholderIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlaceholderIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlaceholderIcon({ variant = 'regular', ...props }: PlaceholderIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M48 208V59.31L196.69 208ZM59.31 48H208v148.7Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 36H48a12 12 0 0 0-12 12v160a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V48a12 12 0 0 0-12-12m4 12v158.34L49.66 44H208a4 4 0 0 1 4 4M44 208V49.66L206.34 212H48a4 4 0 0 1-4-4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-20.69 155.31a8 8 0 0 1-11.31 0L68.69 80A8 8 0 0 1 80 68.69L187.31 176a8 8 0 0 1 0 11.31" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Placeholder" {...props} />
+}

package/src/icons/icons.generated/PlanetIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlanetIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlanetIcon({ variant = 'regular', ...props }: PlanetIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M245.11 60.68c-7.65-13.19-27.84-16.16-58.5-8.66A95.93 95.93 0 0 0 32 128a98 98 0 0 0 .78 12.31C5.09 169 5.49 186 10.9 195.32 16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4A95.93 95.93 0 0 0 224 128a97 97 0 0 0-.77-12.25c12.5-13 20.82-25.35 23.65-35.92 1.95-7.32 1.36-13.76-1.77-19.15M128 48a80.11 80.11 0 0 1 78 62.2c-17.06 16.06-40.15 32.53-62.07 45.13-27.55 15.81-51.45 25.67-70.51 31.07A79.94 79.94 0 0 1 128 48M24.74 187.29c-1.46-2.51-.65-7.24 2.22-13a79 79 0 0 1 10.29-15.05 96 96 0 0 0 18 31.32c-17.25 2.9-28.01 1.05-30.51-3.27M128 208a79.45 79.45 0 0 1-38.56-9.94 370 370 0 0 0 62.43-28.86c21.58-12.39 40.68-25.82 56.07-39.08A80.07 80.07 0 0 1 128 208M231.42 75.69c-1.7 6.31-6.19 13.53-12.63 21.13a95.7 95.7 0 0 0-18-31.35c14.21-2.35 27.37-2.17 30.5 3.24.9 1.57.95 3.92.13 6.98" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M241.66 62.68c-6.73-11.58-26.58-13.8-56-6.3A92 92 0 0 0 37 141.7c-21.38 21.69-29.44 40-22.68 51.62 4.13 7.11 13 10.71 26 10.71A115.3 115.3 0 0 0 65 200.9c1.74-.39 3.52-.82 5.32-1.28A92 92 0 0 0 220 128a93 93 0 0 0-1-13.73c12.77-13 21.31-25.28 24-35.47 1.69-6.26 1.23-11.68-1.34-16.12M128 44a84.13 84.13 0 0 1 82.38 67.56c-16.17 15.69-38.8 32.48-64.49 47.24-27.31 15.69-52.81 26.25-73.61 32A84 84 0 0 1 128 44M21.25 189.3C17 182 23.75 167.7 39 151.24a92 92 0 0 0 24 41.85c-22.14 4.91-37.53 3.49-41.75-3.79M128 212a83.6 83.6 0 0 1-48-15.1c21.58-6.58 45.83-17.37 69.85-31.16 24.25-13.94 45.61-29.46 61.83-44.44.18 2.21.3 4.44.3 6.7A84.1 84.1 0 0 1 128 212M235.28 76.73c-2.13 8-8.58 17.65-18.25 28.06a92.07 92.07 0 0 0-24.12-41.92c21.85-4.82 37.59-3.46 41.83 3.83 1.46 2.53 1.65 5.9.54 10.03" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M245.11 60.68c-7.65-13.19-27.85-16.16-58.5-8.66a96 96 0 0 0-153.8 88.28C5.09 169 5.49 186 10.9 195.32 16 204.16 26.64 208 40.64 208a124 124 0 0 0 28.79-4 96 96 0 0 0 153.78-88.25c12.51-13 20.83-25.35 23.66-35.92 1.96-7.32 1.37-13.76-1.76-19.15m-13.69 15c-6.11 22.78-48.65 57.31-87.52 79.64-67.81 39-113.62 41.52-119.16 32-1.46-2.51-.65-7.24 2.22-13a80 80 0 0 1 10.28-15.05 95.5 95.5 0 0 0 6.23 14.18 4 4 0 0 0 4 2.12 122 122 0 0 0 16.95-3.32c21.23-5.55 46.63-16.48 71.52-30.78s47-30.66 62.45-46.15a123 123 0 0 0 11.31-12.87 4 4 0 0 0 .17-4.52 96 96 0 0 0-9.1-12.46c14.21-2.35 27.37-2.17 30.5 3.24.92 1.57.97 3.92.15 6.98Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Planet" {...props} />
+}

package/src/icons/icons.generated/PlantIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlantIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlantIcon({ variant = 'regular', ...props }: PlantIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M247.63 47.89a8 8 0 0 0-7.52-7.52c-51.76-3-93.32 12.74-111.18 42.22-11.8 19.49-11.78 43.16-.16 65.74a71.3 71.3 0 0 0-14.17 27L98.33 159c7.82-16.33 7.52-33.35-1-47.49-13.2-21.79-43.67-33.47-81.5-31.25a8 8 0 0 0-7.52 7.52c-2.23 37.83 9.46 68.3 31.25 81.5A45.8 45.8 0 0 0 63.44 176 54.6 54.6 0 0 0 87 170.33l25 25V224a8 8 0 0 0 16 0v-29.49a55.6 55.6 0 0 1 12.27-35 73.9 73.9 0 0 0 33.31 8.4 60.9 60.9 0 0 0 31.83-8.86c29.48-17.84 45.26-59.4 42.22-111.16M47.81 155.6C32.47 146.31 23.79 124.32 24 96c28.32-.24 50.31 8.47 59.6 23.81 4.85 8 5.64 17.33 2.46 26.94l-24.41-24.41a8 8 0 0 0-11.31 11.31l24.41 24.41c-9.61 3.18-18.93 2.39-26.94-2.46m149.31-10.22c-13.4 8.11-29.15 8.73-45.15 2l53.69-53.7a8 8 0 0 0-11.31-11.31L140.65 136c-6.76-16-6.15-31.76 2-45.15 13.94-23 47-35.82 89.33-34.83.96 42.32-11.84 75.42-34.86 89.36" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M243.63 48.12a4 4 0 0 0-3.76-3.75c-50.25-3-90.44 12.1-107.52 40.29-11.64 19.22-11.17 41.92 1.24 64.21a67.33 67.33 0 0 0-16.65 34.41l-23.49-23.49c8.63-16 8.81-32.33.42-46.19C81.45 93.09 52.35 82.13 16 84.26A4 4 0 0 0 12.26 88c-2.13 36.33 8.83 65.43 29.34 77.85a41.8 41.8 0 0 0 21.88 6.18 51.3 51.3 0 0 0 24.31-6.6L116 193.67V224a4 4 0 0 0 8 0v-29.49a59.57 59.57 0 0 1 15.29-40c11.49 6.36 23.07 9.56 34.24 9.56a57 57 0 0 0 29.81-8.41c28.18-17.09 43.25-57.28 40.29-107.54M45.74 159C28.47 148.56 19 123.69 20.08 92.08c31.61-1.09 56.48 8.39 67 25.66 6.48 10.71 6.59 23.37.46 36.09l-28.72-28.66a4 4 0 0 0-5.65 5.65l28.67 28.67c-12.73 6.13-25.39 6.02-36.1-.49m153.45-10.2c-16.05 9.72-35.09 9.59-54.08-.25l57.72-57.73a4 4 0 0 0-5.65-5.66l-57.73 57.73c-9.84-19-10-38-.25-54.08 15.11-25 51.08-38.53 96.63-36.64 1.9 45.55-11.68 81.52-36.64 96.63" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M205.41 159.07a60.9 60.9 0 0 1-31.83 8.86 71.7 71.7 0 0 1-27.36-5.66A55.55 55.55 0 0 0 136 194.51V224a8 8 0 0 1-8.53 8 8.18 8.18 0 0 1-7.47-8.25v-12.44l-38.62-38.62A52.5 52.5 0 0 1 63.44 176a45.8 45.8 0 0 1-23.92-6.67C17.73 156.09 6 125.62 8.27 87.79a8 8 0 0 1 7.52-7.52c37.83-2.23 68.3 9.46 81.5 31.25a46 46 0 0 1 6.45 28.48 4 4 0 0 1-6.89 2.43l-19.2-20.1a8 8 0 0 0-11.31 11.31l53.88 55.25c.06-.78.13-1.56.21-2.33a68.56 68.56 0 0 1 18.64-39.46l50.59-53.46a8 8 0 0 0-11.31-11.32l-49 51.82a4 4 0 0 1-6.78-1.74c-4.74-17.48-2.65-34.88 6.4-49.82 17.86-29.48 59.42-45.26 111.18-42.22a8 8 0 0 1 7.52 7.52c3 51.77-12.78 93.33-42.26 111.19" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Plant" {...props} />
+}

package/src/icons/icons.generated/PlayCircleIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlayCircleIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlayCircleIcon({ variant = 'regular', ...props }: PlayCircleIconProps) {
+  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 88m48.24-94.78-64-40A8 8 0 0 0 100 88v80a8 8 0 0 0 12.24 6.78l64-40a8 8 0 0 0 0-13.56M116 153.57v-51.14L156.91 128Z" /></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 92m46.12-95.39-64-40A4 4 0 0 0 104 88v80a4 4 0 0 0 2.06 3.5 4.06 4.06 0 0 0 1.94.5 4 4 0 0 0 2.12-.61l64-40a4 4 0 0 0 0-6.78M112 160.78V95.22L164.45 128Z" /></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 24m40.55 110.58-52 36A8 8 0 0 1 104 164V92a8 8 0 0 1 12.55-6.58l52 36a8 8 0 0 1 0 13.16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlayCircle" {...props} />
+}

package/src/icons/icons.generated/PlayIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlayIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlayIcon({ variant = 'regular', ...props }: PlayIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M232.4 114.49 88.32 26.35a16 16 0 0 0-16.2-.3A15.86 15.86 0 0 0 64 39.87v176.26A15.94 15.94 0 0 0 80 232a16.07 16.07 0 0 0 8.36-2.35l144.04-88.14a15.81 15.81 0 0 0 0-27ZM80 215.94V40l143.83 88Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M230.32 117.9 86.24 29.79a11.91 11.91 0 0 0-12.17-.23A11.71 11.71 0 0 0 68 39.89v176.22a11.71 11.71 0 0 0 6.07 10.33 11.91 11.91 0 0 0 12.17-.23l144.08-88.11a11.82 11.82 0 0 0 0-20.2m-4.18 13.37L82.06 219.39a4 4 0 0 1-4.07.07 3.77 3.77 0 0 1-2-3.35V39.89a3.77 3.77 0 0 1 2-3.35 4 4 0 0 1 4.07.07l144.08 88.12a3.8 3.8 0 0 1 0 6.54" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M240 128a15.74 15.74 0 0 1-7.6 13.51L88.32 229.65a16 16 0 0 1-16.2.3A15.86 15.86 0 0 1 64 216.13V39.87a15.86 15.86 0 0 1 8.12-13.82 16 16 0 0 1 16.2.3l144.08 88.14A15.74 15.74 0 0 1 240 128" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Play" {...props} />
+}

package/src/icons/icons.generated/PlayPauseIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlayPauseIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlayPauseIcon({ variant = 'regular', ...props }: PlayPauseIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M184 64v128a8 8 0 0 1-16 0V64a8 8 0 0 1 16 0m40-8a8 8 0 0 0-8 8v128a8 8 0 0 0 16 0V64a8 8 0 0 0-8-8m-80 72a15.76 15.76 0 0 1-7.33 13.34l-88.19 56.15A15.91 15.91 0 0 1 24 184.15V71.85a15.91 15.91 0 0 1 24.48-13.34l88.19 56.15A15.76 15.76 0 0 1 144 128m-16.18 0L40 72.08v111.85Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M180 64v128a4 4 0 0 1-8 0V64a4 4 0 0 1 8 0m44-4a4 4 0 0 0-4 4v128a4 4 0 0 0 8 0V64a4 4 0 0 0-4-4m-84 68a11.76 11.76 0 0 1-5.48 10l-88.19 56.12a12 12 0 0 1-12.18.39A11.66 11.66 0 0 1 28 184.15V71.85a11.66 11.66 0 0 1 6.15-10.36 12 12 0 0 1 12.18.39L134.52 118a11.76 11.76 0 0 1 5.48 10m-8 0a3.77 3.77 0 0 0-1.78-3.22L42 68.63a3.94 3.94 0 0 0-2.09-.63 4 4 0 0 0-1.91.5 3.76 3.76 0 0 0-2 3.35v112.3a3.76 3.76 0 0 0 2 3.35 3.91 3.91 0 0 0 4-.13l88.18-56.15A3.77 3.77 0 0 0 132 128" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M184 64v128a8 8 0 0 1-16 0V64a8 8 0 0 1 16 0m40-8a8 8 0 0 0-8 8v128a8 8 0 0 0 16 0V64a8 8 0 0 0-8-8m-87.33 58.66L48.48 58.51A15.91 15.91 0 0 0 24 71.85v112.3A15.83 15.83 0 0 0 32.23 198a15.95 15.95 0 0 0 16.25-.53l88.19-56.15a15.8 15.8 0 0 0 0-26.68Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlayPause" {...props} />
+}

package/src/icons/icons.generated/PlaylistIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlaylistIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlaylistIcon({ variant = 'regular', ...props }: PlaylistIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M32 64a8 8 0 0 1 8-8h176a8 8 0 0 1 0 16H40a8 8 0 0 1-8-8m8 72h120a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m72 48H40a8 8 0 0 0 0 16h72a8 8 0 0 0 0-16m135.66-57.7a8 8 0 0 1-10 5.36L208 122.75V192a32.05 32.05 0 1 1-16-27.69V112a8 8 0 0 1 10.3-7.66l40 12a8 8 0 0 1 5.36 9.96M192 192a16 16 0 1 0-16 16 16 16 0 0 0 16-16" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M36 64a4 4 0 0 1 4-4h176a4 4 0 0 1 0 8H40a4 4 0 0 1-4-4m4 68h120a4 4 0 0 0 0-8H40a4 4 0 0 0 0 8m72 56H40a4 4 0 0 0 0 8h72a4 4 0 0 0 0-8m131.83-62.85a4 4 0 0 1-5 2.68L204 117.38V192a28 28 0 1 1-8-19.57V112a4 4 0 0 1 5.15-3.83l40 12a4 4 0 0 1 2.68 4.98M196 192a20 20 0 1 0-20 20 20 20 0 0 0 20-20" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M64 72h128a8 8 0 0 1 0 16H64a8 8 0 0 1 0-16m0 48h72a8 8 0 0 1 0 16H64a8 8 0 0 1 0-16m40 64H64a8 8 0 0 1 0-16h40a8 8 0 0 1 0 16m103.59-53.47a8 8 0 0 1-10.12 5.06L184 131.1V176a24 24 0 1 1-16-22.62V120a8 8 0 0 1 10.53-7.59l24 8a8 8 0 0 1 5.06 10.12" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Playlist" {...props} />
+}

package/src/icons/icons.generated/PlugChargingIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlugChargingIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlugChargingIcon({ variant = 'regular', ...props }: PlugChargingIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 56h-48V16a8 8 0 0 0-16 0v40H96V16a8 8 0 0 0-16 0v40H32.55C26.28 56 24 60.78 24 64a8 8 0 0 0 8 8h16v88a40 40 0 0 0 40 40h32v40a8 8 0 0 0 16 0v-40h32a40 40 0 0 0 40-40V72h16a8 8 0 0 0 0-16m-56 128H88a24 24 0 0 1-24-24V72h128v88a24 24 0 0 1-24 24m-17.42-60.56a8 8 0 0 1 .91 7.37l-12 32a8 8 0 0 1-15-5.62l8-21.19H112a8 8 0 0 1-7.49-10.81l12-32a8 8 0 1 1 15 5.62l-8 21.19H144a8 8 0 0 1 6.58 3.44" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 60h-52V16a4 4 0 0 0-8 0v44H92V16a4 4 0 0 0-8 0v44H32.55C28.13 60 28 63.59 28 64a4 4 0 0 0 4 4h20v92a36 36 0 0 0 36 36h36v44a4 4 0 0 0 8 0v-44h36a36 36 0 0 0 36-36V68h20a4 4 0 0 0 0-8m-28 100a28 28 0 0 1-28 28H88a28 28 0 0 1-28-28V68h136Zm-87.29-29.72a4 4 0 0 1-.46-3.68l12-32a4 4 0 0 1 7.5 2.8l-10 26.6H144a4 4 0 0 1 3.75 5.4l-12 32a4 4 0 1 1-7.5-2.8l10-26.6H112a4 4 0 0 1-3.29-1.72" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 56h-48V16a8 8 0 0 0-16 0v40H96V16a8 8 0 0 0-8-8c-3.21 0-8 2.27-8 8.54V56H32.55C26.28 56 24 60.78 24 64a8 8 0 0 0 8 8h16v88a40 40 0 0 0 40 40h32v40a8 8 0 0 0 16 0v-40h32a40 40 0 0 0 40-40V72h16a8 8 0 0 0 0-16m-72.51 74.81-12 32a8 8 0 0 1-15-5.62l8-21.19H112a8 8 0 0 1-7.49-10.81l12-32a8 8 0 1 1 15 5.62l-8 21.19H144a8 8 0 0 1 7.49 10.81" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlugCharging" {...props} />
+}

package/src/icons/icons.generated/PlugIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlugIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlugIcon({ variant = 'regular', ...props }: PlugIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M237.66 66.34a8 8 0 0 0-11.32 0L192 100.69 155.31 64l34.35-34.34a8 8 0 1 0-11.32-11.32L144 52.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l6.35 6.34-53 53a40 40 0 0 0 0 56.57l15.71 15.71-49.06 49.06a8 8 0 0 0 11.32 11.32l49.09-49.09 15.71 15.71a40 40 0 0 0 56.57 0l53-53 6.34 6.35a8 8 0 0 0 11.32-11.32L203.31 112l34.35-34.34a8 8 0 0 0 0-11.32M147.72 185a24 24 0 0 1-33.95 0L71 142.23a24 24 0 0 1 0-33.95l53-53L200.69 132Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M234.83 69.17a4 4 0 0 0-5.66 0L192 106.34 149.66 64l37.17-37.17a4 4 0 1 0-5.66-5.66L144 58.34l-29.17-29.17a4 4 0 0 0-5.66 5.66l9.17 9.17-55.8 55.8a36.05 36.05 0 0 0 0 50.91l18.55 18.54-51.92 51.92a4 4 0 0 0 5.66 5.66l51.92-51.92 18.54 18.55a36.06 36.06 0 0 0 50.91 0l55.8-55.8 9.17 9.17a4 4 0 0 0 5.66-5.66L197.66 112l37.17-37.17a4 4 0 0 0 0-5.66M150.54 187.8a28 28 0 0 1-39.59 0L68.2 145.05a28 28 0 0 1 0-39.59l55.8-55.8L206.34 132Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M237.66 77.66 203.31 112l26.35 26.34a8 8 0 0 1-11.32 11.32l-6.34-6.35-53 53a40 40 0 0 1-56.57 0l-15.68-15.74-49.09 49.09a8 8 0 0 1-11.32-11.32l49.09-49.09-15.71-15.71a40 40 0 0 1 0-56.57l53-53-6.35-6.34a8 8 0 0 1 11.32-11.32L144 52.69l34.34-34.35a8 8 0 1 1 11.32 11.32L155.31 64 192 100.69l34.34-34.35a8 8 0 0 1 11.32 11.32" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Plug" {...props} />
+}

package/src/icons/icons.generated/PlugsConnectedIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlugsConnectedIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlugsConnectedIcon({ variant = 'regular', ...props }: PlugsConnectedIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M237.66 18.34a8 8 0 0 0-11.32 0l-52.4 52.41-5.37-5.38a32.05 32.05 0 0 0-45.26 0L100 88.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l6.35 6.34-23.32 23.31a32 32 0 0 0 0 45.26l5.38 5.37-52.41 52.4a8 8 0 0 0 11.32 11.32l52.4-52.41 5.37 5.38a32 32 0 0 0 45.26 0L156 167.31l6.34 6.35a8 8 0 0 0 11.32-11.32l-6.35-6.34 23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37 52.41-52.4a8 8 0 0 0 0-11.32m-116.29 161a16 16 0 0 1-22.62 0l-22.06-22.09a16 16 0 0 1 0-22.62L100 111.31 144.69 156Zm57.94-57.94L156 144.69 111.31 100l23.32-23.31a16 16 0 0 1 22.62 0l22.06 22a16 16 0 0 1 0 22.68ZM88.57 35a8 8 0 0 1 14.86-6l8 20a8 8 0 0 1-14.86 6Zm-64 58A8 8 0 0 1 35 88.57l20 8a8 8 0 0 1-6 14.86l-20-8A8 8 0 0 1 24.57 93m206.86 70a8 8 0 0 1-10.4 4.46l-20-8a8 8 0 1 1 5.97-14.89l20 8a8 8 0 0 1 4.43 10.43m-64 58.06a8 8 0 0 1-14.86 5.94l-8-20a8 8 0 0 1 14.86-6Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M234.83 21.17a4 4 0 0 0-5.66 0L173.94 76.4l-8.2-8.2a28 28 0 0 0-39.6 0L100 94.34l-9.17-9.17a4 4 0 0 0-5.66 5.66l9.17 9.17-26.14 26.14a28 28 0 0 0 0 39.6l8.2 8.2-55.23 55.23a4 4 0 0 0 5.66 5.66l55.23-55.23 8.2 8.2a28 28 0 0 0 39.6 0L156 161.66l9.17 9.17a4 4 0 0 0 5.66-5.66l-9.17-9.17 26.14-26.14a28 28 0 0 0 0-39.6l-8.2-8.2 55.23-55.23a4 4 0 0 0 0-5.66m-110.63 161a20 20 0 0 1-28.28 0l-22.06-22.09a20 20 0 0 1 0-28.28L100 105.66 150.34 156Zm57.94-57.94L156 150.34 105.66 100l26.14-26.14a20 20 0 0 1 28.28 0l22.06 22.06a20 20 0 0 1 0 28.28ZM92.29 33.49a4 4 0 1 1 7.42-3l8 20a4 4 0 0 1-2.22 5.2A3.9 3.9 0 0 1 104 56a4 4 0 0 1-3.71-2.51Zm-64 61a4 4 0 0 1 5.2-2.22l20 8A4 4 0 0 1 52 108a3.9 3.9 0 0 1-1.49-.29l-20-8a4 4 0 0 1-2.22-5.2Zm199.42 67A4 4 0 0 1 224 164a3.9 3.9 0 0 1-1.49-.29l-20-8a4 4 0 1 1 3-7.42l20 8a4 4 0 0 1 2.2 5.2m-64 61a4 4 0 0 1-2.22 5.2 3.9 3.9 0 0 1-1.49.31 4 4 0 0 1-3.71-2.51l-8-20a4 4 0 0 1 7.42-3Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M88.57 35a8 8 0 0 1 14.86-6l8 20a8 8 0 0 1-14.86 6ZM29 103.43l20 8a8 8 0 1 0 6-14.86l-20-8a8 8 0 0 0-6 14.86m198 49.14-20-8a8 8 0 1 0-6 14.86l20 8a8 8 0 0 0 6-14.86M159.43 201a8 8 0 0 0-14.86 6l8 20a8 8 0 1 0 14.86-6Zm78.48-182.48a8 8 0 0 0-11.5-.18L174 70.75l-5.38-5.38a32 32 0 0 0-45.28 0l-17.2 17.17a4 4 0 0 0 0 5.66l61.7 61.66a4 4 0 0 0 5.66 0l16.74-16.74a32.76 32.76 0 0 0 9.81-22.52 31.82 31.82 0 0 0-9.37-23.17l-5.38-5.37 52.2-52.17a8.22 8.22 0 0 0 .41-11.37M85.64 90.34a8 8 0 0 0-11.49.18 8.22 8.22 0 0 0 .41 11.37l6.11 6.11-15.33 15.31A31.82 31.82 0 0 0 56 146.47 32.75 32.75 0 0 0 65.77 169l5 4.94-52.28 52.19a8.21 8.21 0 0 0-.61 11.1 8 8 0 0 0 11.72.43L82 185.25l5.37 5.38a32.1 32.1 0 0 0 45.29 0L148 175.31l6.34 6.35a8 8 0 0 0 11.32-11.32Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlugsConnected" {...props} />
+}

package/src/icons/icons.generated/PlugsIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlugsIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlugsIcon({ variant = 'regular', ...props }: PlugsIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M149.66 138.34a8 8 0 0 0-11.32 0L120 156.69 99.31 136l18.35-18.34a8 8 0 0 0-11.32-11.32L88 124.69l-18.34-18.35a8 8 0 0 0-11.32 11.32l6.35 6.34-23.32 23.31a32 32 0 0 0 0 45.26l5.38 5.37-28.41 28.4a8 8 0 0 0 11.32 11.32l28.4-28.41 5.37 5.38a32 32 0 0 0 45.26 0L132 191.31l6.34 6.35a8 8 0 0 0 11.32-11.32L131.31 168l18.35-18.34a8 8 0 0 0 0-11.32m-52.29 65a16 16 0 0 1-22.62 0l-22.06-22.09a16 16 0 0 1 0-22.62L76 135.31 120.69 180Zm140.29-185a8 8 0 0 0-11.32 0l-28.4 28.41-5.37-5.38a32.05 32.05 0 0 0-45.26 0L124 64.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l80 80a8 8 0 0 0 11.32-11.32l-6.35-6.34 23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37 28.41-28.4a8 8 0 0 0 0-11.32m-34.35 79L180 120.69 135.31 76l23.32-23.31a16 16 0 0 1 22.62 0l22.06 22a16 16 0 0 1 0 22.68Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M146.83 141.17a4 4 0 0 0-5.66 0L120 162.34 93.66 136l21.17-21.17a4 4 0 0 0-5.66-5.66L88 130.34l-21.17-21.17a4 4 0 0 0-5.66 5.66l9.17 9.17-26.14 26.14a28 28 0 0 0 0 39.6l8.2 8.2-31.23 31.23a4 4 0 0 0 5.66 5.66l31.23-31.23 8.2 8.2a28 28 0 0 0 39.6 0L132 185.66l9.17 9.17a4 4 0 0 0 5.66-5.66L125.66 168l21.17-21.17a4 4 0 0 0 0-5.66m-46.63 65a20 20 0 0 1-28.28 0l-22.06-22.09a20 20 0 0 1 0-28.28L76 129.66 126.34 180Zm134.63-185a4 4 0 0 0-5.66 0L197.94 52.4l-8.2-8.2a28 28 0 0 0-39.6 0L124 70.34l-9.17-9.17a4 4 0 0 0-5.66 5.66l80 80a4 4 0 0 0 5.66-5.66l-9.17-9.17 26.14-26.14a28 28 0 0 0 0-39.6l-8.2-8.2 31.23-31.23a4 4 0 0 0 0-5.66M212 86.06a19.86 19.86 0 0 1-5.86 14.14L180 126.34 129.66 76l26.14-26.14a20 20 0 0 1 28.28 0l22.06 22.06A19.85 19.85 0 0 1 212 86.06" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M149.66 149.66 131.31 168l18.35 18.34a8 8 0 0 1-11.32 11.32l-6.34-6.35-23.31 23.32a32.06 32.06 0 0 1-45.26 0l-5.37-5.38-28.4 28.41a8 8 0 0 1-11.32-11.32l28.41-28.4-5.38-5.37a32 32 0 0 1 0-45.26L64.69 124l-6.35-6.34a8 8 0 0 1 11.32-11.32L88 124.69l18.34-18.35a8 8 0 0 1 11.32 11.32L99.31 136 120 156.69l18.34-18.35a8 8 0 0 1 11.32 11.32m88-131.32a8 8 0 0 0-11.32 0l-28.4 28.41-5.37-5.38a32.05 32.05 0 0 0-45.26 0L124 64.69l-6.34-6.35a8 8 0 0 0-11.32 11.32l80 80a8 8 0 0 0 11.32-11.32l-6.35-6.34 23.32-23.31a32 32 0 0 0 0-45.26l-5.38-5.37 28.41-28.4a8 8 0 0 0 0-11.32" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Plugs" {...props} />
+}

package/src/icons/icons.generated/PlusCircleIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlusCircleIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlusCircleIcon({ variant = 'regular', ...props }: PlusCircleIconProps) {
+  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 88m48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8" /></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 92m44-92a4 4 0 0 1-4 4h-36v36a4 4 0 0 1-8 0v-36H88a4 4 0 0 1 0-8h36V88a4 4 0 0 1 8 0v36h36a4 4 0 0 1 4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 24a104 104 0 1 0 104 104A104.13 104.13 0 0 0 128 24m40 112h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlusCircle" {...props} />
+}

package/src/icons/icons.generated/PlusIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlusIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlusIcon({ variant = 'regular', ...props }: PlusIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M220 128a4 4 0 0 1-4 4h-84v84a4 4 0 0 1-8 0v-84H40a4 4 0 0 1 0-8h84V40a4 4 0 0 1 8 0v84h84a4 4 0 0 1 4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-24 104h-48v48a8 8 0 0 1-16 0v-48H72a8 8 0 0 1 0-16h48V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 0 16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Plus" {...props} />
+}

package/src/icons/icons.generated/PlusMinusIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlusMinusIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlusMinusIcon({ variant = 'regular', ...props }: PlusMinusIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m205.66 61.66-144 144a8 8 0 0 1-11.32-11.32l144-144a8 8 0 0 1 11.32 11.32M64 112a8 8 0 0 0 16 0V80h32a8 8 0 0 0 0-16H80V32a8 8 0 0 0-16 0v32H32a8 8 0 0 0 0 16h32Zm160 64h-80a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="m202.83 58.83-144 144a4 4 0 0 1-5.66-5.66l144-144a4 4 0 1 1 5.66 5.66M68 112a4 4 0 0 0 8 0V76h36a4 4 0 0 0 0-8H76V32a4 4 0 0 0-8 0v36H32a4 4 0 0 0 0 8h36Zm156 68h-80a4 4 0 0 0 0 8h80a4 4 0 0 0 0-8" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16M56 96a8 8 0 0 1 8-8h16V72a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16H96v16a8 8 0 0 1-16 0v-16H64a8 8 0 0 1-8-8m24 96a8 8 0 0 1-5.66-13.66l96-96a8 8 0 0 1 11.32 11.32l-96 96A8 8 0 0 1 80 192m112-8h-48a8 8 0 0 1 0-16h48a8 8 0 0 1 0 16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlusMinus" {...props} />
+}

package/src/icons/icons.generated/PlusSquareIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PlusSquareIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PlusSquareIcon({ variant = 'regular', ...props }: PlusSquareIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m0 176H48V48h160zm-32-80a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 36H48a12 12 0 0 0-12 12v160a12 12 0 0 0 12 12h160a12 12 0 0 0 12-12V48a12 12 0 0 0-12-12m4 172a4 4 0 0 1-4 4H48a4 4 0 0 1-4-4V48a4 4 0 0 1 4-4h160a4 4 0 0 1 4 4Zm-40-80a4 4 0 0 1-4 4h-36v36a4 4 0 0 1-8 0v-36H88a4 4 0 0 1 0-8h36V88a4 4 0 0 1 8 0v36h36a4 4 0 0 1 4 4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M208 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-40 104h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 0 16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PlusSquare" {...props} />
+}

package/src/icons/icons.generated/PokerChipIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PokerChipIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PokerChipIcon({ variant = 'regular', ...props }: PokerChipIconProps) {
+  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 152a48 48 0 1 1 48-48 48.05 48.05 0 0 1-48 48m39.21-98.53a63.66 63.66 0 0 0-31.21-13v-24.1a87.6 87.6 0 0 1 48.28 20ZM120 64.52a63.66 63.66 0 0 0-31.21 13L71.72 60.4a87.6 87.6 0 0 1 48.28-20ZM77.47 88.79a63.66 63.66 0 0 0-13 31.21h-24.1a87.6 87.6 0 0 1 20-48.28ZM64.52 136a63.66 63.66 0 0 0 13 31.21L60.4 184.28a87.6 87.6 0 0 1-20-48.28Zm24.27 42.53A63.66 63.66 0 0 0 120 191.48v24.15a87.6 87.6 0 0 1-48.28-20ZM136 191.48a63.66 63.66 0 0 0 31.21-12.95l17.07 17.07a87.6 87.6 0 0 1-48.28 20Zm42.53-24.27A63.66 63.66 0 0 0 191.48 136h24.15a87.6 87.6 0 0 1-20 48.28ZM191.48 120a63.66 63.66 0 0 0-12.95-31.21l17.07-17.07a87.6 87.6 0 0 1 20 48.28Z" /></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 152a52 52 0 1 1 52-52 52.06 52.06 0 0 1-52 52m39.47-97.13A59.7 59.7 0 0 0 132 68.15V36.09a91.64 91.64 0 0 1 58.13 24.12ZM124 68.15a59.7 59.7 0 0 0-35.47 14.72L65.87 60.21A91.64 91.64 0 0 1 124 36.09ZM82.87 88.53A59.7 59.7 0 0 0 68.15 124H36.09a91.64 91.64 0 0 1 24.12-58.13ZM68.15 132a59.7 59.7 0 0 0 14.72 35.47l-22.66 22.66A91.64 91.64 0 0 1 36.09 132Zm20.38 41.13A59.7 59.7 0 0 0 124 187.85v32.06a91.64 91.64 0 0 1-58.13-24.12ZM132 187.85a59.7 59.7 0 0 0 35.47-14.72l22.66 22.66A91.64 91.64 0 0 1 132 219.91Zm41.13-20.38A59.7 59.7 0 0 0 187.85 132h32.06a91.64 91.64 0 0 1-24.12 58.13ZM187.85 124a59.7 59.7 0 0 0-14.72-35.47l22.66-22.66A91.64 91.64 0 0 1 219.91 124Z" /></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 24M60.4 71.72l17.07 17.07a63.66 63.66 0 0 0-13 31.21h-24.1A87.6 87.6 0 0 1 60.4 71.72M40.37 136h24.15a63.66 63.66 0 0 0 13 31.21L60.4 184.28A87.6 87.6 0 0 1 40.37 136M120 215.63a87.6 87.6 0 0 1-48.28-20l17.07-17.07A63.66 63.66 0 0 0 120 191.48Zm0-151.11a63.66 63.66 0 0 0-31.21 13L71.72 60.4a87.6 87.6 0 0 1 48.28-20ZM215.63 120h-24.15a63.66 63.66 0 0 0-12.95-31.21l17.07-17.07A87.6 87.6 0 0 1 215.63 120M136 40.37a87.6 87.6 0 0 1 48.28 20l-17.07 17.1a63.66 63.66 0 0 0-31.21-13Zm0 175.26v-24.15a63.66 63.66 0 0 0 31.21-12.95l17.07 17.07A87.6 87.6 0 0 1 136 215.63m59.6-31.35-17.07-17.07A63.66 63.66 0 0 0 191.48 136h24.15a87.6 87.6 0 0 1-20.03 48.28" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PokerChip" {...props} />
+}

package/src/icons/icons.generated/PoliceCarIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PoliceCarIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PoliceCarIcon({ variant = 'regular', ...props }: PoliceCarIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M240 104h-11.36l-27.39-47.94A16 16 0 0 0 187.36 48H68.64a16 16 0 0 0-13.89 8.06L27.36 104H16a8 8 0 0 0 0 16h8v80a16 16 0 0 0 16 16h24a16 16 0 0 0 16-16v-16h96v16a16 16 0 0 0 16 16h24a16 16 0 0 0 16-16v-80h8a8 8 0 0 0 0-16M68.64 64h118.72l22.85 40H45.79ZM64 200H40v-16h24Zm128 0v-16h24v16Zm24-32H40v-48h176ZM56 144a8 8 0 0 1 8-8h16a8 8 0 0 1 0 16H64a8 8 0 0 1-8-8m112 0a8 8 0 0 1 8-8h16a8 8 0 0 1 0 16h-16a8 8 0 0 1-8-8M96 24a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M240 108h-13.68l-28.54-49.95a12 12 0 0 0-10.42-6H68.64a12 12 0 0 0-10.42 6L29.68 108H16a4 4 0 0 0 0 8h12v84a12 12 0 0 0 12 12h24a12 12 0 0 0 12-12v-20h104v20a12 12 0 0 0 12 12h24a12 12 0 0 0 12-12v-84h12a4 4 0 0 0 0-8M65.17 62a4 4 0 0 1 3.47-2h118.72a4 4 0 0 1 3.47 2l26.28 46H38.89ZM68 200a4 4 0 0 1-4 4H40a4 4 0 0 1-4-4v-20h32Zm148 4h-24a4 4 0 0 1-4-4v-20h32v20a4 4 0 0 1-4 4m4-32H36v-56h184ZM60 144a4 4 0 0 1 4-4h16a4 4 0 0 1 0 8H64a4 4 0 0 1-4-4m112 0a4 4 0 0 1 4-4h16a4 4 0 0 1 0 8h-16a4 4 0 0 1-4-4M100 24a4 4 0 0 1 4-4h48a4 4 0 0 1 0 8h-48a4 4 0 0 1-4-4" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M96 24a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8m152 88a8 8 0 0 1-8 8h-8v80a16 16 0 0 1-16 16h-24a16 16 0 0 1-16-16v-8H80v8a16 16 0 0 1-16 16H40a16 16 0 0 1-16-16v-80h-8a8 8 0 0 1 0-16h11.36l27.39-47.94A16 16 0 0 1 68.64 48h118.72a16 16 0 0 1 13.89 8.06L228.64 104H240a8 8 0 0 1 8 8M88 144a8 8 0 0 0-8-8H56a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m120 0a8 8 0 0 0-8-8h-24a8 8 0 0 0 0 16h24a8 8 0 0 0 8-8m2.21-40-22.85-40H68.64l-22.85 40Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PoliceCar" {...props} />
+}

package/src/icons/icons.generated/PolygonIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PolygonIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PolygonIcon({ variant = 'regular', ...props }: PolygonIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M230.64 49.36a32 32 0 0 0-45.26 0 32 32 0 0 0-5.16 6.76L152 48.42a32 32 0 0 0-54.63-23.06 32.06 32.06 0 0 0-5.76 37.41L57.67 93.32a32.05 32.05 0 0 0-40.31 4.05 32 32 0 0 0 42.89 47.41l70 51.36a32 32 0 1 0 47.57-14.69l27.39-77.59q1.38.12 2.76.12a32 32 0 0 0 22.63-54.62Zm-122-12.69a16 16 0 1 1 0 22.64 16 16 0 0 1 .04-22.64Zm-80 94.65a16 16 0 0 1 0-22.64 16 16 0 1 1 0 22.64m142.65 88a16 16 0 0 1-22.63-22.63 16 16 0 1 1 22.63 22.63m-8.55-43.18a32 32 0 0 0-23 7.08l-70-51.36a32.17 32.17 0 0 0-1.34-26.65l33.95-30.55a32 32 0 0 0 45.47-10.81L176 71.56a32 32 0 0 0 14.12 27ZM219.3 83.3a16 16 0 1 1-22.6-22.62 16 16 0 0 1 22.63 22.63Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M227.81 52.19a28 28 0 0 0-39.6 0 27.8 27.8 0 0 0-5.88 8.65l-34.56-9.42a28 28 0 0 0-47.57-23.23 28.05 28.05 0 0 0-3.48 35.37L57.91 98.49a28 28 0 0 0-37.72 1.71 28 28 0 0 0 39.6 39.6l.18-.19 75.32 55.24A28 28 0 1 0 173 183.2l29.56-83.75a28.5 28.5 0 0 0 5.44.55 28 28 0 0 0 19.8-47.79ZM105.86 33.85a20 20 0 1 1 0 28.29 20 20 0 0 1 0-28.29m-80 100.29a20 20 0 1 1 28.28 0 20 20 0 0 1-28.29 0Zm148.3 88a20 20 0 1 1 0-28.28 20 20 0 0 1-.01 28.29Zm-8.7-41.6a28 28 0 0 0-25.25 7.66l-.18.19-75.32-55.23a28.13 28.13 0 0 0-1.44-28.73l38.81-34.93a28 28 0 0 0 43.6-10.36l34.56 9.43a28 28 0 0 0 8 23.22 27.6 27.6 0 0 0 6.8 5Zm56.7-94.41a20 20 0 1 1 0-28.29 20 20 0 0 1-.01 28.3Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M227.81 52.19a28 28 0 0 0-39.6 0 28 28 0 0 0-4 5L148 47.33a28 28 0 0 0-47.8-19.14A28 28 0 0 0 94.7 60L54.58 96.1a28 28 0 0 0-34.39 4.1 28 28 0 0 0 36.7 42.12l76.75 56.28a28 28 0 1 0 46.17-10.39 27.7 27.7 0 0 0-3.33-2.84L206.63 100h1.38a28 28 0 0 0 19.8-47.79Zm-66.42 127.86a28 28 0 0 0-18.29 5.64l-76.74-56.28A28.15 28.15 0 0 0 65.29 108l40.12-36.11a28 28 0 0 0 38.37-9.12L180 72.66a27.88 27.88 0 0 0 8.17 19.13 28.6 28.6 0 0 0 3.32 2.85Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Polygon" {...props} />
+}

package/src/icons/icons.generated/PopcornIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PopcornIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PopcornIcon({ variant = 'regular', ...props }: PopcornIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M229.52 74.21a8 8 0 0 0-7.13-2A44 44 0 0 0 168 41.67a44 44 0 0 0-80 0 44 44 0 0 0-54.4 30.51 8 8 0 0 0-9.4 9.65l30.56 129.84A16 16 0 0 0 70.34 224h115.32a16 16 0 0 0 15.58-12.33l30.55-129.84a8 8 0 0 0-2.27-7.62M76 56a27.7 27.7 0 0 1 13.11 3.26 8 8 0 0 0 11.56-5.34 28 28 0 0 1 54.66 0 8 8 0 0 0 11.56 5.34A28 28 0 0 1 207 76.54l-38.56 11-34.49-13.8a16 16 0 0 0-11.88 0l-34.5 13.82L49 76.54A28 28 0 0 1 76 56m-5.66 152L42.91 91.44l37.85 10.81L94.86 208Zm74.66 0h-34L96.75 101.12 128 88.62l31.25 12.5Zm40.66 0h-24.52l14.1-105.75 37.85-10.81Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M226.76 77.11a4 4 0 0 0-3.86-1l-3.49 1a40 40 0 0 0-53.71-30.47 40 40 0 0 0-75.4 0 40 40 0 0 0-53.71 30.51l-3.49-1a4 4 0 0 0-5 4.77l30.56 129.83A11.94 11.94 0 0 0 70.34 220h115.32a11.94 11.94 0 0 0 11.68-9.25l30.55-129.83a4 4 0 0 0-1.13-3.81M76 52a32.1 32.1 0 0 1 15 3.72 4 4 0 0 0 5.78-2.66 32 32 0 0 1 62.47 0 4 4 0 0 0 5.75 2.66 32 32 0 0 1 46.65 23.64l-43.43 12.42-35.76-14.31a12 12 0 0 0-8.92 0L87.78 91.78 44.33 79.36A32 32 0 0 1 76 52m-5.66 160a4 4 0 0 1-3.9-3.08l-29-123.2 46.94 13.41L99.43 212Zm37.16 0L92.38 98.56l34.14-13.66a4 4 0 0 1 3 0l34.13 13.66L148.5 212Zm82.06-3.08a4 4 0 0 1-3.9 3.08h-29.09l15.05-112.87 46.92-13.41Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M229.52 74.21a8 8 0 0 0-7.13-2A44 44 0 0 0 168 41.67a44 44 0 0 0-80 0 44 44 0 0 0-54.4 30.51 8 8 0 0 0-9.4 9.65l30.56 129.84A16 16 0 0 0 70.34 224h115.32a16 16 0 0 0 15.58-12.33l30.55-129.84a8 8 0 0 0-2.27-7.62M70.34 208 42.91 91.44l37.85 10.81L94.86 208Zm51.72-134.24-34.49 13.8L49 76.54a28 28 0 0 1 40.1-17.28 8 8 0 0 0 11.56-5.34 28 28 0 0 1 54.66 0 8 8 0 0 0 11.56 5.34A28 28 0 0 1 207 76.54l-38.56 11-34.49-13.8a16 16 0 0 0-11.89.02M185.66 208h-24.52l14.1-105.75 37.85-10.81Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Popcorn" {...props} />
+}

package/src/icons/icons.generated/PopsicleIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PopsicleIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PopsicleIcon({ variant = 'regular', ...props }: PopsicleIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 8a72.08 72.08 0 0 0-72 72v96a16 16 0 0 0 16 16h32v40a24 24 0 0 0 48 0v-40h32a16 16 0 0 0 16-16V80a72.08 72.08 0 0 0-72-72m8 224a8 8 0 0 1-16 0v-40h16Zm48-56H72V80a56 56 0 0 1 112 0zM120 72v80a8 8 0 0 1-16 0V72a8 8 0 0 1 16 0m32 0v80a8 8 0 0 1-16 0V72a8 8 0 0 1 16 0" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 12a68.07 68.07 0 0 0-68 68v96a12 12 0 0 0 12 12h36v44a20 20 0 0 0 40 0v-44h36a12 12 0 0 0 12-12V80a68.07 68.07 0 0 0-68-68m12 220a12 12 0 0 1-24 0v-44h24Zm48-56a4 4 0 0 1-4 4H72a4 4 0 0 1-4-4V80a60 60 0 0 1 120 0ZM116 72v80a4 4 0 0 1-8 0V72a4 4 0 0 1 8 0m32 0v80a4 4 0 0 1-8 0V72a4 4 0 0 1 8 0" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 8a72.08 72.08 0 0 0-72 72v96a16 16 0 0 0 16 16h32v40a24 24 0 0 0 48 0v-40h32a16 16 0 0 0 16-16V80a72.08 72.08 0 0 0-72-72m-16 144a8 8 0 0 1-16 0V72a8 8 0 0 1 16 0Zm24 80a8 8 0 0 1-16 0v-40h16Zm24-80a8 8 0 0 1-16 0V72a8 8 0 0 1 16 0Z" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Popsicle" {...props} />
+}

package/src/icons/icons.generated/PottedPlantIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PottedPlantIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PottedPlantIcon({ variant = 'regular', ...props }: PottedPlantIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M200 144h-76.7l2.35-2.35 20.06-20.06a59.55 59.55 0 0 0 26.1 6.36 49.56 49.56 0 0 0 25.89-7.22c23.72-14.36 36.43-47.6 34-88.92a8 8 0 0 0-7.52-7.52c-41.32-2.42-74.56 10.28-88.92 34-9.36 15.45-9.6 34.11-.87 52L120 124.68l-12.21-12.21c6-13.25 5.57-27-1.39-38.48C95.53 56 70.61 46.41 39.73 48.22a8 8 0 0 0-7.51 7.51C30.4 86.6 40 111.52 58 122.4a38.2 38.2 0 0 0 20 5.6 45 45 0 0 0 18.52-4.19L108.68 136l-8 8H56a8 8 0 0 0 0 16h9.59l13.21 59.47A15.91 15.91 0 0 0 94.42 232h67.17a15.91 15.91 0 0 0 15.62-12.53L190.42 160H200a8 8 0 0 0 0-16m-51-77.42c10.46-17.26 35.24-27 67-26.57.41 31.81-9.31 56.58-26.57 67-11.51 7-25.4 6.54-39.28-1.18C142.42 92 142 78.09 149 66.58m-56.89 41.53c-9.2 4.93-18.31 5.16-25.83.6C54.78 101.74 48.15 85.31 48 64c21.31.15 37.75 6.78 44.71 18.28 4.56 7.52 4.29 16.63-.6 25.83M161.59 216H94.42L82 160h92Z" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M122.83 138.83 145 116.7c9 4.89 18.06 7.35 26.81 7.35a45.57 45.57 0 0 0 23.87-6.74c22.42-13.58 34.41-45.45 32.07-85.26a4 4 0 0 0-3.75-3.76c-39.81-2.35-71.68 9.65-85.26 32.07-9.21 15.2-9 33.09.61 50.68L120 130.34l-17.06-17.06c6.66-12.78 6.71-26.2 0-37.22C92.89 59.4 69.33 50.49 40 52.21A4 4 0 0 0 36.21 56c-1.73 29.36 7.19 52.92 23.85 63A34.3 34.3 0 0 0 78 124a42 42 0 0 0 19.34-5l17 17.06-12 12H56a4 4 0 0 0 0 8h12.79L82.7 218.6a11.93 11.93 0 0 0 11.72 9.4h67.17a11.93 11.93 0 0 0 11.71-9.4l13.91-62.6H200a4 4 0 0 0 0-8h-86.34zm22.7-74.32c11.62-19.2 39.27-29.71 74.37-28.41 1.29 35.1-9.21 62.74-28.41 74.37-13.08 7.92-28.77 7.32-44.29-1.68-8.99-15.51-9.59-31.2-1.67-44.28m-50.48 46.54c-10.84 6.19-21.76 6.59-30.84 1.08C50.78 104 43.35 84.68 44 60c24.64-.69 44 6.74 52.1 20.17 5.54 9.12 5.14 20.04-1.05 30.88m84 45-13.53 60.87a4 4 0 0 1-3.9 3.13h-67.2a4 4 0 0 1-3.91-3.13L77 156Z" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M200 144h-76.7l22.41-22.41a59.55 59.55 0 0 0 26.1 6.36 49.56 49.56 0 0 0 25.89-7.22c23.72-14.36 36.43-47.6 34-88.92a8 8 0 0 0-7.52-7.52c-41.32-2.43-74.56 10.28-88.93 34-9.35 15.45-9.59 34.11-.86 52L120 124.68l-12.21-12.21c6-13.25 5.57-27-1.39-38.48C95.53 56 70.61 46.41 39.73 48.22a8 8 0 0 0-7.51 7.51C30.4 86.6 40 111.52 58 122.4a38.2 38.2 0 0 0 20 5.6 45 45 0 0 0 18.52-4.19L108.69 136l-8 8H56a8 8 0 0 0 0 16h9.59l13.21 59.47A15.89 15.89 0 0 0 94.42 232h67.17a15.91 15.91 0 0 0 15.62-12.53L190.42 160H200a8 8 0 0 0 0-16" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="PottedPlant" {...props} />
+}

package/src/icons/icons.generated/PowerIcon.tsx

@@ -0,0 +1,21 @@
+import { Icon, type IconProps } from '../../components/Icon.tsx'
+
+export interface PowerIconProps extends IconProps {
+  variant?: 'regular' | 'thin' | 'fill'
+}
+
+export function PowerIcon({ variant = 'regular', ...props }: PowerIconProps) {
+  const src = (() => {
+    switch (variant) {
+      default:
+      case 'regular':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M120 128V48a8 8 0 0 1 16 0v80a8 8 0 0 1-16 0m60.37-78.7a8 8 0 0 0-8.74 13.4C194.74 77.77 208 101.57 208 128a80 80 0 0 1-160 0c0-26.43 13.26-50.23 36.37-65.3a8 8 0 0 0-8.74-13.4C47.9 67.38 32 96.06 32 128a96 96 0 0 0 192 0c0-31.94-15.9-60.62-43.63-78.7" /></svg>
+      case 'thin':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M124 128V48a4 4 0 0 1 8 0v80a4 4 0 0 1-8 0m54.18-75.35a4 4 0 1 0-4.36 6.7C198.08 75.17 212 100.2 212 128a84 84 0 0 1-168 0c0-27.8 13.92-52.83 38.18-68.65a4 4 0 0 0-4.36-6.7C51.24 70 36 97.44 36 128a92 92 0 0 0 184 0c0-30.56-15.24-58-41.82-75.35" /></svg>
+      case 'fill':
+        return <svg fill="currentColor" viewBox="0 0 256 256"><path d="M128 24a104 104 0 1 0 104 104A104 104 0 0 0 128 24m-8 40a8 8 0 0 1 16 0v64a8 8 0 0 1-16 0Zm8 144A80 80 0 0 1 83.55 61.48a8 8 0 1 1 8.9 13.29 64 64 0 1 0 71.1 0 8 8 0 1 1 8.9-13.29A80 80 0 0 1 128 208" /></svg>
+    }
+  })()
+
+  return <Icon src={src} data-name="Power" {...props} />
+}