npm - @xipkg/icons - Versions diffs - 0.4.1 → 0.4.3 - Mend

@xipkg/icons 0.4.1 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (113) hide show

package/package.json +9 -4
package/src/Account.tsx +3 -2
package/src/Activity.tsx +3 -2
package/src/Add.tsx +3 -2
package/src/Announce.tsx +3 -2
package/src/ArrowBottom.tsx +3 -2
package/src/ArrowLeft.tsx +3 -2
package/src/ArrowRight.tsx +3 -2
package/src/ArrowUp.tsx +3 -2
package/src/Bold.tsx +3 -2
package/src/Brush.tsx +3 -2
package/src/Burger.tsx +3 -2
package/src/Calendar.tsx +3 -2
package/src/Camera.tsx +3 -2
package/src/CategoryAdd.tsx +3 -2
package/src/ChannelAdd.tsx +3 -2
package/src/Chat.tsx +3 -2
package/src/Check.tsx +3 -2
package/src/ChevronBottom.tsx +3 -2
package/src/ChevronLeft.tsx +3 -2
package/src/ChevronRight.tsx +3 -2
package/src/ChevronSmallBottom.tsx +3 -2
package/src/ChevronSmallLeft.tsx +3 -2
package/src/ChevronSmallRight.tsx +3 -2
package/src/ChevronSmallTop.tsx +3 -2
package/src/ChevronUp.tsx +3 -2
package/src/Cite.tsx +3 -2
package/src/Clip.tsx +3 -2
package/src/Clock.tsx +3 -2
package/src/Close.tsx +3 -2
package/src/Code.tsx +3 -2
package/src/Collapse.tsx +3 -2
package/src/ColorPicker.tsx +3 -2
package/src/Copy.tsx +3 -2
package/src/Divider.tsx +3 -2
package/src/Download.tsx +3 -2
package/src/Edit.tsx +3 -2
package/src/Emotions.tsx +3 -2
package/src/Endcall.tsx +3 -2
package/src/Exit.tsx +3 -2
package/src/External.tsx +3 -2
package/src/Eyeoff.tsx +3 -2
package/src/Eyeon.tsx +3 -2
package/src/File.tsx +3 -2
package/src/FileSmall.tsx +3 -2
package/src/Filter.tsx +3 -2
package/src/Flag.tsx +3 -2
package/src/Folder.tsx +3 -2
package/src/Food.tsx +3 -2
package/src/Grid.tsx +3 -2
package/src/H1.tsx +3 -2
package/src/H2.tsx +3 -2
package/src/H3.tsx +3 -2
package/src/Hand.tsx +3 -2
package/src/Heart.tsx +3 -2
package/src/Home.tsx +3 -2
package/src/Italic.tsx +3 -2
package/src/Key.tsx +3 -2
package/src/Laptop.tsx +3 -2
package/src/Link.tsx +3 -2
package/src/Locked.tsx +3 -2
package/src/LongAnswer.tsx +3 -2
package/src/Mail.tsx +3 -2
package/src/Maximize.tsx +3 -2
package/src/Microphone.tsx +3 -2
package/src/Minimize.tsx +3 -2
package/src/Moon.tsx +3 -2
package/src/MoreVert.tsx +3 -2
package/src/Move.tsx +3 -2
package/src/Movie.tsx +3 -2
package/src/Music.tsx +3 -2
package/src/Nature.tsx +3 -2
package/src/Notification.tsx +3 -2
package/src/Objects.tsx +3 -2
package/src/Ol.tsx +3 -2
package/src/Pallet.tsx +3 -2
package/src/PeopleInvite.tsx +6 -6
package/src/Photo.tsx +3 -2
package/src/Picture.tsx +3 -2
package/src/Places.tsx +3 -2
package/src/Play.tsx +3 -2
package/src/Presentation.tsx +3 -2
package/src/PushPin.tsx +3 -2
package/src/Reply.tsx +3 -2
package/src/Screenshare.tsx +3 -2
package/src/Search.tsx +3 -2
package/src/Section.tsx +3 -2
package/src/Send.tsx +3 -2
package/src/Settings.tsx +3 -2
package/src/Shape.tsx +3 -2
package/src/SimpleAnswer.tsx +3 -2
package/src/Sort.tsx +3 -2
package/src/SoundOn.tsx +3 -2
package/src/Soundoff.tsx +3 -2
package/src/Speaker.tsx +3 -2
package/src/Stroke.tsx +3 -2
package/src/Sun.tsx +3 -2
package/src/Task.tsx +3 -2
package/src/TaskFile.tsx +3 -2
package/src/Telegram.tsx +3 -2
package/src/Text.tsx +3 -2
package/src/Trash.tsx +3 -2
package/src/Ul.tsx +3 -2
package/src/Underline.tsx +3 -2
package/src/Unlocked.tsx +3 -2
package/src/Updates.tsx +3 -2
package/src/Upload.tsx +3 -2
package/src/Users.tsx +3 -2
package/src/VariantSelect.tsx +3 -2
package/src/Video.tsx +3 -2
package/src/Window.tsx +3 -2
package/tsconfig.json +1 -1
package/types.tsx +3 -3

package/src/Endcall.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Endcall = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M10.94 5.943a81.74 81.74 0 0 1-.66.059 16.841 16.841 0 0 0-5.249 1.362c-.659.289-1.749.855-2.113 1.097a3.718 3.718 0 0 0-1.487 2.103c-.083.312-.09.421-.09 1.556-.001 1.049.009 1.256.07 1.479.22.796.724 1.408 1.455 1.765.511.25.79.286 2.048.266.933-.015 1.096-.028 1.31-.098a2.78 2.78 0 0 0 1.835-1.912c.036-.132.078-.455.093-.719l.028-.478.413-.13a12.69 12.69 0 0 1 1.767-.401c.661-.103 2.619-.103 3.28 0a12.69 12.69 0 0 1 1.767.401l.413.13.028.478c.015.264.057.587.093.719a2.78 2.78 0 0 0 1.835 1.912c.214.07.377.083 1.31.098 1.258.02 1.537-.016 2.048-.266.56-.274.989-.696 1.247-1.225.262-.54.279-.663.279-1.999 0-.872-.015-1.26-.054-1.42-.192-.783-.613-1.505-1.143-1.962-.316-.272-.601-.451-1.316-.823-2.081-1.083-3.957-1.66-6.247-1.92-.486-.056-2.596-.107-2.96-.072m2.48 2.039c2.199.211 4.083.784 5.988 1.823.639.349.808.477.974.736.231.361.26.489.286 1.259.042 1.263-.018 1.55-.369 1.749-.151.085-.202.09-1.016.09-.793.001-.871-.005-1.033-.084a.776.776 0 0 1-.282-.245c-.1-.152-.108-.198-.131-.786-.034-.831-.138-1.103-.589-1.533-.284-.271-.412-.337-1.048-.543a13.751 13.751 0 0 0-2.42-.556c-.69-.101-2.87-.101-3.56 0-.926.136-1.601.291-2.42.556-.636.206-.764.272-1.048.543-.447.426-.555.704-.589 1.509-.029.693-.079.843-.336 1.014-.161.106-.161.106-1.064.116-.876.011-.908.008-1.062-.08-.351-.201-.411-.485-.37-1.75.025-.77.054-.895.287-1.259.166-.259.335-.387.974-.736 1.878-1.024 3.781-1.608 5.936-1.822.75-.075 2.123-.075 2.892-.001"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Exit.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Exit = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M6.433 3.043a4.302 4.302 0 0 0-1.702.669c-.776.527-1.335 1.323-1.601 2.277-.105.375-.109.43-.11 1.331v.94l.124.22c.139.248.429.455.699.501.389.065.813-.144 1.013-.501l.124-.22.024-.84c.02-.716.036-.874.108-1.074.242-.669.833-1.18 1.505-1.303.332-.06 10.434-.06 10.766 0 .768.141 1.433.806 1.574 1.574.06.332.06 10.434 0 10.766-.138.755-.787 1.414-1.549 1.573-.298.062-10.518.062-10.816 0a2.056 2.056 0 0 1-1.48-1.302c-.072-.199-.088-.361-.11-1.074-.022-.748-.035-.858-.11-1.001-.191-.364-.496-.553-.892-.553s-.698.187-.894.553c-.081.152-.086.215-.086 1.101.001.904.005.955.111 1.337.42 1.508 1.576 2.591 3.095 2.9.399.081.505.083 5.774.083s5.375-.002 5.774-.083c1.517-.309 2.683-1.402 3.098-2.905l.108-.392V6.38l-.106-.385c-.263-.95-.83-1.756-1.605-2.283a5.079 5.079 0 0 0-1.311-.599l-.338-.091-5.48-.007c-3.014-.003-5.582.009-5.707.028m3.933 4.641a1.004 1.004 0 0 0-.621 1.386c.041.087.437.521.949 1.039l.881.889-4.918.011-4.917.011-.161.086c-.366.196-.556.5-.557.894a.977.977 0 0 0 .737.96c.089.025 1.936.04 4.979.04h4.838l-.863.87c-.523.528-.897.938-.95 1.043-.429.848.437 1.737 1.307 1.343.214-.097 3.691-3.575 3.815-3.816.128-.25.128-.63 0-.88-.126-.244-3.556-3.678-3.792-3.795-.2-.1-.541-.138-.727-.081"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/External.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const External = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M6.433 3.043a4.302 4.302 0 0 0-1.702.669c-.775.527-1.335 1.322-1.602 2.277l-.109.391v11.24l.111.397c.421 1.509 1.576 2.591 3.095 2.9.399.081.505.083 5.774.083s5.375-.002 5.774-.083a4.003 4.003 0 0 0 3.097-2.905l.108-.392.012-2.875c.014-3.254.024-3.132-.29-3.446a.987.987 0 0 0-1.17-.173 1.065 1.065 0 0 0-.489.585c-.027.096-.042 1.095-.042 2.792 0 1.724-.015 2.725-.043 2.88-.138.755-.787 1.414-1.549 1.573-.298.062-10.518.062-10.816 0-.762-.159-1.411-.818-1.549-1.573-.06-.332-.06-10.434 0-10.766a1.93 1.93 0 0 1 .553-1.021 1.93 1.93 0 0 1 1.021-.553C6.772 5.015 7.773 5 9.5 5c2.986 0 2.894.009 3.201-.299.18-.18.299-.459.299-.701 0-.242-.119-.521-.299-.701-.309-.309-.203-.3-3.298-.294-1.509.003-2.845.02-2.97.038m8.231.02a1.005 1.005 0 0 0-.533.448c-.095.161-.111.233-.111.489s.016.328.111.489c.061.103.17.234.243.289.277.211.365.222 1.84.222h1.364l-2.224 2.23c-2.011 2.017-2.23 2.249-2.289 2.427-.129.39-.044.766.234 1.044s.654.363 1.044.234c.178-.059.41-.278 2.427-2.289L19 6.422v1.359c0 .813.017 1.419.042 1.508.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.309-.309.3-.215.3-3.202 0-2.986.009-2.894-.299-3.201-.308-.308-.213-.299-3.218-.296-2.207.002-2.69.012-2.819.06" />
-  </svg>
+  </SvgIcon>
 );

