@mirohq/design-system-icons 1.1.1 → 1.2.0-remove-weight-icons.0

package/react/highlighter.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconHighlighter: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,19 +24,16 @@ export const IconHighlighter: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m23 12-4.5881 4.9704c-.7705.8347-2.0806.8609-2.8838.0577l-7.674-7.674c-.7572-.7572-.7837-1.9764-.0601-2.7657l4.206-4.5884'
+        fill='currentColor'
+        d='m14.8215 17.7352-7.6743-7.674c-1.1357-1.1358-1.1751-2.9645-.0898-4.1485l4.2054-4.5887 1.4744 1.352-4.206 4.5881c-.3618.3946-.3489 1.0042.0294 1.3828l7.6744 7.674c.4016.4016 1.0569.3881 1.4422-.0293l4.5884-4.9696 1.469 1.3563-4.5877 4.9703c-1.1557 1.2519-3.1205 1.2911-4.3254.0866Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m7.5 9.5 8 7.5-2.5 3-8.5-8 3-2.5Z'
+        fill='currentColor'
+        d='m16.2686 17.6399-2.4999 3.0002-.7685-.6411-.6857.7287-8.4995-7.9997.0453-1.4962 2.9993-2.4996 1.3242.0379 8.0001 7.5006.0847 1.3692Zm-3.9541 3.0878.6857-.7273.7685.6397-1.4542.0876Zm-4.8537-9.8943-1.4535 1.2118 6.904 6.4982 1.2169-1.4599-6.6674-6.2501Z'
       />,
       <path
         fill='currentColor'
-        d='m2 19-.8192-.5734-.1808.5734h1Zm8 2v1l.8575-.4855-.8575-.5145Zm-8 0h-1v1h1v-1Zm2.6808-7.5735-3.5 5.0001 1.6384 1.1469 3.5-5-1.6384-1.147Zm6.1767 8.088 1.5-2.5-1.715-1.029-1.5 2.5 1.715 1.029Zm-9.8575-2.5145v2h2v-2h-2Zm1 3h8v-2h-8v2Z'
+        d='m6.3195 14.5737-3.3198 4.7407v.6847l6.4335-.0003 1.2095-2.0138 1.715 1.0295-1.5 2.5001-.858.4854.0005-1.0001-.001-.001.0005 1.0011-8.9994.0004-.0004-3.0005.1807-.5731 3.5001-5.0005 1.6388 1.1474Z'
       />
     )
   }

package/react/house.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconHouse: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,11 +24,8 @@ export const IconHouse: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 8v13h5.5v-5h5v5h5.5v-13l-8-5-8 5Z'
+        fill='currentColor'
+        d='m12.5303 2.1523 8 5 .4697.8477v13l-1 1h-5.5l-1-1v-4h-3v4l-1 1h-5.5l-1-1v-13l.4697-.8477 8-5h1.0606Zm-7.5303 6.4014v11.4463h3.5v-4l1-1h5l1 1v4h3.5v-11.4463l-7-4.375-7 4.375Z'
       />
     )
   }

package/react/image.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconImage: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -24,28 +23,13 @@ export const IconImage: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <rect
-        width={18}
-        height={18}
-        x={3}
-        y={3}
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
-      />,
-      <circle
-        cx={15}
-        cy={9}
-        r={2}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
+      <path
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m3 17 4-5h2l8 9'
+        fill='currentColor'
+        d='M16 9c0-.5523-.4477-1-1-1s-1 .4477-1 1 .4477 1 1 1 1-.4477 1-1Zm2 0c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3 1.3431-3 3-3 3 1.3431 3 3ZM9 11l.747.3359 8.0001 9-1.4942 1.3282-7.7011-8.6641h-1.0704l-3.7001 4.625-1.5625-1.25 4-5 .7812-.375h2Z'
       />
     )
   }

package/react/indent-left.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconIndentLeft: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,12 @@ export const IconIndentLeft: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 6h16m-10 6h10m-16 6h16'
+        fill='currentColor'
+        d='M20 17v2h-16v-2h16Zm0-6v2h-10v-2h10Zm0-6v2h-16v-2h16ZM7 13.5v-3l-3 1.5 3 1.5Z'
       />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        d='M7 13.5v-3l-3 1.5 3 1.5Z'
