@mirohq/design-system-icons 1.1.1 → 1.2.0

package/react/magnet.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMagnet: 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 IconMagnet: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m11.5 16-.0072 1h.0072v-1Zm0-7-.0072 1h.0072v-1Zm8.5 0v1h1v-1h-1Zm0 7h1v-1h-1v1Zm0 5v1h1v-1h-1Zm0-17h1l-1-1v1Zm-8.4928 11c-1.3996-.0101-2.517-1.1308-2.5072-2.4927l-2-.0145c-.0181 2.504 2.0265 4.4893 4.4928 4.5072l.0144-2Zm-2.5072-2.4927c.0101-1.3997 1.1309-2.5172 2.4928-2.5073l.0145-2c-2.504-.0181-4.4894 2.0265-4.5073 4.4928l2 .0145Zm6.0254-8.4705-.0254 4.958 2 .0103.0253-4.958-1.9999-.0103Zm-.0254 11.9632v5h2v-5h-2Zm6-7v-4.9398h-2v4.9398h2Zm-2 7v5h2v-5h-2Zm1-8h-4v2h4v-2Zm-4 9h4v-2h-4v2Zm4 3h-4v2h4v-2Zm-4 0h-2v2h2v-2Zm-4.5 0c-4.1421 0-7.5-3.3579-7.5-7.5h-2c0 5.2467 4.2533 9.5 9.5 9.5v-2Zm-7.5-7.5c0-4.1421 3.3579-7.5 7.5-7.5v-2c-5.2467 0-9.5 4.2533-9.5 9.5h2Zm7.5 9.5h5.5v-2h-5.5v2Zm0-17h8.5v-2h-8.5v2Zm7.5-1v3h2v-3h-2Zm-3 4h-4.5v2h4.5v-2Zm-4.5 9h4.5v-2h-4.5v2Z'
+        d='m20 3 1 1v6h-9.5068c-1.3618-.0099-2.4828 1.1074-2.4932 2.5068-.0099 1.3618 1.1074 2.4828 2.5068 2.4932h9.4932v7h-9.5c-5.2467 0-9.5-4.2533-9.5-9.5s4.2533-9.5 9.5-9.5h8.5Zm-3 17h2v-3h-2v3Zm.0049-12h1.9951v-3h-1.9795l-.0156 3Zm-13.0049 4.5c0 4.1421 3.3579 7.5 7.5 7.5h3.5v-3h-3.5068c-2.4662-.0179-4.5111-2.003-4.4932-4.5068.0179-2.4639 1.9994-4.5073 4.5-4.4932h3.5049l.0156-3h-3.5205c-4.1421 0-7.5 3.3579-7.5 7.5Z'
       />
     )
   }

package/react/magnifying-glass-lightning.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMagnifyingGlassLightning: 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,13 @@ export const IconMagnifyingGlassLightning: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m14.5 1.5-3.5 4.5h3l-3 4'
+        fill='currentColor'
+        d='m15.2891 2.1143-2.2442 2.8857h.9551l.7998 1.5996-3 4-1.5996-1.1992 1.8008-2.4004h-1.001l-.7891-1.6143 3.5-4.5 1.5782 1.2286Z'
       />,
       <path
         fill='currentColor'
         fillRule='evenodd'
-        d='M8.8345 3.0968a6.9953 6.9953 0 0 1 .1655-.0258v2.0288c-2.282.4628-4 2.4818-4 4.9002 0 2.7615 2.2386 5 5 5s5-2.2385 5-5h2c0 1.5724-.5184 3.0236-1.3936 4.1922l5.1007 5.1007-1.4142 1.4142-5.1007-5.1007c-1.1686.8752-2.6199 1.3936-4.1922 1.3936-3.866 0-7-3.134-7-7 0-3.4695 2.5231-6.3477 5.8345-6.9032Z'
+        d='M8.8345 3.0967a6.9952 6.9952 0 0 1 .1655-.0257v2.0288c-2.282.4628-4 2.4818-4 4.9002 0 2.7614 2.2386 5 5 5s5-2.2386 5-5h2c0 1.5723-.5184 3.0236-1.3936 4.1922l5.1007 5.1007-1.4142 1.4142-5.1007-5.1007c-1.1686.8752-2.6199 1.3936-4.1922 1.3936-3.866 0-7-3.134-7-7 0-3.4695 2.5231-6.3477 5.8345-6.9033Z'
         clipRule='evenodd'
       />
     )