package/src/Eyeoff.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Eyeoff = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M3.019 2.955c-.483.219-.722.82-.519 1.305.047.111.389.483 1.126 1.224l1.059 1.063-.337.286c-.512.435-1.372 1.339-1.74 1.829-.675.899-.979 1.78-.979 2.838 0 1.035.307 1.942.946 2.795a11.8 11.8 0 0 0 7.065 4.464c2.048.419 4.136.288 6.132-.386l.553-.186 1.447 1.443c1.377 1.372 1.459 1.446 1.665 1.506.268.079.337.079.587.005.57-.169.861-.814.618-1.368-.071-.161-1.47-1.578-8.334-8.444-6.469-6.471-8.291-8.272-8.446-8.35a1.066 1.066 0 0 0-.843-.024m7.983 1.09c-.762.063-1.567.214-2.355.443l-.293.085.825.826.825.826.394-.07c1.999-.357 4.161-.039 5.999.883a10.016 10.016 0 0 1 3.208 2.574c.496.615.691 1.073.741 1.739.071.937-.367 1.767-1.521 2.881-.212.204-.385.384-.385.4 0 .016.311.339.691.719l.691.69.504-.51c.864-.877 1.278-1.401 1.564-1.982a4.384 4.384 0 0 0 .479-2.049c0-.749-.145-1.371-.478-2.047-.473-.961-1.774-2.359-3.011-3.236-2.328-1.65-5.059-2.403-7.878-2.172m.598 2.976c-.033.007-.19.033-.35.059-.159.026-.29.059-.29.074s.455.481 1.01 1.036c.996.995 1.013 1.009 1.223 1.049.584.11.933.457 1.051 1.048.045.221.05.228 1.076 1.253l1.031 1.031.049-.216c.075-.331.098-1.19.041-1.546a4.508 4.508 0 0 0-3.881-3.768c-.278-.036-.821-.047-.96-.02m-3.857 3.018c-.216.684-.285 1.254-.223 1.86.199 1.96 1.524 3.485 3.46 3.986.307.079.458.093 1.02.092.693 0 1.046-.058 1.563-.255l.217-.082.478.479c.263.263.468.488.456.5-.036.036-.85.212-1.332.289-.546.086-2.146.098-2.642.019-1.924-.306-3.477-.96-4.836-2.038-.806-.64-1.731-1.678-1.986-2.229-.199-.429-.255-.684-.254-1.16.001-.445.074-.781.251-1.16.233-.498.936-1.308 1.705-1.967l.48-.411.874.873.873.873-.104.331m3.097 2.666 1.3 1.304-.322-.023a2.673 2.673 0 0 1-1.185-.399c-.661-.439-1.113-1.24-1.113-1.969 0-.12.005-.218.01-.218.006 0 .595.587 1.31 1.305" />
-  </svg>
+  </SvgIcon>
 );

package/src/Eyeon.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Eyeon = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M10.96 4.544c-2.31.266-4.109.934-5.825 2.165-1.149.823-2.38 2.096-2.89 2.987a4.609 4.609 0 0 0 0 4.608c.225.394.749 1.052 1.253 1.572a11.808 11.808 0 0 0 7.144 3.548c.713.087 2.003.087 2.716 0a11.808 11.808 0 0 0 7.144-3.548c.761-.787 1.277-1.507 1.538-2.149a4.645 4.645 0 0 0-.285-4.031c-.373-.653-1.365-1.764-2.169-2.43-1.714-1.42-3.59-2.27-5.806-2.629-.416-.068-.736-.087-1.6-.097a25.21 25.21 0 0 0-1.22.004m2.65 2.091c1.02.181 1.766.419 2.65.842a9.482 9.482 0 0 1 2.622 1.842c1.115 1.112 1.453 1.736 1.453 2.681 0 .934-.339 1.568-1.413 2.642a9.707 9.707 0 0 1-5.022 2.674 10.373 10.373 0 0 1-3.8 0 9.707 9.707 0 0 1-5.022-2.674C4.004 13.568 3.665 12.934 3.665 12c0-.945.338-1.569 1.453-2.681A9.482 9.482 0 0 1 7.74 7.477a9.506 9.506 0 0 1 2.747-.853c.624-.095.662-.096 1.693-.084.758.009 1.059.029 1.43.095m-2.454.947c-.872.158-1.724.627-2.383 1.311-.532.552-.831 1.044-1.049 1.727a4.497 4.497 0 0 0 .535 3.88c.202.309.932 1.039 1.241 1.241.766.5 1.604.752 2.5.752.896 0 1.734-.252 2.5-.752.309-.202 1.039-.932 1.241-1.241a4.516 4.516 0 0 0 .753-2.5 4.2 4.2 0 0 0-.218-1.38c-.218-.683-.517-1.175-1.049-1.727-.677-.704-1.508-1.154-2.422-1.314-.413-.073-1.24-.071-1.649.003m1.436 1.999c.89.209 1.618.938 1.828 1.829a2.67 2.67 0 0 1-.183 1.685c-.427.874-1.256 1.39-2.237 1.39-.981 0-1.81-.516-2.237-1.39-.326-.671-.327-1.529 0-2.187a2.49 2.49 0 0 1 1.629-1.326 3.27 3.27 0 0 1 1.2-.001" />
-  </svg>
+  </SvgIcon>
 );