+        d='M7.5 10.5v3l-.7236.4473-3-1.5v-.8946l3-1.5.7236.4473Zm-2.3818 1.5 1.3818.6904v-1.3818l-1.3818.6914Z'
       />
     )
   }

package/react/indent-right.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconIndentRight: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,12 @@ export const IconIndentRight: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M4 6h16m-10 6h10m-16 6h16'
+        fill='currentColor'
+        d='M20 17v2h-16v-2h16Zm0-6v2h-10v-2h10Zm0-6v2h-16v-2h16ZM4 13.5v-3l3 1.5-3 1.5Z'
       />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        d='M4 13.5v-3l3 1.5-3 1.5Z'
+        d='M3.5 10.5v3l.7236.4473 3-1.5v-.8946l-3-1.5-.7236.4473Zm2.3818 1.5-1.3818.6904v-1.3818l1.3818.6914Z'
       />
     )
   }

package/react/index.ts

@@ -198,6 +198,7 @@ export { IconFlag } from './flag'
 export { IconFlipCard } from './flip-card'
 export { IconFlip } from './flip'
 export { IconFolder } from './folder'
+export { IconFormula } from './formula'
 export { IconFrameLinesTwo } from './frame-lines-two'
 export { IconFramePlay } from './frame-play'
 export { IconFramePlus } from './frame-plus'
@@ -226,7 +227,6 @@ export { IconHighlighterColorSelection } from './highlighter-color-selection'
 export { IconHighlighterUnderline } from './highlighter-underline'
 export { IconHighlighter } from './highlighter'
 export { IconHouse } from './house'
-export { IconFormula } from './formula'
 export { IconImage } from './image'
 export { IconIndentLeft } from './indent-left'
 export { IconIndentRight } from './indent-right'
@@ -533,7 +533,9 @@ export { IconUserTickDown } from './user-tick-down'
 export { IconUser } from './user'
 export { IconUsersThree } from './users-three'
 export { IconUsers } from './users'
+export { IconVideoCameraSimpleCircle } from './video-camera-simple-circle'
 export { IconVideoCameraSimpleError } from './video-camera-simple-error'
+export { IconVideoCameraSimpleMic } from './video-camera-simple-mic'
 export { IconVideoCameraSimpleSlash } from './video-camera-simple-slash'
 export { IconVideoCameraSimple } from './video-camera-simple'
 export { IconVideoCamera } from './video-camera'

package/react/information-mark-circle.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconInformationMarkCircle: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -24,19 +23,14 @@ export const IconInformationMarkCircle: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <circle
-        cx={12}
-        cy={12}
-        r={9}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-      />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 17v-5h-2.5'
+        fill='currentColor'
+        d='M20 12c0-4.4183-3.5817-8-8-8s-8 3.5817-8 8 3.5817 8 8 8 8-3.5817 8-8Zm2 0c0 5.5228-4.4772 10-10 10-5.5229 0-10-4.4772-10-10 0-5.5229 4.4771-10 10-10 5.5228 0 10 4.4771 10 10Z'
       />,
-      <circle cx={12} cy={8.5} r={1.5} fill='currentColor' />
+      <path
+        fill='currentColor'
+        d='M13 11v6h-2v-4h-1.5v-2h3.5ZM13.5 8.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />
     )
   }
 )

package/react/insights.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconInsights: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,14 +24,12 @@ export const IconInsights: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 17h10c1.1046 0 2-.8954 2-2v-10c0-1.1046-.8954-2-2-2h-10c-1.1046 0-2 .8954-2 2v10c0 1.1046.8954 2 2 2Z'
+        fill='currentColor'
+        d='M16 5c0-.5523-.4477-1-1-1h-10c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h10c.5523 0 1-.4477 1-1v-10Zm2 10c0 1.6569-1.3431 3-3 3h-10c-1.6568 0-3-1.3431-3-3v-10c0-1.6568 1.3432-3 3-3h10c1.6569 0 3 1.3432 3 3v10Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6.0307 17.7085c-.1918 1.0878.5345 2.1251 1.6223 2.3169l9.8481 1.7365c1.0878.1918 2.1251-.5345 2.3169-1.6223l1.7365-9.8481c.1918-1.0878-.5345-2.1251-1.6223-2.317l-3.1397-.5535'
+        fill='currentColor'
+        d='M20.1055 6.9893c1.6316.2877 2.7212 1.844 2.4336 3.4756l-1.7364 9.8486c-.2878 1.6315-1.844 2.7213-3.4756 2.4336l-9.8476-1.7373c-1.6316-.2877-2.721-1.843-2.4336-3.4746l1.9697.3467c-.0959.5439.2676 1.0633.8115 1.1592l9.8477 1.7363c.5439.0958 1.0623-.2677 1.1582-.8115l1.7363-9.8477c.0959-.5438-.2667-1.0632-.8105-1.1592l-3.1397-.5537.3467-1.9687 3.1397.5527Z'
       />
     )
   }