package/react/magnifying-glass-plus.tsx

@@ -10,24 +10,26 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMagnifyingGlassPlus: 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,
-        viewBox: '0 0 24 22',
+        viewBox: '0 0 24 24',
         fill: 'none',
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 4c-3.3137 0-6 2.6863-6 6s2.6863 6 6 6c2.973 0 5.441-2.1623 5.917-5m4.083 9-6-6M16 1v8m-4-4h8'
+        fill='currentColor'
+        d='M3 10.9091c0-4.2175 3.134-7.6364 7-7.6364v2.1819c-2.7614 0-5 2.442-5 5.4545s2.2386 5.4545 5 5.4545c2.4764 0 4.5339-1.965 4.9307-4.5436l1.9726.36c-.1882 1.2238-.6438 2.3487-1.2978 3.3015l5.1015 5.5654-1.414 1.5426-5.1026-5.5664c-1.1684.9547-2.6179 1.5224-4.1904 1.5224-3.866 0-7-3.419-7-7.6364Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M17 1.091v3.2726h3v2.1819h-3v3.2727h-2v-3.2727h-3v-2.1819h3v-3.2727h2Z'
       />
     )
   }

package/react/magnifying-glass.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMagnifyingGlass: 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,9 +24,8 @@ export const IconMagnifyingGlass: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m20 20-6-6m2-4c0 3.3137-2.6863 6-6 6s-6-2.6863-6-6 2.6863-6 6-6 6 2.6863 6 6Z'
+        fill='currentColor'
+        d='M15 10c0-2.7614-2.2386-5-5-5s-5 2.2386-5 5 2.2386 5 5 5 5-2.2386 5-5Zm2 0c0 1.5723-.5193 3.0228-1.3945 4.1914l5.1015 5.1016-1.414 1.414-5.1016-5.1015c-1.1686.8752-2.6191 1.3945-4.1914 1.3945-3.866 0-7-3.134-7-7s3.134-7 7-7 7 3.134 7 7Z'
       />
     )
   }

package/react/map.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMap: 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,12 +24,8 @@ export const IconMap: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='bevel'
-        strokeMiterlimit={1.414}
-        strokeWidth='var(--svg-stroke-width)'
-        d='m9 4-6 2v15l6-2.5m0-14.5 6 2m-6-2v14.5m6-12.5 6-2v14.5l-6 2.5m0-15v15m0 0-6-2.5'
+        fill='currentColor'
+        d='m9.3164 3.0518 5.6836 1.8945 5.6836-1.8945 1.3164.9482v14.5l-.6152.9229-6 2.5h-.7696l-5.6152-2.3399-5.6152 2.3399-1.3848-.9229v-15l.6836-.9482 6-2h.6328Zm-5.3164 3.668v12.7802l4-1.667v-12.4463l-4 1.333Zm6 11.1132 4 1.667v-12.7803l-4-1.333v12.4463Zm6-11.1133v12.7803l4-1.667v-12.4463l-4 1.333Z'
       />
     )
   }

package/react/megaphone.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMegaphone: 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,31 +23,17 @@ export const IconMegaphone: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 12v.0001'
-      />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M18.0229 15.4419c2.264-.2516 3.9767-2.1655 3.9761-4.4435-.0005-2.2774-1.7134-4.1903-3.9769-4.4414l-5.0221-.557-6.002-3.002v16.004l6.002-3.002 5.0229-.5581Z'
-      />,
       <path
         fill='currentColor'
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3.75 12.75h-.6465l-.8535-.8535v-1.793l.8535-.8535h.6465v3.5Z'
+        d='M22.999 10.998c-.0007-2.7869-2.0972-5.1273-4.8672-5.4345l-4.8437-.5371-5.8428-2.9229-1.4472.8946v16.0039l1.4472.8945 5.8428-2.9219 4.8457-.5391c2.7703-.308 4.8659-2.65 4.8652-5.4375Zm-2 .001c.0003 1.7682-1.3295 3.254-3.0869 3.4492l-5.0225.5577-.3369.0996-4.5546 2.2783v-12.7676l4.5546 2.2783.3369.0996 5.0225.5567c1.757.195 3.0865 1.6804 3.0869 3.4482ZM4 9v4h-1l-1-1v-2l1-1h1Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M13 6v11'
+        fill='currentColor'
+        d='M4 13h-1l-1-1v-2l1-1h1v4Zm-.793-3.5-.707.707v1.586l.707.707h.293v-3h-.293ZM12 6v11h2v-11h-2Z'
       />,
       <path
         fill='currentColor'