package/src/File.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const File = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M6.503 3.042c-1.018.173-1.947.934-2.301 1.883-.208.556-.201.308-.201 7.067-.001 6.886-.012 6.558.233 7.159a3.046 3.046 0 0 0 1.615 1.615c.595.242.372.234 6.151.234 5.777 0 5.556.008 6.15-.233a3.08 3.08 0 0 0 1.617-1.617c.24-.591.233-.414.233-5.73 0-5.284.005-5.154-.221-5.71-.214-.528-.347-.684-1.916-2.265-.837-.844-1.654-1.64-1.815-1.769a3.371 3.371 0 0 0-1.108-.581c-.223-.067-.53-.072-4.24-.079-2.2-.004-4.089.007-4.197.026M13 6.142c0 1.249.03 1.509.234 2.009a3.046 3.046 0 0 0 1.615 1.615c.5.204.76.234 2.009.234H18v4.073c0 4.581.017 4.312-.299 4.628-.32.32.082.299-5.701.299-5.783 0-5.381.021-5.701-.299C5.977 18.379 6 18.903 6 12c0-6.904-.024-6.379.3-6.702.304-.304.145-.291 3.61-.295L13 5v1.142m3.713 1.849c-.993.012-1.142-.018-1.413-.289-.269-.269-.3-.415-.3-1.419V5.42l1.28 1.28 1.281 1.28-.848.011"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/FileSmall.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const FileSmall = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M7.579 3.042C5.837 3.211 4.403 4.544 4.073 6.3c-.078.41-.078 10.99 0 11.4a4.015 4.015 0 0 0 2.647 3.072c.617.211.534.208 5.28.208 3.485 0 4.479-.011 4.7-.053a4.025 4.025 0 0 0 3.038-2.545c.246-.653.235-.44.251-5.16.015-4.287.014-4.322-.07-4.72a4.452 4.452 0 0 0-.619-1.488c-.337-.511-2.8-2.975-3.31-3.311a4.2 4.2 0 0 0-1.43-.606l-.42-.096-3.12.005c-1.716.003-3.265.019-3.441.036m5.432 3.208c.022 1.416.047 1.562.36 2.169.232.449.761.978 1.21 1.21.607.313.753.338 2.169.36l1.25.021-.001 3.645c-.001 2.312-.016 3.709-.041 3.821-.154.664-.818 1.328-1.482 1.482-.241.055-8.711.055-8.952 0-.664-.154-1.328-.818-1.482-1.482-.055-.242-.055-10.71 0-10.952.151-.654.818-1.328 1.466-1.48.084-.02 1.351-.038 2.817-.04L12.99 5l.021 1.25m3.679 1.741c-.731.01-.898.001-1.044-.055a1.007 1.007 0 0 1-.552-.516c-.089-.191-.093-.242-.094-1.1v-.9l1.28 1.28 1.281 1.28-.871.011m-7.93 3.048c-.264.049-.367.097-.507.24-.313.32-.305 1.136.014 1.454.236.236.328.247 2.133.247 1.469 0 1.638-.007 1.808-.073.355-.136.512-.415.512-.907 0-.481-.138-.738-.479-.896-.173-.08-.249-.084-1.741-.091-.858-.003-1.641.008-1.74.026m0 4.001c-.264.047-.367.096-.507.239-.313.32-.305 1.136.014 1.454.247.248.237.247 3.133.247 2.435 0 2.633-.005 2.808-.073.355-.136.512-.415.512-.907 0-.481-.138-.738-.479-.896-.177-.082-.232-.084-2.741-.09-1.408-.004-2.641.008-2.74.026"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Filter.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Filter = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M5.503 3.042c-1.016.172-1.947.934-2.301 1.883-.182.488-.201.692-.201 2.235 0 1.666.019 1.817.284 2.36.164.337.189.363 2.396 2.58 1.226 1.232 2.25 2.279 2.274 2.327.032.062.045.851.045 2.684 0 2.453.004 2.613.079 2.905a2.5 2.5 0 0 0 2.557 1.895c.31-.018.519-.077 2.065-.59.945-.314 1.844-.635 1.997-.715.58-.301 1.049-.911 1.223-1.59.074-.288.079-.45.079-2.405 0-1.465.013-2.123.045-2.184.024-.048 1.048-1.095 2.274-2.327 2.895-2.908 2.679-2.51 2.68-4.932.001-1.585-.02-1.797-.233-2.319a2.99 2.99 0 0 0-1.47-1.537c-.657-.316-.005-.289-7.176-.297-3.531-.003-6.509.009-6.617.027M18.34 5.066c.253.087.507.341.594.594.056.165.066.39.066 1.51 0 .89-.014 1.344-.045 1.403-.024.048-1.048 1.095-2.274 2.327-2.207 2.217-2.232 2.243-2.396 2.58-.277.567-.284.632-.284 2.98-.001 1.988-.005 2.086-.079 2.207a.56.56 0 0 1-.168.176c-.157.084-3.168 1.077-3.265 1.077-.144 0-.325-.111-.411-.252-.075-.123-.078-.22-.079-2.708 0-2.9 0-2.9-.284-3.48-.164-.337-.189-.363-2.396-2.58-1.226-1.232-2.25-2.279-2.274-2.327C5.014 8.514 5 8.06 5 7.17c0-1.505.013-1.585.3-1.872.314-.314-.209-.291 6.683-.295 5.637-.003 6.179.003 6.357.063"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Flag.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Flag = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M5.643 3.067a1.082 1.082 0 0 0-.577.593C5.005 3.838 5 4.557 5 12.497c0 5.831.014 8.691.042 8.792.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.313-.313.3-.151.3-3.749V14.76h.798c1.432 0 3.517-.341 5.03-.823.638-.204.998-.255 1.792-.256.895-.001 1.839.119 2.34.298.099.035.306.14.459.233.262.158.297.168.58.168.257 0 .329-.016.49-.111a.986.986 0 0 0 .45-.547c.09-.255.091-8.77.001-9.152-.165-.698-.64-1.218-1.329-1.457-.257-.088-.325-.093-1.311-.093-1.099 0-1.347.022-2.56.225-1.01.17-1.909.373-2.54.575-.664.213-.99.26-1.787.26-1.023 0-1.892-.238-2.559-.701a4.825 4.825 0 0 0-.454-.285c-.195-.093-.542-.106-.757-.027M17 8.464c0 3.283-.004 3.463-.07 3.437a7.553 7.553 0 0 0-.61-.112c-.458-.072-.714-.085-1.68-.084-1.297 0-1.471.025-2.508.353-.601.189-1.531.392-2.592.566-.512.083-.83.108-1.59.125L7 12.77V5.689l.31.095c.793.246 1.031.276 2.15.275 1.187-.001 1.397-.03 2.298-.317.628-.201 1.183-.329 2.163-.5 1.048-.183 1.543-.233 2.349-.238L17 5v3.464"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Folder.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Folder = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M4.5 4.059c-.683.151-1.316.557-1.805 1.161a3.084 3.084 0 0 0-.615 1.201C2.002 6.725 2 6.871 2 12s.002 5.275.08 5.579c.282 1.102 1.238 2.059 2.339 2.341.309.079.435.08 7.581.08 7.146 0 7.272-.001 7.581-.08 1.098-.281 2.058-1.241 2.339-2.339.078-.305.08-.439.08-4.581s-.002-4.276-.08-4.581c-.263-1.026-1.098-1.917-2.143-2.287l-.317-.112-3.721-.011-3.722-.011-.998-.999L10.021 4l-2.641.003c-2.03.003-2.695.016-2.88.056M10.18 7l.999 1h3.961c2.604 0 4.011.015 4.109.042.211.059.469.268.61.496l.121.196v8.532l-.121.196c-.141.228-.399.437-.61.496-.1.028-2.491.041-7.289.041-6.824-.001-7.147-.004-7.3-.074a1.168 1.168 0 0 1-.531-.479l-.109-.186V6.734l.12-.193c.066-.106.185-.246.265-.31.284-.229.267-.227 2.615-.229L9.181 6l.999 1"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Food.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Food = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.32 2.044A6.03 6.03 0 0 0 7.022 4.66 6.228 6.228 0 0 0 6.017 7.5c-.026.257-.042.293-.188.44-.555.556-.867 1.403-.816 2.219.055.879.405 1.57 1.096 2.163.241.206.778.498.999.542l.128.025 1.427 4.279c1.556 4.666 1.495 4.514 1.876 4.71l.199.102h2.524l.199-.102c.381-.196.32-.045 1.875-4.705l1.425-4.273.229-.074c.879-.283 1.663-1.124 1.909-2.046.264-.988-.032-2.142-.728-2.84-.146-.147-.162-.183-.188-.44-.346-3.411-3.302-5.831-6.663-5.456m1.638 2.076a4.186 4.186 0 0 1 1.865 1.057c.342.342.569.671.801 1.16.232.491.337.952.372 1.642.038.743.085.84.602 1.228.473.355.524 1.073.107 1.49a.984.984 0 0 1-1.41 0A1.081 1.081 0 0 1 15 9.98c0-.651-.701-1.138-1.322-.919-.405.143-.621.435-.675.913-.058.517-.276.828-.678.965a.946.946 0 0 1-.665-.005c-.369-.126-.66-.538-.66-.934 0-.671-.691-1.162-1.322-.939-.406.143-.616.428-.678.92-.048.376-.157.618-.351.778a.998.998 0 0 1-1.354-.062 1.001 1.001 0 0 1 .107-1.49c.517-.388.564-.485.602-1.228.035-.69.14-1.151.372-1.642.232-.489.459-.818.801-1.16.598-.598 1.396-1 2.256-1.137.35-.056 1.139-.014 1.525.08M10.08 12.3c.11.133.641.422 1 .546.356.123.414.131.92.131s.564-.008.918-.13c.373-.129.735-.322.961-.512l.116-.098.189.144c.103.079.257.183.342.231.084.049.154.106.154.128 0 .022-.109.366-.241.763l-.241.724-1.946.707c-1.071.389-1.959.694-1.974.677-.034-.037-.959-2.814-.957-2.871.001-.022.119-.112.263-.2.143-.088.289-.192.324-.23.079-.086.108-.087.172-.01m3.28 4.41c0 .016-.244.763-.543 1.66L12.273 20h-.546l-.404-1.21c-.318-.952-.393-1.217-.352-1.245.066-.043 2.271-.855 2.339-.861.028-.002.05.009.05.026"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Grid.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Grid = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M3.58 2.047c-.721.138-1.381.801-1.536 1.545-.071.343-.057 2.044.019 2.342a2.058 2.058 0 0 0 1.25 1.4c.214.081.297.086 1.427.086 1.368 0 1.42-.01 1.899-.362.281-.207.557-.564.689-.889.089-.222.092-.268.092-1.429 0-1.13-.005-1.213-.086-1.427a2.042 2.042 0 0 0-1.418-1.251c-.295-.07-1.991-.081-2.336-.015m7.28 0c-.502.096-1.091.531-1.333.985-.221.415-.247.597-.247 1.712 0 .912.008 1.034.084 1.282.198.643.633 1.093 1.276 1.32.247.088.314.092 1.36.092s1.113-.004 1.36-.092c.634-.224 1.045-.642 1.26-1.282.096-.287.1-.337.1-1.313 0-.782-.014-1.068-.061-1.249-.19-.728-.828-1.326-1.556-1.459-.287-.052-1.963-.049-2.243.004m7.205.016c-.65.158-1.208.679-1.425 1.332-.08.241-.084.322-.072 1.4.012 1.086.017 1.157.105 1.374.201.499.658.956 1.158 1.159.222.089.268.092 1.429.092 1.13 0 1.213-.005 1.427-.086a2.054 2.054 0 0 0 1.251-1.418c.074-.313.087-1.993.018-2.324-.159-.762-.818-1.411-1.573-1.549-.354-.064-2.027-.05-2.318.02M3.56 9.324c-.482.094-1.106.574-1.335 1.025-.19.376-.224.625-.224 1.651 0 1.019.034 1.276.219 1.639.143.284.536.686.812.834.416.221.596.247 1.719.247.976 0 1.026-.004 1.313-.1.64-.215 1.058-.626 1.282-1.26.088-.247.092-.314.092-1.36s-.004-1.113-.092-1.36a1.967 1.967 0 0 0-.933-1.11c-.422-.225-.6-.25-1.691-.246-.54.003-1.063.021-1.162.04m7.204.019a2.04 2.04 0 0 0-1.404 1.371c-.071.226-.08.368-.08 1.286s.009 1.06.08 1.286a2.024 2.024 0 0 0 1.422 1.373c.337.087 2.099.087 2.436 0a2.037 2.037 0 0 0 1.441-1.441c.087-.337.087-2.099 0-2.436a2.037 2.037 0 0 0-1.441-1.441c-.326-.085-2.136-.083-2.454.002m7.287-.001a2.03 2.03 0 0 0-1.412 1.332c-.07.227-.079.371-.079 1.323 0 1.176.02 1.314.249 1.718.147.258.471.591.714.733.097.057.3.141.451.188.248.076.37.084 1.282.084 1.115 0 1.297-.026 1.712-.247.458-.244.877-.816.988-1.345.025-.119.044-.614.044-1.128 0-.514-.019-1.009-.044-1.128-.156-.747-.825-1.416-1.551-1.552-.337-.063-2.101-.047-2.354.022M3.476 16.618a2.073 2.073 0 0 0-1.413 1.448c-.076.298-.09 1.999-.019 2.342.157.75.798 1.391 1.548 1.548.331.069 2.011.056 2.324-.018a2.052 2.052 0 0 0 1.418-1.251c.079-.209.087-.318.098-1.342.012-1.03.006-1.136-.069-1.385a2.02 2.02 0 0 0-1.384-1.338c-.307-.08-2.216-.083-2.503-.004m7.284-.001a2.12 2.12 0 0 0-.877.503 1.83 1.83 0 0 0-.519.854c-.076.248-.084.37-.084 1.282 0 .775.014 1.061.061 1.242a2.044 2.044 0 0 0 1.531 1.457c.276.059 1.977.059 2.256.001.529-.111 1.101-.53 1.345-.988.221-.416.247-.596.247-1.719 0-.976-.004-1.026-.1-1.313-.125-.371-.255-.58-.524-.838a2.09 2.09 0 0 0-.876-.484c-.269-.072-2.199-.069-2.46.003m7.243.007c-.62.166-1.17.701-1.363 1.324-.072.234-.08.37-.079 1.346.001 1.034.005 1.099.094 1.35a2.018 2.018 0 0 0 1.429 1.294c.313.074 1.993.087 2.324.018a2.062 2.062 0 0 0 1.548-1.548c.069-.331.056-2.011-.018-2.324a2.042 2.042 0 0 0-1.433-1.468c-.297-.08-2.2-.074-2.502.008"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/H1.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const H1 = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M3 12.18V18h2.48v-4.8h5V18h2.44V6.36h-2.44v4.8h-5v-4.8H3v5.82m13.19-4.908-1.429.908-.001 1.09v1.091l.33-.207 1.34-.84a33.972 33.972 0 0 1 1.03-.634c.011 0 .02 2.097.02 4.66V18h2.44V6.36l-1.15.002-1.15.003-1.43.907"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/H2.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const H2 = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M17.42 6.226c-.798.095-1.207.205-1.7.456-.412.211-.61.35-.913.645-.612.597-.94 1.338-1.029 2.324l-.028.31 1.175-.01L16.1 9.94l.01-.14c.074-1.071.797-1.695 1.89-1.63 1.046.062 1.684.745 1.631 1.743-.024.441-.129.735-.409 1.147-.345.507-.907 1.065-3.196 3.18l-2.144 1.98-.001.89-.001.89h8.28v-2h-2.443c-1.935 0-2.44-.01-2.43-.05.008-.027.42-.446.916-.93 2.133-2.08 2.399-2.349 2.733-2.763.567-.705.874-1.29 1.001-1.905.078-.382.081-1.082.005-1.439-.261-1.23-1.289-2.198-2.705-2.547-.53-.131-1.356-.195-1.817-.14M2 12.18V18h2.48v-4.8h5V18h2.44V6.36H9.48v4.8h-5v-4.8H2v5.82"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/H3.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const H3 = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M17.058 6.242c-1.751.2-3.123 1.25-3.458 2.648-.044.182-.08.416-.08.521v.19l1.167-.01 1.167-.011.045-.22c.061-.294.152-.457.385-.684.373-.363.897-.538 1.516-.506.678.036 1.14.298 1.392.792.306.601.176 1.309-.319 1.736-.413.356-.821.462-1.779.462H16.4v1.79l.81.021c.88.024 1.104.064 1.516.272.597.301.909.82.865 1.438-.048.67-.527 1.182-1.289 1.378-.307.078-.936.079-1.244 0-.712-.182-1.215-.643-1.287-1.18l-.022-.159h-2.48l.027.302c.117 1.288 1.073 2.362 2.547 2.859.934.315 2.293.356 3.346.099 1.576-.384 2.692-1.417 2.914-2.7.283-1.629-.645-2.913-2.315-3.202-.154-.027-.266-.065-.258-.089.008-.023.139-.076.292-.118a2.522 2.522 0 0 0 1.202-.69c.368-.364.54-.669.636-1.121a2.964 2.964 0 0 0-.596-2.446c-.516-.655-1.357-1.132-2.318-1.314-.404-.077-1.265-.107-1.688-.058M1.52 12.18V18h2.44v-4.8h5V18h2.48V6.36H8.96v4.8h-5v-4.8H1.52v5.82"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Hand.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Hand = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M11.66 1.022c-.044.01-.179.039-.3.063a2.77 2.77 0 0 0-.5.173c-.472.219-.791.494-1.15.991-.047.066-.064.065-.31-.013-.362-.116-.972-.143-1.359-.06a2.707 2.707 0 0 0-1.859 1.437c-.28.573-.276.523-.292 3.012L5.875 8.87l-.148-.034c-.272-.063-.894-.041-1.225.043-.957.245-1.722 1.04-1.948 2.024-.041.181-.053.627-.05 1.877.003 1.467.012 1.699.089 2.202.104.678.302 1.417.546 2.042 1.091 2.791 3.539 4.935 6.479 5.675.883.222 1.369.279 2.382.279 1.013 0 1.499-.057 2.382-.279 3.591-.904 6.349-3.848 6.979-7.45.138-.793.165-1.623.149-4.669-.014-2.608-.022-2.903-.086-3.119-.287-.969-1.009-1.683-1.949-1.926-.278-.072-.816-.093-1.139-.044l-.204.03-.024-.57c-.028-.646-.088-.926-.29-1.338a2.707 2.707 0 0 0-1.859-1.437c-.387-.083-.997-.056-1.359.06-.246.078-.263.079-.31.013-.445-.617-.943-.98-1.579-1.153-.216-.059-.907-.107-1.051-.074m.659 2.068a.869.869 0 0 1 .259.203c.081.112.082.156.102 3.96.02 3.795.021 3.849.104 4.027.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.082-.177.084-.24.104-3.46.015-2.539.031-3.3.071-3.368a.88.88 0 0 1 .196-.2c.127-.097.183-.112.413-.112.23 0 .286.015.413.112a.88.88 0 0 1 .196.2c.04.068.056.829.071 3.368.02 3.22.022 3.283.104 3.46.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.08-.171.085-.265.104-1.8.018-1.492.026-1.629.094-1.729.273-.402.929-.386 1.186.028.083.136.083.144.07 3.508l-.014 3.373-.105.466c-.341 1.506-1.02 2.718-2.117 3.777-2.892 2.793-7.576 2.793-10.468 0-1.098-1.06-1.782-2.281-2.115-3.777-.101-.453-.105-.513-.12-2.166l-.017-1.7.094-.139c.152-.225.328-.321.592-.321.251 0 .424.088.576.293.081.109.085.168.104 1.74.02 1.609.021 1.629.114 1.817.18.361.503.562.906.563.407 0 .751-.223.93-.604.065-.139.071-.496.09-5.109.016-3.893.031-4.979.071-5.048a.88.88 0 0 1 .196-.2c.127-.097.183-.112.413-.112.23 0 .286.015.413.112a.88.88 0 0 1 .196.2c.04.068.056.829.071 3.368.02 3.22.022 3.283.104 3.46.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.083-.178.084-.232.104-4.027.02-3.804.021-3.848.102-3.96.107-.146.396-.293.578-.293a.87.87 0 0 1 .319.09" />
-  </svg>
+  </SvgIcon>
 );