package/react/kanban.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconKanban: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,15 +24,8 @@ export const IconKanban: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 4h-7.5a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-4.5m0-11v11m0-11h7.5a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-.5.5h-7.5'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 4v.0001'
+        fill='currentColor'
+        d='M5 19h6v-14h-6v14Zm8-5h6v-9h-6v9Zm8 .5c0 .8284-.6716 1.5-1.5 1.5h-6.5v3.5c0 .8284-.6716 1.5-1.5 1.5h-7c-.8284 0-1.5-.6716-1.5-1.5v-15c0-.8284.6716-1.5 1.5-1.5h15c.8284 0 1.5.6716 1.5 1.5v10Z'
       />
     )
   }

package/react/key.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconKey: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -24,28 +23,15 @@ export const IconKey: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <circle
-        cx={7}
-        cy={9}
-        r={4}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-      />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11 9h10v5'
+        fill='currentColor'
+        d='M10 9c0-1.6569-1.3431-3-3-3s-3 1.3431-3 3 1.3431 3 3 3 3-1.3431 3-3Zm2 0c0 2.7614-2.2386 5-5 5s-5-2.2386-5-5 2.2386-5 5-5 5 2.2386 5 5Z'
       />,
+      <path fill='currentColor' d='m21 8 1 1v5h-2v-4h-9v-2h10Z' />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M17 9v5'
-      />,
-      <circle cx={9.5} cy={18.5} r={1.5} fill='currentColor' />,
-      <circle cx={4.5} cy={18.5} r={1.5} fill='currentColor' />,
-      <circle cx={14.5} cy={18.5} r={1.5} fill='currentColor' />,
-      <circle cx={19.5} cy={18.5} r={1.5} fill='currentColor' />
+        fill='currentColor'
+        d='M18 9v5h-2v-5h2ZM11 18.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM6 18.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM16 18.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5ZM21 18.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Z'
+      />
     )
   }
 )

package/react/keycap.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconKeycap: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,10 +24,11 @@ export const IconKeycap: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 21h14c1.1046 0 2-.8954 2-2v-14c0-1.1046-.8954-2-2-2h-14c-1.1046 0-2 .8954-2 2v14c0 1.1046.8954 2 2 2ZM10 7v7M6 7h8'
-      />
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
+      />,
+      <path fill='currentColor' d='M11 7v7h-2v-7h2Z' />,
+      <path fill='currentColor' d='M14 6v2h-8v-2h8Z' />
     )
   }
 )

package/react/laptop.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLaptop: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,20 +24,8 @@ export const IconLaptop: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M2 20h20'
-      />,
-      <rect
-        width={16}
-        height={13}
-        x={4}
-        y={4}
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        rx={2}
+        fill='currentColor'
+        d='M22 19v2h-20v-2h20ZM19 6c0-.5523-.4477-1-1-1h-12c-.5523 0-1 .4477-1 1v9c0 .5523.4477 1 1 1h12c.5523 0 1-.4477 1-1v-9Zm2 9c0 1.6569-1.3431 3-3 3h-12c-1.6569 0-3-1.3431-3-3v-9c0-1.6569 1.3431-3 3-3h12c1.6569 0 3 1.3431 3 3v9Z'
       />
     )
   }