-        d='M13 21h-1c0 .5523.4477 1 1 1v-1Zm4 0v1l1-1h-1Zm-5-6v6h2v-6h-2Zm1 7h4v-2h-4v2Zm5-1v-6h-2v6h2Z'
+        d='M14 15v5h2v-5h2v6l-1 1h-4c-.5523 0-1-.4477-1-1v-6h2Z'
       />
     )
   }

package/react/mermaid.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMermaid: 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,
@@ -29,11 +28,6 @@ export const IconMermaid: IconComponentType = forwardRef(
         fillRule='evenodd'
         d='M4 2c-1.1046 0-2 .8954-2 2v16c0 1.1046.8954 2 2 2h16c1.1046 0 2-.8954 2-2v-16c0-1.1046-.8954-2-2-2h-16Zm8 9.0645c.9041-2.5237 3.3408-4.1736 5.9946-4.0589.089 2.128-.9186 4.1576-2.66 5.3577-.892.6192-1.4249 1.6461-1.4218 2.7397v1.897h-3.8253v-1.897c.003-1.0936-.5301-2.1206-1.4222-2.7397-1.741-1.2006-2.7483-3.2298-2.66-5.3577 2.6538-.1147 5.0906 1.5352 5.9947 4.0589Z'
         clipRule='evenodd'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 5v.0001'
       />
     )
   }

package/react/microphone-document.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMicrophoneDocument: 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,26 +23,17 @@ export const IconMicrophoneDocument: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path fill='none' d='M0 0h24v24h-24z' />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M15 4h-10c-1.1046 0-2 .8954-2 2v13c0 1.1046.8954 2 2 2h13c1.1046 0 2-.8954 2-2v-4'
-      />,
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 13h6M6 17h11'
+        fill='currentColor'
+        d='M2 19v-13c0-1.6569 1.3432-3 3-3h8v2h-8c-.5523 0-1 .4477-1 1v13c0 .5523.4477 1 1 1h13c.5523 0 1-.4477 1-1v-4h2v4c0 1.6569-1.3431 3-3 3h-13c-1.6568 0-3-1.3431-3-3Z'
       />,
       <path
         fill='currentColor'
-        d='M20 7.5682v-3.1364c0-.7908-.6716-1.4318-1.5-1.4318s-1.5.641-1.5 1.4318v3.1364c0 .7908.6716 1.4318 1.5 1.4318s1.5-.641 1.5-1.4318Z'
+        d='M12 12v2h-6v-2h6ZM17 16v2h-11v-2h11ZM21 6.5682v-3.1364c0-.7908-.6716-1.4318-1.5-1.4318s-1.5.641-1.5 1.4318v3.1364c0 .7908.6716 1.4318 1.5 1.4318s1.5-.641 1.5-1.4318Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M18.5 11c1.933 0 3.5-1.567 3.5-3.5v-.5m-3.5 4c-1.933 0-3.5-1.567-3.5-3.5v-.5m3.5 4v2'
+        fill='currentColor'
+        d='M15 6.5v-.5h2v.5c0 1.3807 1.1193 2.5 2.5 2.5s2.5-1.1193 2.5-2.5v-.5h2v.5c0 2.1415-1.4962 3.9318-3.5 4.3867v2.1133h-2v-2.1133c-2.0038-.4549-3.5-2.2452-3.5-4.3867Z'
       />
     )
   }