package/src/Heart.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Heart = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M6.3 2.58a6.31 6.31 0 0 0-2.146.832C2.164 4.691 1.144 7.11 1.621 9.42c.241 1.172.94 2.525 1.95 3.78 1.357 1.686 4.766 5.278 6.809 7.175.903.839 1.054.925 1.62.925.561 0 .717-.088 1.6-.907 2.258-2.093 5.934-5.999 7.129-7.576.597-.786 1.206-1.904 1.449-2.656.424-1.316.426-2.523.005-3.755a5.765 5.765 0 0 0-4.543-3.831c-.517-.085-1.635-.054-2.12.059-1.189.278-2.069.794-3.21 1.881l-.31.296-.31-.296c-1.138-1.084-2.021-1.602-3.21-1.881-.453-.107-1.708-.138-2.18-.054m1.94 2.058c.437.128.895.356 1.262.63a8.662 8.662 0 0 1 1.363 1.316c.459.588.692.745 1.118.752.371.006.645-.15.975-.557.377-.465 1.131-1.207 1.52-1.495.514-.381.995-.6 1.556-.708a4.787 4.787 0 0 1 1.478.007c1.293.265 2.389 1.258 2.8 2.537.256.794.223 1.749-.086 2.57-.25.662-.755 1.503-1.339 2.23-.617.768-1.793 2.082-3.197 3.57-.87.922-3.191 3.23-3.514 3.495L12 19.13l-.19-.154c-.353-.286-3.468-3.429-4.338-4.376-2.27-2.474-2.931-3.311-3.455-4.38-.352-.718-.46-1.109-.487-1.751-.031-.762.075-1.283.389-1.909A3.832 3.832 0 0 1 6.46 4.584c.416-.092 1.378-.063 1.78.054"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Home.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Home = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.451 2.4a3.8 3.8 0 0 0-1.624.614c-.402.263-5.414 4.7-5.794 5.128a4.056 4.056 0 0 0-.94 1.859c-.068.314-.073.601-.073 3.899 0 3.251.006 3.588.071 3.887.35 1.623 1.59 2.836 3.209 3.14.41.078 10.99.078 11.4 0a4.015 4.015 0 0 0 3.072-2.647c.208-.609.208-.603.208-4.4 0-3.273-.005-3.566-.073-3.878a4.094 4.094 0 0 0-.943-1.863c-.383-.433-5.392-4.863-5.798-5.13a3.986 3.986 0 0 0-1.288-.55c-.364-.077-1.09-.107-1.427-.059m1.15 2.041c.143.042.344.131.447.199.196.13 4.791 4.194 5.313 4.699.166.161.35.381.409.489.234.431.23.36.229 4.07-.001 2.148-.016 3.467-.041 3.578-.154.664-.818 1.328-1.482 1.482-.097.022-.467.04-.823.041l-.647.001-.016-2.25c-.016-2.19-.019-2.258-.106-2.549-.159-.533-.38-.9-.782-1.303a2.832 2.832 0 0 0-1.324-.786c-.306-.089-.373-.092-1.778-.092s-1.472.003-1.778.092a2.832 2.832 0 0 0-1.324.786c-.402.403-.623.77-.782 1.303-.087.291-.09.359-.106 2.549L7.994 19l-.647-.001c-.356-.001-.726-.019-.823-.041-.664-.154-1.328-.818-1.482-1.482-.025-.111-.04-1.43-.041-3.578-.001-3.701-.004-3.64.225-4.062.057-.104.176-.265.264-.357.213-.221 5.113-4.578 5.364-4.769.465-.353 1.111-.453 1.747-.269m.819 9.654c.24.114.387.263.497.505.078.174.081.254.082 2.29L14 19h-4l.001-2.11c.001-2.036.004-2.116.082-2.29a.951.951 0 0 1 .497-.505c.197-.093.22-.094 1.42-.094s1.223.001 1.42.094"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Italic.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Italic = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M10.381 6.09a29.798 29.798 0 0 0-.221 1.073c0 .021.341.037.803.037.745 0 .801.005.781.07-.011.039-.436 2.167-.944 4.73a784.594 784.594 0 0 1-.945 4.73c-.018.064-.093.07-.818.07-.438 0-.797.008-.797.019 0 .01-.054.271-.12.581-.066.31-.12.571-.12.581 0 .011 1.035.019 2.299.019h2.299l.021-.09c.067-.292.221-1.042.221-1.073 0-.021-.341-.037-.803-.037-.745 0-.801-.005-.781-.07.011-.038.436-2.167.944-4.73.508-2.563.933-4.691.944-4.73.019-.064.094-.07.819-.07.438 0 .797-.008.797-.019 0-.01.054-.271.12-.581.066-.31.12-.571.12-.581C15 6.008 13.965 6 12.701 6h-2.299l-.021.09"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Key.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Key = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.284 2.042a6.205 6.205 0 0 0-2.624.982 5.989 5.989 0 0 0-2.079 7.528 6.037 6.037 0 0 0 2.089 2.433l.33.222v3.97c0 4.465-.017 4.208.299 4.524.311.312.157.299 3.701.299s3.39.013 3.701-.299c.302-.302.299-.274.299-2.701s.003-2.399-.299-2.701c-.247-.247-.442-.299-1.128-.299H15l.003-1.41.002-1.41.346-.22c.492-.313 1.277-1.098 1.622-1.622.952-1.447 1.244-3.087.848-4.76-.533-2.245-2.355-3.988-4.661-4.459-.482-.098-1.407-.136-1.876-.077m1.361 2.017c1.636.286 2.881 1.465 3.261 3.087.102.432.102 1.276 0 1.708a4.09 4.09 0 0 1-1.613 2.412 6.55 6.55 0 0 1-.788.434l-.505.236V18h2v2h-4v-8.07l-.439-.19c-.752-.324-1.309-.747-1.74-1.321a3.991 3.991 0 0 1-.155-4.615c.848-1.306 2.458-2.012 3.979-1.745M11.58 6.047c-.721.138-1.381.801-1.536 1.545-.139.665.061 1.32.552 1.812.797.796 2.011.796 2.808 0 .796-.797.796-2.011 0-2.808-.491-.49-1.127-.682-1.824-.549"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Laptop.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Laptop = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M6.362 4.061c-.835.151-1.583.65-1.961 1.309a3.663 3.663 0 0 0-.359 1.07c-.056.354-.056 7.766 0 8.12.054.343.21.81.357 1.066.396.691 1.181 1.198 2.066 1.334.186.029 2.024.039 5.695.031l5.42-.012.296-.091c.584-.18.987-.426 1.349-.822.286-.314.493-.689.642-1.166l.113-.36.012-3.88c.013-4.102.008-4.251-.172-4.78a2.39 2.39 0 0 0-.585-.977c-.425-.453-.949-.726-1.622-.843-.485-.085-10.783-.083-11.251.001m10.993 2.001a.862.862 0 0 1 .584.589c.055.189.061.658.052 3.892-.011 3.647-.012 3.678-.096 3.86-.046.1-.151.248-.233.327-.295.287.06.27-5.682.27-5.774 0-5.401.019-5.703-.283C5.99 14.43 6 14.584 6 10.5c0-4.091-.011-3.929.28-4.22.291-.291-.048-.274 5.703-.277 4.559-.003 5.187.004 5.372.059M2.664 18.063a1.005 1.005 0 0 0-.533.448c-.095.161-.111.233-.111.489s.016.328.111.489c.129.22.306.365.547.45.152.054 1.238.061 9.32.061 10.267 0 9.377.027 9.703-.299a.984.984 0 0 0 0-1.402c-.326-.327.566-.299-9.718-.296-7.848.002-9.185.011-9.319.06"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Link.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Link = ({ ...props }: IconProps) => (
-  <svg {...props} viewBox="0 0 16 16">
+  <SvgIcon {...props}>
     <path
       d="M9.856 2.35a3.418 3.418 0 0 0-1.575.693c-.103.083-.632.597-1.174 1.141l-.987.989.466.467.466.466.974-.969a33.633 33.633 0 0 1 1.119-1.082 1.936 1.936 0 0 1 1.228-.404c.319.001.604.07.907.221.184.092.274.16.481.367.207.207.275.297.367.481.152.306.219.583.219.91 0 .37-.062.631-.225.952-.114.225-.271.399-1.259 1.392l-.969.974.467.466.467.466 1.075-1.08c1.136-1.141 1.234-1.257 1.456-1.72a3.41 3.41 0 0 0 .172-2.445 3.375 3.375 0 0 0-2.166-2.166 3.786 3.786 0 0 0-1.509-.119M7.52 7.533l-1.88 1.88.473.474.474.473 1.886-1.887 1.887-1.886-.467-.467a12.282 12.282 0 0 0-.479-.467c-.008 0-.86.846-1.894 1.88m-3.417-.34c-1.188 1.194-1.317 1.352-1.543 1.9a3.128 3.128 0 0 0-.242 1.282 3.308 3.308 0 0 0 3.317 3.307c.543 0 .99-.102 1.472-.334.437-.212.626-.373 1.733-1.481l1.04-1.04-.466-.466-.465-.466-1.015 1.007c-.995.988-1.166 1.137-1.464 1.273-.284.13-.553.179-.908.165-.55-.021-.923-.182-1.311-.567a1.97 1.97 0 0 1-.508-.8c-.068-.194-.074-.248-.075-.6-.001-.439.045-.642.217-.96.143-.264.213-.341 1.253-1.387l.968-.974-.46-.459c-.253-.253-.466-.46-.473-.46-.008 0-.489.477-1.07 1.06"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Locked.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Locked = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.34 2.046c-.711.09-1.522.404-2.16.834-1.154.779-1.966 2.115-2.138 3.519C7.018 6.595 7 7.639 7 8.869V11H5.927c-1.235 0-1.35.021-1.628.299C3.98 11.617 4 11.277 4 16.5s-.02 4.883.299 5.201c.324.324-.322.299 7.701.299s7.377.025 7.701-.299c.319-.318.299.022.299-5.201s.02-4.883-.299-5.201c-.278-.278-.393-.299-1.628-.299H17V8.869c0-1.23-.018-2.274-.042-2.47a5.2 5.2 0 0 0-.839-2.223c-.271-.405-.89-1.024-1.295-1.295a5.07 5.07 0 0 0-3.484-.835m1.239 2.015c.606.125 1.1.391 1.535.825.304.305.494.586.648.958.229.556.238.67.238 3.014V11H9V8.858c0-2.344.009-2.458.238-3.014a3.009 3.009 0 0 1 2.734-1.841c.171-.002.444.024.607.058M18 16.5V20H6v-7h12v3.5m-7 0V18h2v-3h-2v1.5"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/LongAnswer.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const LongAnswer = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M5.503 3.042c-1.016.172-1.947.934-2.301 1.883-.208.556-.201.308-.201 7.067-.001 5.509.007 6.328.061 6.589a2.993 2.993 0 0 0 2.357 2.357c.444.092 9.828.092 10.217 0 .529-.124.549-.141 2.872-2.469 2.316-2.321 2.307-2.311 2.432-2.838.09-.385.089-9.773-.002-10.212a2.96 2.96 0 0 0-1.642-2.107c-.657-.316-.005-.289-7.176-.297-3.531-.003-6.509.009-6.617.027M18.34 5.066c.115.039.263.135.361.233.314.314.299.106.299 4.126v3.57l-1.77.015c-1.987.018-1.937.012-2.57.326a2.925 2.925 0 0 0-1.458 1.589c-.185.497-.201.679-.201 2.425L13 19H9.427c-4.022 0-3.814.015-4.128-.299C4.977 18.379 5 18.903 5 12c0-6.904-.024-6.379.3-6.702.314-.314-.209-.291 6.683-.295 5.637-.003 6.179.003 6.357.063M7.252 7.078C7.03 7.213 7 7.325 7 8s.03.787.252.922c.125.076.236.078 4.74.078 5.092 0 4.766.017 4.93-.252C16.99 8.636 17 8.545 17 8c0-.545-.01-.636-.078-.748-.164-.269.162-.252-4.93-.252-4.504 0-4.615.002-4.74.078m0 4C7.03 11.213 7 11.325 7 12s.03.787.252.922c.124.075.22.078 2.748.078s2.624-.003 2.748-.078c.222-.135.252-.247.252-.922s-.03-.787-.252-.922C12.624 11.003 12.528 11 10 11s-2.624.003-2.748.078m0 4C7.03 15.213 7 15.325 7 16s.03.787.252.922c.121.074.212.078 1.748.078s1.627-.004 1.748-.078c.222-.135.252-.247.252-.922s-.03-.787-.252-.922C10.627 15.004 10.536 15 9 15s-1.627.004-1.748.078M19 15.09c0 .128-3.782 3.91-3.91 3.91H15v-1.573c0-1.79.006-1.835.3-2.129.288-.288.314-.291 2.11-.295L19 15v.09"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Mail.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Mail = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M2.664 4.063a1.005 1.005 0 0 0-.533.448L2.02 4.7v14.6l.111.189c.129.22.306.365.547.45.152.054 1.238.061 9.32.061 10.267 0 9.377.027 9.703-.299.324-.324.299.322.299-7.701s.025-7.377-.299-7.701c-.326-.327.566-.299-9.718-.296-7.848.002-9.185.011-9.319.06M15.187 8.36c-1.731 1.298-3.165 2.36-3.187 2.36-.022 0-1.456-1.062-3.187-2.36L5.667 6h12.666l-3.146 2.36M7.79 10.091c2.583 1.937 3.801 2.827 3.915 2.86a.959.959 0 0 0 .59 0c.114-.033 1.332-.923 3.915-2.86a478.782 478.782 0 0 1 3.77-2.811c.011 0 .02 2.412.02 5.36V18H4v-5.36c0-2.948.009-5.36.02-5.36.011 0 1.707 1.265 3.77 2.811"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Maximize.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Maximize = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M11.664 4.062a1.013 1.013 0 0 0-.533.449c-.095.161-.111.233-.111.489s.016.328.111.489c.061.103.17.234.243.289.29.222.296.222 2.624.222 1.369 0 2.233.016 2.385.043.768.141 1.433.806 1.574 1.574.027.152.043 1.015.043 2.38 0 1.353.016 2.198.042 2.292.099.358.48.664.875.702.435.041.883-.248 1.019-.66.061-.182.066-.439.055-2.577l-.013-2.374-.105-.385a4.034 4.034 0 0 0-1.604-2.283 5.037 5.037 0 0 0-1.311-.598c-.329-.087-.404-.089-2.738-.1-2.027-.009-2.424-.002-2.556.048m-7 7.001a1.005 1.005 0 0 0-.533.448l-.111.189v4.92l.111.397c.421 1.509 1.576 2.591 3.095 2.9.383.078.539.083 2.663.083 2.551 0 2.509.005 2.812-.299a.984.984 0 0 0 0-1.402c-.302-.302-.271-.299-2.726-.299-1.431 0-2.243-.015-2.383-.044-.762-.159-1.411-.818-1.549-1.573C6.016 16.231 6 15.368 6 14c0-2.427.003-2.399-.299-2.701a.996.996 0 0 0-1.037-.236" />