package/react/lasso.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLasso: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,21 +24,16 @@ export const IconLasso: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M21 10.5c0 4.1421-4.0294 7.5-9 7.5-1.0519 0-2.0617-.1504-3-.4268'
+        fill='currentColor'
+        d='M22 10.5c0 4.8574-4.6556 8.5-10 8.5-1.1471 0-2.2519-.1643-3.2822-.4678l.5644-1.9179c.8463.2492 1.7612.3857 2.7178.3857 4.5967 0 8-3.0731 8-6.5h2Z'
       />,
-      <circle
-        cx={6.5}
-        cy={16.5}
-        r={2.5}
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
+      <path
+        fill='currentColor'
+        d='M8 16.5c0-.8284-.6716-1.5-1.5-1.5s-1.5.6716-1.5 1.5.6716 1.5 1.5 1.5 1.5-.6716 1.5-1.5Zm2 0c0 1.933-1.567 3.5-3.5 3.5s-3.5-1.567-3.5-3.5 1.567-3.5 3.5-3.5 3.5 1.567 3.5 3.5Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M7 19c1 1 1 3 0 4'
+        fill='currentColor'
+        d='M7.707 18.293c.73.7299 1.043 1.7585 1.043 2.707 0 .9485-.313 1.9771-1.043 2.707l-1.414-1.414c.27-.2701.457-.7415.457-1.293 0-.5515-.187-1.0229-.457-1.293l1.414-1.414Z'
       />,
       <path
         fill='currentColor'

package/react/layout.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLayout: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -24,11 +23,12 @@ export const IconLayout: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path fill='currentColor' d='M21 8v2h-18v-2h18Z' />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 5c0-1.1046.8954-2 2-2h14c1.1046 0 2 .8954 2 2v14c0 1.1046-.8954 2-2 2h-14c-1.1046 0-2-.8954-2-2v-14ZM3 9h18M9 9v12'
-      />
+        fill='currentColor'
+        d='M20 5c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-14c0-1.6568 1.3432-3 3-3h14c1.6569 0 3 1.3432 3 3v14Z'
+      />,
+      <path fill='currentColor' d='M10 9v12h-2v-12h2Z' />
     )
   }
 )

package/react/lifesaver.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLifesaver: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,16 +24,8 @@ export const IconLifesaver: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='M14.8284 14.8284c-1.5621 1.5621-4.0947 1.5621-5.6568 0m5.6568 0c1.5621-1.5621 1.5621-4.0947 0-5.6568m0 5.6568 3.182 3.182m-8.8388-3.182c-1.5621-1.5621-1.5621-4.0947 0-5.6568m0 5.6568-3.182 3.182m3.182-8.8388c1.5621-1.5621 4.0947-1.5621 5.6568 0m-5.6568 0-3.182-3.182m8.8388 3.182 3.182-3.182m.3536 12.3744c-3.5148 3.5147-9.2132 3.5147-12.728 0-3.5147-3.5148-3.5147-9.2132 0-12.728 3.5148-3.5147 9.2132-3.5147 12.728 0 3.5147 3.5148 3.5147 9.2132 0 12.728Z'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 8v.0001'
+        fill='currentColor'
+        d='M4.9287 4.9287c3.9052-3.9052 10.2373-3.9052 14.1426 0 3.9052 3.9053 3.9052 10.2374 0 14.1426-3.9053 3.9052-10.2374 3.9052-14.1426 0-3.9053-3.9052-3.9053-10.2373 0-14.1426Zm9.8281 11.2422c-1.6667 1.1041-3.8481 1.1044-5.5146 0l-2.1465 2.1465c2.8778 2.2399 6.9296 2.2396 9.8076 0l-2.1465-2.1465Zm-9.0752-9.0752c-2.2394 2.8776-2.239 6.9298 0 9.8076l2.1465-2.1465c-1.1037-1.6664-1.104-3.8483 0-5.5146l-2.1465-2.1465Zm10.4893 2.1465c1.1044 1.6665 1.1041 3.848 0 5.5146l2.1465 2.1465c2.2396-2.878 2.2399-6.9298 0-9.8076l-2.1465 2.1465Zm-2.0498.6367c-1.1716-1.1716-3.0706-1.1716-4.2422 0-1.1716 1.1716-1.1716 3.0706 0 4.2422 1.1716 1.1716 3.0706 1.1716 4.2422 0 1.1715-1.1716 1.1715-3.0706 0-4.2422Zm2.7822-4.1972c-2.8778-2.2391-6.93-2.2395-9.8076 0l2.1465 2.1464c1.6663-1.104 3.8481-1.1037 5.5146 0l2.1465-2.1464Z'
       />
     )
   }