package/react/microphone-slash.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMicrophoneSlash: 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,9 +24,12 @@ export const IconMicrophoneSlash: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m4 18 11-11 4-4M5 9v2c0 .3395.0242.6734.0709 1m13.9291-3v2c0 3.866-3.134 7-7 7m0 0v3m0-3c-1.9073 0-3.6364-.7628-4.899-2a7.0328 7.0328 0 0 1-.4972-.5409m2.3962-7.4591v-2c0-1.6569 1.3431-3 3-3 .3506 0 .6872.0602 1 .1707a2.998 2.998 0 0 1 1 .5932m1 3.2361v4c0 1.6569-1.3431 3-3 3-.8885 0-1.6868-.3863-2.2361-1a3.008 3.008 0 0 1-.3291-.4437'
+        fill='currentColor'
+        d='m19.707 3.707-15 15-1.414-1.414 15-15 1.414 1.414Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M18 11v-2h2v2c0 4.0795-3.0538 7.4433-7 7.9355v2.0645h-2v-2.0645c-1.7809-.2223-3.3808-1.0283-4.5986-2.2216a8.0517 8.0517 0 0 1-.5684-.6172l1.541-1.2754c.134.162.2767.3177.4268.4648 1.0832 1.0614 2.5641 1.7139 4.1992 1.7139 3.3137 0 6-2.6863 6-6Zm-4 0v-4h2v4c0 2.2091-1.7909 4-4 4-1.1848 0-2.2505-.5163-2.9815-1.333a4.0155 4.0155 0 0 1-.4384-.5908l1.709-1.0391c.064.1053.1377.2043.2197.2959.3676.4108.899.667 1.4912.667 1.1046 0 2-.8954 2-2Zm-10 0v-2h2v2c0 .292.0205.5786.0606.8584l-1.9795.2832a8.061 8.061 0 0 1-.0811-1.1416Zm4-5c0-2.2091 1.7909-4 4-4 .4656 0 .9148.0798 1.333.2275.4979.176.95.4474 1.334.791l-1.334 1.4903a2.0058 2.0058 0 0 0-.4853-.3213l-.1807-.0742a1.9965 1.9965 0 0 0-.667-.1133c-1.1046 0-2 .8954-2 2v2h-2v-2Z'
       />
     )
   }

package/react/microphone.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMicrophone: 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,9 +24,8 @@ export const IconMicrophone: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M5 9v2c0 3.866 3.134 7 7 7m7-9v2c0 3.866-3.134 7-7 7m0 0v3m3-15v5c0 1.6569-1.3431 3-3 3s-3-1.3431-3-3v-5c0-1.6569 1.3431-3 3-3s3 1.3431 3 3Z'
+        fill='currentColor'
+        d='M4 11v-2h2v2c0 3.3137 2.6863 6 6 6s6-2.6863 6-6v-2h2v2c0 4.0795-3.0538 7.4433-7 7.9355v2.0645h-2v-2.0645c-3.9462-.4922-7-3.856-7-7.9355Zm10-5c0-1.1046-.8954-2-2-2s-2 .8954-2 2v5c0 1.1046.8954 2 2 2s2-.8954 2-2v-5Zm2 5c0 2.2091-1.7909 4-4 4-2.2091 0-4-1.7909-4-4v-5c0-2.2091 1.7909-4 4-4 2.2091 0 4 1.7909 4 4v5Z'
       />
     )
   }

package/react/minus.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMinus: 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,7 @@ export const IconMinus: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M20 12h-16'
-      />
+      <path fill='currentColor' d='M20 11v2h-16v-2h16Z' />
     )
   }
 )

package/react/mobile.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMobile: 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,10 @@ export const IconMobile: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 5c0-1.1046.8954-2 2-2h8c1.1046 0 2 .8954 2 2v14c0 1.1046-.8954 2-2 2h-8c-1.1046 0-2-.8954-2-2v-14Z'
+        fill='currentColor'
+        d='M17 5c0-.5523-.4477-1-1-1h-8c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1h8c.5523 0 1-.4477 1-1v-14Zm2 14c0 1.6569-1.3431 3-3 3h-8c-1.6569 0-3-1.3431-3-3v-14c0-1.6568 1.3431-3 3-3h8c1.6569 0 3 1.3432 3 3v14Z'
       />,
-      <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 17h4'
-      />
+      <path fill='currentColor' d='M14 16v2h-4v-2h4Z' />
     )
   }
 )

package/react/monitor-arrow-up.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorArrowUp: 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,16 @@ export const IconMonitorArrowUp: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m12.0019 15 .0001-7M15.5354 11l-3.5335-3-3.5375 3'
+        fill='currentColor'
+        d='M13.0022 7.9997v7.0006l-2.0004-.0007v-6.9992l2.0004-.0007Z'
       />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 6c0-1.1046.8954-2 2-2h14c1.1046 0 2 .8954 2 2v10c0 1.1046-.8954 2-2 2h-14c-1.1046 0-2-.8954-2-2v-10ZM8 21h8'