-  </svg>
+  </SvgIcon>
 );

package/src/Microphone.tsx CHANGED Viewed

@@ -1,7 +1,8 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Microphone = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path d="M11.433 3.04c-.59.094-1.212.34-1.702.672-.775.527-1.335 1.322-1.602 2.277l-.109.391v5.24l.111.397c.347 1.242 1.226 2.235 2.389 2.698a4.028 4.028 0 0 0 3.968-.591 3.932 3.932 0 0 0 1.431-2.359c.081-.4.084-.502.072-2.9l-.013-2.485-.106-.388a4.051 4.051 0 0 0-1.603-2.28 4.76 4.76 0 0 0-1.311-.592c-.386-.094-1.175-.136-1.525-.08m.95 2.003c.379.07.723.256 1.021.553.297.298.483.642.553 1.021.059.324.059 4.442 0 4.766C13.791 12.29 12.932 13 12 13c-.932 0-1.791-.71-1.957-1.617-.059-.324-.059-4.442 0-4.766a1.93 1.93 0 0 1 .553-1.021c.489-.488 1.102-.678 1.787-.553m-6.719 6.02a.986.986 0 0 0-.651.825c-.04.395.26 1.42.634 2.172.982 1.97 2.85 3.396 4.983 3.805l.37.071v1.102c0 .636.018 1.165.042 1.251.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.28-.28.3-.39.3-1.661v-1.105l.37-.071c2.411-.462 4.488-2.248 5.308-4.565.157-.443.322-1.111.322-1.303 0-.239-.12-.519-.299-.698a.984.984 0 0 0-1.405.003c-.176.176-.184.197-.397.978a5.753 5.753 0 0 1-.7 1.504 6.094 6.094 0 0 1-.615.721 5.054 5.054 0 0 1-2.584 1.4c-.476.103-1.524.103-2 0a5.196 5.196 0 0 1-3.088-1.965c-.308-.412-.682-1.176-.812-1.66-.209-.775-.22-.802-.396-.978a.995.995 0 0 0-1.04-.239" />
-  </svg>
+  </SvgIcon>
 );