package/react/lightbox.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLightbox: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -26,15 +25,9 @@ export const IconLightbox: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        fillRule='evenodd'
-        d='M11 1v2h-6c-1.6568 0-3 1.3431-3 3v10c0 1.6569 1.3432 3 3 3h2.583l-1.25 3h2.1667l1.25-3h4.5l1.25 3h2.1667l-1.25-3h2.5836c1.6569 0 3-1.3431 3-3v-10c0-1.6569-1.3431-3-3-3h-6v-2h-2Zm-7 5c0-.5523.4477-1 1-1h14c.5523 0 1 .4477 1 1v10c0 .5523-.4477 1-1 1h-14c-.5523 0-1-.4477-1-1v-10Z'
-        clipRule='evenodd'
+        d='M13 3h6c1.6569 0 3 1.3431 3 3v10c0 1.6569-1.3431 3-3 3h-2.583l1.25 3h-2.167l-1.25-3h-4.5l-1.25 3h-2.167l1.25-3h-2.583c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h6v-2h2v2Zm-8 2c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10c0-.5523-.4477-1-1-1h-14Z'
       />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 15h18M3 7h18'
-      />
+      <path fill='currentColor' d='M21 13v2h-18v-2h18ZM21 7v2h-18v-2h18Z' />
     )
   }
 )

package/react/lightbulb.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLightbulb: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -26,7 +25,7 @@ export const IconLightbulb: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='M9 14h1l-.4993-.8656-.5007.8656Zm6 0-.5007-.8656-.4993.8656h1Zm-6 3h-1l1 1v-1Zm6 0v1l1-1h-1Zm-8-8c0-2.7614 2.2386-5 5-5v-2c-3.866 0-7 3.134-7 7h2Zm5-5c2.7614 0 5 2.2386 5 5h2c0-3.866-3.134-7-7-7v2Zm-2.4993 9.1344c-1.532-.8862-2.5007-2.3223-2.5007-4.1344h-2c0 2.6296 1.4445 4.677 3.4993 5.8656l1.0014-1.7312Zm7.4993-4.1344c0 1.8121-.9687 3.2482-2.5007 4.1344l1.0014 1.7312c2.0548-1.1886 3.4993-3.236 3.4993-5.8656h-2Zm-9 5v3h2v-3h-2Zm1 4h6v-2h-6v2Zm7-1v-3h-2v3h2ZM15 20h-6v1l1.5 1h3l1.5-1v-1Z'
+        d='M17 9c0-2.7614-2.2386-5-5-5s-5 2.2386-5 5c0 1.8121.969 3.2486 2.501 4.1348l.499.8652v2h4v-2l.499-.8652c1.532-.8862 2.501-2.3227 2.501-4.1348Zm2 0c0 2.4102-1.2152 4.3288-3 5.5479v2.4521l-1 1h-6l-1-1v-2.4521c-1.7847-1.2191-3-3.1377-3-5.5479 0-3.866 3.134-7 7-7s7 3.134 7 7ZM15 20h-6v1l1.5 1h3l1.5-1v-1Z'
       />
     )
   }

package/react/lightning.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconLightning: IconComponentType = forwardRef(
-  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) => {
+  ({ size = 'medium', ...props }, forwardRef) => {
     const [debug] = useLocalStorage('DEBUG_ICON', false)
     return createElement(
       StyledIcon,
       {
         ...props,
-        weight,
         debug,
         'aria-hidden': true,
         size,
@@ -25,10 +24,8 @@ export const IconLightning: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m4 15 8-14v8h8l-8.5 14v-8h-7.5Z'
+        fill='currentColor'
+        d='M13 1v7h7l.8545 1.5185-8.5 14.0001-1.8545-.5186v-7h-6.5l-.8682-1.4961 8-14 1.8682.4961Zm-7.2773 13h5.7773l1 1v4.4268l5.7236-9.4268h-6.2236l-1-1v-4.2354l-5.2773 9.2354Z'
       />
     )
   }