+        fill='currentColor'
+        d='m11.3556 7.2373 1.2934.0007 3.5342 2.9997-1.2955 1.5247-2.8871-2.4507-2.8892 2.4514-1.294-1.5261 3.5382-2.9997Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M20 6c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10Zm2 10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10ZM16 20v2h-8v-2h8Z'
       />
     )
   }

package/react/monitor-arrow.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorArrow: 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,16 @@ export const IconMonitorArrow: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M10 4h-5c-1.1046 0-2 .8954-2 2v10c0 1.1046.8954 2 2 2h14c1.1046 0 2-.8954 2-2v-3M8 21h8M21 3l-8 8'
+        fill='currentColor'
+        d='M2 16v-10c0-1.6569 1.3432-3 3-3h5v2h-5c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-3h2v3c0 1.6568-1.3431 3-3 3h-14c-1.6568 0-3-1.3432-3-3ZM16 20v2h-8v-2h8Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinejoin='bevel'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m20 10 1-7-7 1'
+        fill='currentColor'
+        d='m21.707 3.707-8 8-1.414-1.414 8-8 1.414 1.414Z'
+      />,
+      <path
+        fill='currentColor'
+        d='m21.9899 3.142-.9999 6.9992-1.9797-.2825.8113-5.681-5.6803.812-.2824-1.9797 6.9992-.9999 1.1318 1.1318Z'
       />
     )
   }

package/react/monitor-eye-closed.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorEyeClosed: 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 IconMonitorEyeClosed: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M6 4h-1c-1.1046 0-2 .8954-2 2v10c0 1.1046.8954 2 2 2h14c1.1046 0 2-.8954 2-2v-7M8 21h8'
+        fill='currentColor'
+        d='M2 16v-10c0-1.6569 1.3432-3 3-3h1v2h-1c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-7h2v7c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3ZM16 20v2h-8v-2h8Z'
       />,
       <path
-        stroke='currentColor'
-        strokeLinecap='square'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='m10 5-1.5 1.5m4-.5-.5 2m3.5-2 .5 2m2.5-2.5 1 1m.5-3.5s-2.2 3-5.5 3-5.5-3-5.5-3'
+        fill='currentColor'
+        d='m8.9287 3.0518-.7353.54-.5909-.8066 1.6123-1.1827.5918.8057-.001.001c.0021.0027.0063.0075.0118.0146.012.0155.032.0412.0596.0752.0553.0682.1418.1696.2558.294.2291.2498.5663.5845.9942.918.8676.676 2.0301 1.289 3.373 1.289 1.3429 0 2.5054-.613 3.373-1.289a8.2178 8.2178 0 0 0 .9942-.918 6.6977 6.6977 0 0 0 .2558-.294 3.37 3.37 0 0 0 .0596-.0752c.0052-.0068.0086-.0118.0108-.0146l.5918-.8067 1.6123 1.1827-.5909.8066-.7363-.54c.6835.5012.7331.5372.7363.54l-.0019.002-.0117.0156c-.0066.0087-.0156.02-.0264.0341a5.334 5.334 0 0 1-.0908.1153 8.575 8.575 0 0 1-.334.3857c-.2244.2449-.5314.551-.9102.873l1.4825 1.4825-1.4141 1.414-1.751-1.751a7.7064 7.7064 0 0 1-1.0635.461l.5274 2.1035-1.9404.4854-.5547-2.2197c-.0721.0024-.1447.0068-.2178.0068a6.5116 6.5116 0 0 1-1.1924-.1123l-.5801 2.3252-1.9404-.4854.2432-.9697.3779-1.5137a8.5056 8.5056 0 0 1-.791-.4482l-2.1172 2.1182-1.414-1.4141 1.959-1.96a10.258 10.258 0 0 1-.3868-.3955 8.5855 8.5855 0 0 1-.334-.3857 5.4435 5.4435 0 0 1-.0908-.1153c-.0108-.014-.0198-.0254-.0264-.0341l-.0117-.0156-.001-.001c.0033-.0029.0515-.0402.7344-.541Zm10.7783-.2666.293.2148c.0242.0177.0476.035.0703.0518l-.3633-.2666Z'
       />
     )
   }