package/src/Minimize.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Minimize = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M12.643 3.069c-.242.085-.496.349-.58.602-.061.184-.066.43-.053 2.576.015 2.299.018 2.384.104 2.711a4.282 4.282 0 0 0 1.063 1.865 4.282 4.282 0 0 0 1.865 1.063c.327.086.412.089 2.711.104 2.693.017 2.637.022 2.947-.288a.984.984 0 0 0 .001-1.403c-.302-.302-.271-.299-2.726-.299-1.431 0-2.243-.015-2.383-.044a2.062 2.062 0 0 1-1.548-1.548c-.029-.14-.044-.952-.044-2.383 0-2.455.003-2.424-.299-2.726a.998.998 0 0 0-1.058-.23m-9 8.999C3.289 12.195 3 12.614 3 13c0 .242.119.521.299.701.302.302.274.299 2.701.299 1.368 0 2.231.016 2.383.043.768.141 1.433.806 1.574 1.574.027.152.043 1.015.043 2.383 0 2.427-.003 2.399.299 2.701a.984.984 0 0 0 1.403-.001c.309-.309.303-.252.289-2.946l-.013-2.374-.105-.385a4.034 4.034 0 0 0-1.604-2.283 5.037 5.037 0 0 0-1.311-.598c-.329-.087-.404-.089-2.738-.1-2.11-.009-2.421-.002-2.577.054"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Moon.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Moon = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M13.12 2.039c-1.804.181-3.413.768-4.84 1.767-3.542 2.48-5.102 6.953-3.858 11.059a9.762 9.762 0 0 0 2.517 4.196 9.446 9.446 0 0 0 2.438 1.802c2.709 1.409 5.845 1.508 8.683.275.713-.309.997-.678.926-1.202-.052-.375-.269-.636-.718-.861-.863-.433-1.835-1.239-2.509-2.081a7.999 7.999 0 0 1 0-9.988c.69-.862 1.652-1.65 2.59-2.122.505-.254.747-.739.611-1.225-.09-.321-.329-.537-.849-.769a9.822 9.822 0 0 0-2.642-.773c-.602-.09-1.824-.13-2.349-.078m2.12 2.062c.231.036.434.079.451.095.017.016-.046.091-.14.167-.611.49-1.354 1.326-1.871 2.104-.864 1.302-1.332 2.547-1.607 4.273-.068.425-.068 2.095 0 2.52.275 1.726.743 2.971 1.607 4.273.517.778 1.26 1.614 1.871 2.104.094.076.157.151.14.166-.068.064-.826.163-1.411.184-3.19.118-6.124-1.67-7.507-4.575a8.05 8.05 0 0 1-.596-5.06c.709-3.387 3.559-5.948 7.023-6.311.477-.05 1.542-.019 2.04.06"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/MoreVert.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const MoreVert = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.58 2.047c-.721.138-1.381.801-1.536 1.545C9.789 4.816 10.751 6 12 6c1.08 0 2-.92 2-2 0-.523-.21-1.017-.596-1.404-.491-.49-1.127-.682-1.824-.549m0 8C10.707 10.214 10 11.087 10 12c0 .92.69 1.768 1.592 1.956C12.816 14.211 14 13.249 14 12c0-.523-.21-1.017-.596-1.404-.491-.49-1.127-.682-1.824-.549m0 8c-.721.138-1.381.801-1.536 1.545C9.789 20.816 10.751 22 12 22c1.08 0 2-.92 2-2 0-.523-.21-1.017-.596-1.404-.491-.49-1.127-.682-1.824-.549"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Move.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Move = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M8.664 5.063a1.005 1.005 0 0 0-.533.448L8.02 5.7v1.6l.111.189c.246.419.492.511 1.367.511.768 0 .949-.045 1.203-.299.254-.254.299-.435.299-1.201s-.045-.947-.299-1.201c-.256-.256-.434-.3-1.218-.296-.47.002-.709.019-.819.06m4.979.006a1.066 1.066 0 0 0-.577.591c-.094.278-.094 1.402 0 1.68.087.253.341.507.594.594.278.094 1.402.094 1.68 0 .253-.087.507-.341.594-.594.094-.278.094-1.402 0-1.68a1.046 1.046 0 0 0-.594-.594c-.268-.091-1.436-.089-1.697.003m-5 5a1.066 1.066 0 0 0-.577.591c-.094.278-.094 1.402 0 1.68.087.253.341.507.594.594.278.094 1.402.094 1.68 0 .253-.087.507-.341.594-.594.094-.278.094-1.402 0-1.68a1.046 1.046 0 0 0-.594-.594c-.268-.091-1.436-.089-1.697.003m5 0a1.066 1.066 0 0 0-.577.591c-.094.278-.094 1.402 0 1.68.087.253.341.507.594.594.278.094 1.402.094 1.68 0 .253-.087.507-.341.594-.594.094-.278.094-1.402 0-1.68a1.046 1.046 0 0 0-.594-.594c-.268-.091-1.436-.089-1.697.003m-5 5a1.066 1.066 0 0 0-.577.591c-.094.278-.094 1.402 0 1.68.087.253.341.507.594.594.278.094 1.402.094 1.68 0 .253-.087.507-.341.594-.594.094-.278.094-1.402 0-1.68a1.046 1.046 0 0 0-.594-.594c-.268-.091-1.436-.089-1.697.003m5 0a1.066 1.066 0 0 0-.577.591c-.094.278-.094 1.402 0 1.68.087.253.341.507.594.594.278.094 1.402.094 1.68 0 .253-.087.507-.341.594-.594.094-.278.094-1.402 0-1.68a1.046 1.046 0 0 0-.594-.594c-.268-.091-1.436-.089-1.697.003"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Movie.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Movie = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M12.36 2.044a5.364 5.364 0 0 0-2.168.824c-.583.39-1.176 1.035-1.549 1.683-.108.187-.185.281-.215.263a4.878 4.878 0 0 1-.221-.145c-.288-.195-.886-.456-1.267-.554-.507-.129-1.36-.13-1.878-.002a4.86 4.86 0 0 0-1.331.599c-.776.527-1.336 1.324-1.601 2.277-.098.351-.108.454-.106 1.011.003.535.017.673.107 1.008.057.214.18.545.273.735.161.33.165.349.093.388-.158.085-.371.35-.434.539-.058.176-.063.654-.054 4.912L2.02 20.3l.111.189c.061.103.17.234.243.289.309.236-.173.222 7.624.222 7.859 0 7.338.016 7.651-.241.256-.211.328-.423.351-1.031l.02-.532 1.25.844c.687.464 1.324.87 1.415.902a.978.978 0 0 0 1.016-.241c.319-.318.299.022.299-5.201 0-5.229.02-4.882-.303-5.205a.986.986 0 0 0-1.008-.238c-.089.031-.726.437-1.415.902l-1.254.846-.02-.533c-.023-.608-.095-.82-.351-1.031-.146-.12-.438-.241-.581-.241-.073 0-.072-.008.02-.13.317-.425.586-1.015.762-1.669.116-.433.124-.505.126-1.181.002-.654-.008-.759-.106-1.151-.194-.768-.497-1.397-.944-1.957-1.099-1.378-2.843-2.091-4.566-1.868m1.396 2.053c.337.092.839.35 1.117.574C15.554 5.219 16 6.14 16 7c0 .802-.413 1.711-1.02 2.246-1.114.98-2.787 1.003-3.9.051-.456-.39-.866-1.05-1.005-1.617-.069-.282-.07-1.075-.001-1.36.08-.331.415-.991.628-1.24a3.2 3.2 0 0 1 1.801-1.04c.267-.049.988-.016 1.253.057M6.383 6.043c.802.147 1.456.829 1.584 1.652C8.153 8.894 7.209 10 6 10a2.016 2.016 0 0 1-1.967-1.695c-.1-.642.099-1.244.563-1.709.489-.488 1.102-.678 1.787-.553M16 15.5V19H4v-7h12v3.5m4 .001v2.621l-.998-.671-.998-.671v-2.56l.988-.667c.543-.366.993-.668.998-.67.005-.001.01 1.176.01 2.618"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Music.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Music = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M19.76 2.027c-.033.011-2.363.94-5.178 2.064C9.767 6.013 9.454 6.144 9.298 6.3 8.98 6.617 9 6.275 9 11.531c0 4.149-.007 4.675-.06 4.654-.448-.171-1.664-.219-2.32-.091-2.11.413-3.623 1.793-3.619 3.302.004 1.918 2.246 3.054 4.774 2.421 1.524-.381 2.69-1.317 3.112-2.497l.093-.26.02-3.694.02-3.694 3.84-1.536 3.99-1.596.15-.059v1.864c0 1.643-.007 1.861-.06 1.84-.448-.171-1.664-.219-2.32-.091-2.11.413-3.623 1.793-3.619 3.302.004 1.918 2.246 3.054 4.774 2.421 1.349-.338 2.448-1.129 2.944-2.12.296-.589.28-.194.28-6.86.001-6.72.024-6.216-.298-6.538-.236-.237-.674-.363-.941-.272m-.789 4.294c-.023.02-5.902 2.38-7.782 3.123l-.19.075.01-.923.011-.924L15 6.08l3.98-1.592.011.903c.006.497-.003.916-.02.93m-.561 7.798c.314.098.59.326.59.487 0 .278-.477.753-1.017 1.015-.56.27-.941.358-1.563.358-.655.001-1.029-.099-1.268-.338-.184-.183-.191-.284-.039-.523.315-.497 1.022-.895 1.877-1.057.419-.08 1.063-.053 1.42.058m-10 4c.314.098.59.326.59.487 0 .278-.477.753-1.017 1.015-.56.27-.941.358-1.563.358-.655.001-1.029-.099-1.268-.338-.184-.183-.191-.284-.039-.523.315-.497 1.022-.895 1.877-1.057.419-.08 1.063-.053 1.42.058"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Nature.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Nature = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="m17.66 2.024-.88.058c-3.645.234-6.778.964-8.86 2.064-.905.478-1.505.927-2.093 1.567-1.465 1.594-2.301 3.285-2.505 5.067-.214 1.867.417 3.906 1.752 5.669.168.222.34.448.382.501l.076.097-1.616 1.617L2.3 20.28l.71.71.71.71 1.616-1.616 1.617-1.616.097.076c.053.042.279.214.501.382 1.761 1.334 3.764 1.956 5.641 1.752 1.792-.195 3.486-1.028 5.095-2.506.49-.449.733-.738 1.122-1.332 1.313-2.008 2.163-5.161 2.491-9.24.111-1.388.156-3.255.106-4.445-.025-.598-.055-1.098-.068-1.111-.025-.024-3.945-.043-4.278-.02m2.329 3.306c-.077 4.571-.926 8.424-2.315 10.51-.658.987-2.082 2.063-3.354 2.533a4.756 4.756 0 0 1-1.84.325c-.441 0-.718-.021-.96-.072-1.018-.213-2.074-.731-3.005-1.473l-.135-.108 3.92-3.922L16.22 9.2l-.71-.71-.71-.71-3.922 3.92c-3.305 3.303-3.929 3.911-3.97 3.86-.823-1.032-1.327-2.053-1.533-3.105-.105-.531-.095-1.431.021-1.973.229-1.075.794-2.136 1.698-3.187.423-.492.606-.656 1.104-.99 2.083-1.396 6.191-2.274 10.758-2.299L20.011 4l-.022 1.33"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Notification.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Notification = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.506 2.042c-.336.056-.717.19-.986.346-.337.196-.936.795-1.131 1.132-.256.441-.388.98-.389 1.583v.323l-.53.268c-1.818.918-3.042 2.474-3.476 4.42-.081.361-.088.537-.116 2.746-.017 1.398-.046 2.433-.071 2.54a2.246 2.246 0 0 1-.345.801c-.255.394-.334.561-.402.848-.075.322-.075.555.001.853.196.761.786 1.31 1.522 1.416.152.022.809.041 1.459.041l1.182.001.208.412a3.996 3.996 0 0 0 3.108 2.191c1.295.169 2.729-.417 3.558-1.453a5.11 5.11 0 0 0 .47-.738l.208-.412 1.182-.001c.65 0 1.305-.018 1.455-.04 1.018-.147 1.731-1.143 1.548-2.159-.059-.324-.148-.53-.405-.929-.205-.32-.288-.512-.363-.831-.024-.106-.055-1.156-.073-2.54-.033-2.446-.032-2.438-.217-3.135-.137-.515-.436-1.175-.77-1.697-.657-1.025-1.762-1.969-2.876-2.454L15 5.462v-.341c-.001-.622-.13-1.155-.389-1.601-.195-.337-.794-.936-1.131-1.131-.556-.323-1.32-.457-1.974-.347m.824 2.015c.34.121.607.443.654.786l.024.177h-2.016l.024-.177c.065-.47.497-.839.984-.839.099 0 .248.024.33.053m1.23 3.04c1.622.372 2.977 1.622 3.417 3.152.155.541.183 1.012.183 3.09 0 2.005.017 2.27.187 2.861.08.28.262.685.414.922.066.102.119.197.119.212 0 .014-2.646.026-5.88.026s-5.88-.012-5.88-.026c0-.015.053-.11.119-.212.152-.237.334-.642.414-.922.17-.591.187-.856.188-2.875.001-1.07.018-2.124.04-2.343.188-1.941 1.718-3.547 3.737-3.925.432-.081 2.54-.052 2.942.04m-.28 12.429a2.1 2.1 0 0 1-.369.259c-.717.363-1.621.256-2.191-.259l-.18-.163h2.92l-.18.163"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Objects.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Objects = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="M11.36 2.025c-3.747.342-6.686 3.09-7.269 6.795-.093.594-.091 1.84.004 2.398.152.893.341 1.488.725 2.282.437.904.95 1.598 1.719 2.329l.461.438v.439c0 .242.02.546.043.677.141.768.806 1.433 1.574 1.574.328.06 6.438.06 6.766 0 .768-.141 1.433-.806 1.574-1.574.023-.131.043-.435.043-.677v-.439l.461-.438c.757-.719 1.279-1.422 1.7-2.289.383-.786.6-1.464.744-2.32.095-.561.097-1.808.004-2.4-.263-1.672-.989-3.149-2.129-4.335A7.974 7.974 0 0 0 13.24 2.1c-.375-.061-1.529-.108-1.88-.075m1.807 2.09c2.386.488 4.198 2.302 4.719 4.725.12.558.132 1.72.022 2.229-.186.87-.477 1.582-.93 2.275-.296.454-1.144 1.306-1.628 1.637l-.349.239-.001.89V17H9v-1.78l-.285-.196c-1.406-.965-2.256-2.247-2.624-3.955-.054-.252-.07-.507-.069-1.089.002-.687.013-.806.114-1.238.147-.628.262-.945.55-1.504.837-1.63 2.464-2.834 4.234-3.133l.48-.082c.246-.043 1.396.016 1.767.092m-1.647 1.91c-.564.073-1.298.356-1.805.697C8.681 7.417 8 8.719 8 10c0 .251.095.989.133 1.026.005.005.44-.106.967-.248l.962-.258a3.4 3.4 0 0 0-.036-.249c-.095-.593.12-1.224.57-1.675.451-.451 1.082-.665 1.676-.57l.249.04.042-.163c.078-.295.44-1.642.459-1.707.016-.051-.03-.075-.211-.113-.246-.051-1.058-.088-1.291-.058M9 22v1h6v-2H9v1"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );

package/src/Ol.tsx CHANGED Viewed

@@ -1,10 +1,11 @@
+import { SvgIcon } from '@mui/material';
 import { IconProps } from '../types';
 export const Ol = ({ ...props }: IconProps) => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" {...props}>
+  <SvgIcon {...props}>
     <path
       d="m6.26 7.272-1.44.912-.011 1.088c-.005.598-.002 1.088.007 1.088.01 0 .605-.369 1.323-.82.717-.451 1.331-.82 1.363-.82.05 0 .058.609.058 4.64V18H10V6.36H8.85l-1.15.001-1.44.911m6.913 8.223c-.368.12-.669.393-.835.757-.094.206-.104.272-.092.58.017.412.116.653.378.914.213.213.424.321.721.368 1.106.177 1.943-.951 1.442-1.941a1.54 1.54 0 0 0-.66-.623c-.234-.105-.717-.132-.954-.055m4.76 0a1.455 1.455 0 0 0-.821.713c-.078.146-.092.232-.092.572 0 .36.011.421.111.611.282.536.83.814 1.433.728.434-.061.805-.345 1.017-.778.098-.2.115-.282.114-.558-.001-.395-.087-.612-.357-.901a1.26 1.26 0 0 0-.932-.429 1.574 1.574 0 0 0-.473.042"
       fillRule="evenodd"
     />
-  </svg>
+  </SvgIcon>
 );