feat: add material symbols

* Update from `@material-icons/svg` to `@material-design-icons/svg`
* Add `@material-symbols/svg-400`

icons/copy-mui-icons.js

@@ -12,12 +12,24 @@ const CONFLICTING_ICONS = [
 ];
 
 /*
-  Copies all sharp svg mui icons from @material-icons package to svg directory skipping existing ones.
+  Copies all sharp svg mui icons from @material-design-icons package to svg directory skipping existing ones.
  */
-const muiIcons = fs.readdirSync('../node_modules/@material-icons/svg/svg/');
+const muiIcons = fs.readdirSync('../node_modules/@material-design-icons/svg/sharp');
 muiIcons.forEach((iconName) => {
-  if (!fs.existsSync(`./svg/${iconName}.svg`) && !fs.existsSync(`./svg/${iconName.replaceAll('-', '').replaceAll('_', '')}.svg`)) {
+  if (!fs.existsSync(`./svg/${iconName}`) && !fs.existsSync(`./svg/${iconName.replaceAll('-', '').replaceAll('_', '')}`)) {
     const resolvedName = CONFLICTING_ICONS.includes(iconName) ? `${iconName}_icon` : iconName;
-    fs.copyFileSync(`../node_modules/@material-icons/svg/svg/${iconName}/sharp.svg`, `./svg/${resolvedName}.svg`);
+    fs.copyFileSync(`../node_modules/@material-design-icons/svg/sharp/${iconName}`, `./svg/${resolvedName}`);
   }
 });
+
+/*
+  Copies all sharp svg mui symbols from @material-symbols package to svg directory skipping existing ones.
+ */
+  const muiSymbols = fs.readdirSync('../node_modules/@material-symbols/svg-400/sharp');
+  muiSymbols.forEach((iconName) => {
+    if (!fs.existsSync(`./svg/${iconName}`) && !fs.existsSync(`./svg/${iconName.replaceAll('-', '').replaceAll('_', '')}`)) {
+      const resolvedName = CONFLICTING_ICONS.includes(iconName) ? `${iconName}_icon` : iconName;
+      fs.copyFileSync(`../node_modules/@material-symbols/svg-400/sharp/${iconName}`, `./svg/${resolvedName}`);
+    }
+  });
+

icons/es5/10KFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg10KFill = function Svg10KFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M286-360h50v-240H180v50h106v190Zm87 0h170v-240H373v240Zm50-50v-140h70v140h-70Zm157 50h50v-90l84 90h66L668-480l112-120h-66l-84 90v-90h-50v240ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg10KFill;

icons/es5/10MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg10MpFill = function Svg10MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-240H486v240Zm50-50v-140h70v140h-70ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg10MpFill;

icons/es5/11MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg11MpFill = function Svg11MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M350-510h50v-240H286v50h64v190Zm213 0h50v-240H500v50h63v190ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg11MpFill;

icons/es5/123Fill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg123Fill = function Svg123Fill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M220-360v-192h-60v-48h108v240h-48Zm132 0v-144h132v-48H352v-48h180v144H400v48h132v48H352Zm248 0v-48h132v-48h-92v-48h92v-48H600v-48h180v240H600Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg123Fill;

icons/es5/12MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg12MpFill = function Svg12MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-50H536v-53h120v-137H486v50h120v54H486v136ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg12MpFill;

icons/es5/13MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg13MpFill = function Svg13MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm144 0h170v-240H480v50h120v54h-80v33h80v53H480v50ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg13MpFill;

icons/es5/14MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg14MpFill = function Svg14MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm240 0h50v-63h47v-50h-47v-127h-50v127h-56v-127h-50v177h106v63ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg14MpFill;

icons/es5/15MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg15MpFill = function Svg15MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-136H536v-54h120v-50H486v137h120v53H486v50ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg15MpFill;

icons/es5/16MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg16MpFill = function Svg16MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-136H536v-54h120v-50H486v240Zm50-33v-70h70v70h-70ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg16MpFill;

icons/es5/17MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg17MpFill = function Svg17MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm209 0h55l61-192v-48H486v50h115l-56 190ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg17MpFill;

icons/es5/18MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg18MpFill = function Svg18MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-240H486v240Zm50-138v-64h70v64h-70Zm0 100v-64h70v64h-70ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg18MpFill;

icons/es5/18UpRatingFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg18UpRatingFill = function Svg18UpRatingFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-360h50v-240H273v50h63v190Zm130 0h170v-240H466v240Zm50-38v-64h70v64h-70Zm0-100v-64h70v64h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg18UpRatingFill;

icons/es5/19MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg19MpFill = function Svg19MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M336-510h50v-240H273v50h63v190Zm150 0h170v-240H486v137h120v53H486v50Zm50-136v-64h70v64h-70ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg19MpFill;

icons/es5/1KFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg1KFill = function Svg1KFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M493-360h50v-90l84 90h66L581-480l112-120h-66l-84 90v-90h-50v240Zm-157 0h50v-240H273v50h63v190ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg1KFill;

icons/es5/1KPlusFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg1KPlusFill = function Svg1KPlusFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M676-400h40v-63h64v-33h-64v-64h-40v64h-63v33h63v63Zm-240 40h50v-90l84 90h66L524-480l112-120h-66l-84 90v-90h-50v240Zm-140 0h50v-240H233v50h63v190ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg1KPlusFill;

icons/es5/1XMobiledataBadge.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg1XMobiledataBadge = function Svg1XMobiledataBadge(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M282-280h60v-400H200v60h82v340Zm178 0h65l85-154 87 154h64L646-486l108-194h-65l-79 143-80-143h-65l109 194-114 206ZM40-120v-720h880v720H40Zm60-60h760v-600H100v600Zm0 0v-600 600Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg1XMobiledataBadge;

icons/es5/1XMobiledataBadgeFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg1XMobiledataBadgeFill = function Svg1XMobiledataBadgeFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M282-280h60v-399H200v60h82v339Zm178 0h65l85-154 87 154h64L646-486l108-194h-65l-79 143-80-143h-65l109 194-114 206ZM40-120v-720h880v720H40Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg1XMobiledataBadgeFill;

icons/es5/1XMobiledataFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg1XMobiledataFill = function Svg1XMobiledataFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M242-280v-339.2h-82V-679h142v399h-60Zm195 0 127-213-113-187h70l79 130 75-130h69L636-493l124 213h-69l-91-156-93 156h-70Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg1XMobiledataFill;

icons/es5/20MpFill.js

@@ -0,0 +1,15 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import * as React from "react";
+var Svg20MpFill = function Svg20MpFill(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 -960 960 960",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M250-510h170v-50H300v-53h120v-137H250v50h120v54H250v136Zm283 0h170v-240H533v240Zm43-50v-140h77v140h-77ZM233-210h50v-190h53v127h50v-127h60v190h50v-240H233v240Zm323 0h50v-63h120v-177H556v240Zm50-113v-77h70v77h-70ZM120-120v-720h720v720H120Z",
+    fill: "currentColor"
+  }));
+};
+export default Svg20MpFill;