package/react/monitor-eye-open.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorEyeOpen: 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,13 +25,15 @@ export const IconMonitorEyeOpen: IconComponentType = forwardRef(
       },
       <path
         fill='currentColor'
-        d='m21 5.5.8466.5322v-1.0644l-.8466.5322Zm-11 0-.8466-.5322v1.0644l.8466-.5322Zm5.5-2.5c1.2918 0 2.435.6901 3.3148 1.49.4304.3912.7711.785 1.0036 1.081.1156.1472.203.2682.2598.3498.0284.0408.049.0716.0617.0907l.0129.0198.0018.0029-.0002-.0004-.0004-.0007-.0003-.0004c-.0002-.0003-.0003-.0005.8463-.5327s.8465-.5325.8463-.5328l-.0005-.0007-.001-.0016-.0026-.0041a1.0903 1.0903 0 0 1-.0078-.0122l-.0253-.0388a6.2297 6.2297 0 0 0-.0893-.1314 9.6277 9.6277 0 0 0-.3288-.4431c-.2831-.3603-.6987-.8415-1.2308-1.3252-1.0452-.9502-2.652-2.0101-4.6602-2.0101v2Zm0 7c2.0082 0 3.615-1.0599 4.6602-2.01.5321-.4838.9477-.965 1.2308-1.3253a9.6277 9.6277 0 0 0 .3288-.4431 6.2297 6.2297 0 0 0 .0893-.1314c.0106-.0161.019-.0291.0253-.0389a1.0903 1.0903 0 0 1 .0078-.012l.0026-.0042.001-.0016.0005-.0007c.0002-.0003.0003-.0006-.8463-.5328s-.8465-.5324-.8463-.5327l.0003-.0004.0004-.0007.0002-.0004-.0018.003-.0129.0197a4.6782 4.6782 0 0 1-.0617.0907 7.6225 7.6225 0 0 1-.2598.3498c-.2325.296-.5732.6898-1.0036 1.081-.8798.7999-2.023 1.49-3.3148 1.49v2Zm0-9c-2.0082 0-3.615 1.0599-4.6602 2.01-.5321.4838-.9477.965-1.2308 1.3253a9.5935 9.5935 0 0 0-.3288.4431 6.5326 6.5326 0 0 0-.1146.1702l-.0078.0122-.0026.0041-.001.0016-.0005.0007c-.0002.0003-.0003.0006.8463.5328s.8465.5324.8463.5327l-.0003.0004-.0004.0007-.0002.0004.0018-.003.0129-.0197c.0127-.0191.0333-.05.0617-.0907a7.6225 7.6225 0 0 1 .2598-.3498c.2325-.296.5732-.6898 1.0036-1.081.8798-.7999 2.023-1.49 3.3148-1.49v-2Zm0 7c-1.2918 0-2.435-.6901-3.3148-1.49-.4304-.3912-.7711-.785-1.0036-1.081a7.6225 7.6225 0 0 1-.2598-.3498 4.6782 4.6782 0 0 1-.0617-.0907l-.0129-.0198-.0018-.0029.0002.0004.0004.0007.0003.0004c.0002.0003.0003.0005-.8463.5327s-.8465.5325-.8463.5328l.0005.0007.001.0016.0026.0041.0078.0122a6.5326 6.5326 0 0 0 .1146.1702c.0764.1098.1867.2622.3288.4431.2831.3603.6987.8415 1.2308 1.3252 1.0452.9502 2.652 2.0101 4.6602 2.0101v-2Z'
+        d='M15.5 1c2.0081 0 3.615 1.0596 4.6602 2.0098.5319.4835.9473.9649 1.2304 1.3252.1421.1808.2527.3336.3291.4433.0383.055.0687.0997.0899.1319.0103.0156.0182.0285.0244.038l.0078.0127c.001.0016.0022.0028.0029.004l.001.0019c.0002.0003.0009.001-.8457.5332.8466.5322.8469.5329.8467.5332l-.002.002c-.0007.0011-.0019.0023-.0029.0039l-.0078.0127c-.0062.0095-.0141.0224-.0244.038a6.5257 6.5257 0 0 1-.0899.1319 9.6279 9.6279 0 0 1-.3291.4433c-.2831.3603-.6985.8417-1.2304 1.3252-1.0452.9502-2.6521 2.0098-4.6602 2.0098-2.0081 0-3.615-1.0596-4.6602-2.0098-.5319-.4835-.9473-.9649-1.2304-1.3252a9.6145 9.6145 0 0 1-.3291-.4433 6.8294 6.8294 0 0 1-.0899-.1319c-.0103-.0156-.0182-.0285-.0244-.038l-.0078-.0127c-.001-.0016-.0022-.0028-.003-.004l-.0009-.0019c-.0002-.0003-.001-.001.8457-.5332-.8466-.5322-.8469-.5329-.8467-.5332l.002-.002c.0007-.0011.002-.0023.0029-.0039l.0078-.0127c.0062-.0095.0141-.0224.0244-.038a6.8294 6.8294 0 0 1 .0899-.1319 9.6145 9.6145 0 0 1 .329-.4433c.2832-.3603.6986-.8417 1.2305-1.3252 1.0452-.9502 2.6521-2.0098 4.6602-2.0098Zm0 2c-1.2917 0-2.4347.6904-3.3145 1.4902-.3965.3605-.7165.7235-.9462 1.0098.2297.2863.5497.6493.9462 1.0098.8798.7998 2.0228 1.4902 3.3145 1.4902 1.2917 0 2.4347-.6904 3.3145-1.4902.3963-.3603.7155-.7236.9453-1.0098-.2298-.2862-.549-.6495-.9453-1.0098-.8798-.7998-2.0228-1.4902-3.3145-1.4902Zm-5.5 2.5-.8467.5322v-1.0654l.8467.5332Zm11.8467.5332-.8467-.5332.8467-.5322v1.0654Z'
       />,
-      <circle cx={15.5} cy={5.5} r={1.5} fill='currentColor' />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M7 4h-2c-1.1046 0-2 .8954-2 2v10c0 1.1046.8954 2 2 2h14c1.1046 0 2-.8954 2-2v-6M8 21h8'
+        fill='currentColor'
+        d='M17 5.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'
+      />,
+      <path
+        fill='currentColor'
+        d='M2 16v-10c0-1.6569 1.3432-3 3-3h2v2h-2c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-6h2v6c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3ZM16 20v2h-8v-2h8Z'
       />
     )
   }

package/react/monitor-pause.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorPause: 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,9 +24,12 @@ export const IconMonitorPause: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 6c0-1.1046.8954-2 2-2h14c1.1046 0 2 .8954 2 2v10c0 1.1046-.8954 2-2 2h-14c-1.1046 0-2-.8954-2-2v-10ZM14 8v6m-4-6v6M8 21h8'
+        fill='currentColor'
+        d='M20 6c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10Zm2 10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10Z'
+      />,
+      <path
+        fill='currentColor'
+        d='M11 8v6h-2v-6h2Zm4 0v6h-2v-6h2ZM16 20v2h-8v-2h8Z'
       />
     )
   }

package/react/monitor-play.tsx

@@ -10,13 +10,12 @@ import { StyledIcon } from '../src/icon'
 import type { IconComponentType } from '../src/icon'
 
 export const IconMonitorPlay: 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,12 @@ export const IconMonitorPlay: IconComponentType = forwardRef(
         ref: forwardRef,
       },
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 6c0-1.1046.8954-2 2-2h14c1.1046 0 2 .8954 2 2v10c0 1.1046-.8954 2-2 2h-14c-1.1046 0-2-.8954-2-2v-10Z'
+        fill='currentColor'
+        d='M20 6c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v10c0 .5523.4477 1 1 1h14c.5523 0 1-.4477 1-1v-10Zm2 10c0 1.6569-1.3431 3-3 3h-14c-1.6568 0-3-1.3431-3-3v-10c0-1.6569 1.3432-3 3-3h14c1.6569 0 3 1.3431 3 3v10Z'
       />,
-      <path fill='currentColor' d='m11 8 4 2.5v1l-4 2.5-1-.5v-5l1-.5Z' />,
       <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 21h8'
+        fill='currentColor'
+        d='m11 8 4 2.5v1l-4 2.5-1-.5v-5l1-.5ZM16 20v2h-8v-2h8Z'
       />
     )
   }