@tant/icons 1.3.13 → 1.3.16

package/dist/es/icons/logo-currencylayer-cl.js

@@ -38,14 +38,19 @@ var LogoCurrencylayerCl = function LogoCurrencylayerCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "24",
     fill: "#fff"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M1.18 1.627c.052-.03.12-.034.206-.059.182-.053 1.03-.068 4.13-.068 2.146 0 3.93.015 3.966.04.036.023.05.082.031.136-.013.053-.544.62-1.175 1.259-.626.639-1.143 1.175-1.143 1.195 0 .015.172.18.385.366 2.673 2.317 4.683 5.982 5.713 10.417.45 1.922.658 3.591.713 5.61.022.86.018 1.026-.046 1.187a1.374 1.374 0 01-.63.673c-.227.112-.282.117-1.212.117-.921 0-.99-.005-1.202-.112a1.404 1.404 0 01-.627-.62c-.072-.146-.1-.307-.108-.659-.091-2.77-.386-4.742-1.017-6.82-.971-3.182-2.482-5.612-4.315-6.924l-.445-.317-1.452 1.527c-.799.844-1.502 1.556-1.566 1.595-.131.073-.263.02-.34-.136-.032-.059-.045-1.474-.045-4.138 0-3.645-.023-4.153.179-4.269zm13.534.097c-.037-.048-.05-.122-.037-.16.023-.06.545-.069 4.062-.06l4.038.015.105.113.104.112.009 4.108c.012 3.898.014 4.285-.132 4.352-.016.008-.034.011-.054.015-.059.015-.508-.44-1.566-1.571l-1.483-1.59-.268.175c-1.938 1.244-3.644 4.016-4.624 7.49l-.154.556-.046-.195a50.782 50.782 0 01-.19-.806c-.281-1.205-.822-2.83-1.38-4.132a7.038 7.038 0 01-.254-.644c0-.122.65-1.279 1.08-1.923a15.808 15.808 0 012.582-2.927c.282-.244.508-.459.504-.473a93.604 93.604 0 00-1.126-1.196c-.612-.644-1.139-1.21-1.17-1.259z",
     fill: "#2E70E0"
-  })));
+  }))));
 };
 LogoCurrencylayerCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-dingding-cl.js

@@ -38,7 +38,12 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_3340_346)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M12 .375C5.55.375.3 5.625.3 12.075c0 6.45 5.25 11.7 11.7 11.7 6.45 0 11.7-5.25 11.7-11.7 0-6.45-5.25-11.7-11.7-11.7zM17.475 10.5c0 .075-.075.225-.15.45-.525 1.05-1.8 3.15-1.8 3.15l-.375.675h1.8l-3.45 4.5.75-3.15h-1.425l.525-2.1c-.375.075-.9.225-1.425.375 0 0-.75.45-2.175-.825 0 0-.975-.825-.375-1.05.225-.075 1.125-.225 1.875-.3.975-.15 1.575-.225 1.575-.225s-3 .075-3.675-.075c-.675-.075-1.575-1.275-1.8-2.325 0 0-.3-.6.675-.3.975.3 4.8 1.05 4.8 1.05S7.8 8.775 7.425 8.4c-.3-.375-.975-2.025-.9-3.075 0 0 0-.225.3-.15 0 0 3.75 1.725 6.225 2.625 2.475 1.05 4.65 1.5 4.425 2.7z",
@@ -49,7 +54,7 @@ var LogoDingdingCl = function LogoDingdingCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  })))));
+  }))))));
 };
 LogoDingdingCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-dingding-gray.js

@@ -38,9 +38,13 @@ var LogoDingdingGray = function LogoDingdingGray(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M13.2 7.8c-2.55-.9-6.45-2.7-6.45-2.7-.3 0-.3.15-.3.15 0 1.2.6 2.85.9 3.3.45.3 5.55 1.95 5.55 1.95S9 9.75 7.95 9.45c-.9-.3-.6.3-.6.3.15 1.05 1.05 2.25 1.8 2.4.75.15 3.75 0 3.75 0s-.6 0-1.65.15c-.6.15-1.5.3-1.8.45-.6.15.45 1.05.45 1.05 1.5 1.35 2.25.9 2.25.9.6-.15 1.05-.3 1.5-.45l-.45 2.1h1.5l-.9 3.15 3.6-4.65h-1.8l.45-.6s1.35-2.1 1.8-3.15c.15-.15.15-.3.15-.45.15-1.35-2.1-1.8-4.8-2.85zm-1.05-6.75C5.85 1.05.9 6.15.9 12.3S6 23.55 12.15 23.55c6.3 0 11.25-5.1 11.25-11.25S18.45 1.05 12.15 1.05zm0 21.75c-5.85 0-10.5-4.65-10.5-10.5S6.3 1.8 12.15 1.8s10.5 4.65 10.5 10.5S18 22.8 12.15 22.8z"
-  })));
+  }))));
 };
 LogoDingdingGray.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-feishu-cl.js

@@ -38,7 +38,12 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_3342_408)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M24 .237l-5.902 6.377a.204.204 0 00-.047.163 1.135 1.135 0 01-.312 1.051 1.146 1.146 0 01-1.649 0l-4.694 4.688.461 6.207L17.136 24 24 .237z",
@@ -58,7 +63,7 @@ var LogoFeishuCl = function LogoFeishuCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  })))));
+  }))))));
 };
 LogoFeishuCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-garena-cl.js

@@ -38,10 +38,15 @@ var LogoGarenaCl = function LogoGarenaCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M7.932 12.964s1.469-2.947 7.601-1.245c0 0 .931 1.3 4.916.897 0 0-2.025 1.935-3.404 5.073 0 0-1.338 4.206-9.192 3.137 0 0-6.49-1.5-5.459-7.11 0 0 1.054-4.858 6.773-5.637l.638-.166s-2.028-1.122-6.048.676l-1.167.537L0 8.885s1.037-2.228 3.507-3.731h.25l3.714-2.228-2.025 1.825 2.717-1.18S12.41 2.466 14.013 2l-5.22 3.261s2.663-.563 3.925-.59l.288.59s2.682-.08 4.3.752c0 0-1.124 2.442 6.694 1.395l-.453.505-2.921 1.052-1.059.322.733.355.326.236h-4.257s-5.063-3.546-8.773 1.154c0 0-4.127 4.719-.432 8.106 0 0 6.594 3.301 7.859-4.697 0 0-1.015-4.077-6.119-1.37 0 0 1.029 1.287.027 1.716 0 0-2.337.553-.923-1.715",
     fill: "#E41E26"
-  })));
+  }))));
 };
 LogoGarenaCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-king-cl.js

@@ -38,7 +38,12 @@ var LogoKingCl = function LogoKingCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_3344_421)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M2.173.094H21.59a2.109 2.109 0 012.103 2.103v4.54c-3.727-.029-8.463.892-11.293 1.98-3.553 1.366-5.62 2.617-6.625 3.946-1.003 1.329.955 1.794 2.855 1.807 1.9.013 3.516-1.418 6.475-3.123 2.308-1.33 5.467-2.564 8.588-3.583v7.576c-1.524-.779-3.363-1.322-7.22-1.121-4.219.218-10.004 1.285-13.53 3.714 4.23-.33 9.327-.38 12.969-.27 3.02.09 5.818 1.28 7.78 1.187v2.763a2.109 2.109 0 01-2.102 2.103H2.173A2.109 2.109 0 01.07 21.613v-5.65a113.965 113.965 0 014.765-4.345c2.745-2.382 6.512-4.297 7.273-5.285.76-.987-1.588-2.488-3.292-2.174-1.705.314-3.194 2.053-5.788 4.517-.953.906-1.994 2.141-2.958 3.516V2.197A2.109 2.109 0 012.173.094z",
@@ -49,7 +54,7 @@ var LogoKingCl = function LogoKingCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  })))));
+  }))))));
 };
 LogoKingCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-wechat-cl.js

@@ -38,7 +38,12 @@ var LogoWechatCl = function LogoWechatCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_3342_396)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M9.01 14.475c.45-2.925 1.8-4.65 4.125-5.7.9-.375 2.55-.975 3.9-.6-.375-3.525-4.875-6.075-9-6l-2.025.45C4.51 3 3.385 3.675 2.335 4.5.91 5.625-.59 8.325.235 11.1c.525 1.8 1.725 3.15 3.15 4.05L2.56 17.7l2.925-1.5 1.275.3c.75.225 1.65.225 2.475.15 0-.6-.375-1.35-.225-2.175zm1.5-7.875c.15-.45.6-.525 1.125-.75 1.425.075 1.5 1.95.225 2.1-.825.15-1.65-.525-1.35-1.35zM5.935 8.025c-.825.15-1.65-.6-1.35-1.425.225-.45.6-.525 1.125-.75 1.425.075 1.5 1.875.225 2.175zm17.4 4.2c-1.275-2.175-3.45-3.675-6.9-3.675l-1.425.225c-1.2.3-2.25.75-3.15 1.425-3.15 2.4-2.85 7.05.225 9.3.9.675 3.075 1.725 4.875 1.425.375-.075 2.325-.45 2.4-.45l2.325 1.275-.675-2.1c1.125-1.275 2.25-1.8 2.85-3.75.375-1.275 0-2.775-.525-3.675zm-8.4 1.35c-1.125.45-1.875-.9-.6-1.575 1.125-.075 1.575 1.2.6 1.575zm4.65 0c-1.125.45-1.8-.9-.6-1.575 1.2-.075 1.65 1.2.6 1.575z",
@@ -49,7 +54,7 @@ var LogoWechatCl = function LogoWechatCl(props) {
     width: "24",
     height: "24",
     fill: "#fff"
-  })))));
+  }))))));
 };
 LogoWechatCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-wechat-gray.js

@@ -38,7 +38,11 @@ var LogoWechatGray = function LogoWechatGray(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
     clipPath: "url(#clip0_3342_397)"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M9.01 14.475c.45-2.925 1.8-4.65 4.125-5.7.9-.375 2.55-.975 3.9-.6-.375-3.525-4.875-6.075-9-6l-2.025.45C4.51 3 3.385 3.675 2.335 4.5.91 5.625-.59 8.325.235 11.1c.525 1.8 1.725 3.15 3.15 4.05L2.56 17.7l2.925-1.5 1.275.3c.75.225 1.65.225 2.475.15 0-.6-.375-1.35-.225-2.175zm1.5-7.875c.15-.45.6-.525 1.125-.75 1.425.075 1.5 1.95.225 2.1-.825.15-1.65-.525-1.35-1.35zM5.935 8.025c-.825.15-1.65-.6-1.35-1.425.225-.45.6-.525 1.125-.75 1.425.075 1.5 1.875.225 2.175zm17.4 4.2c-1.275-2.175-3.45-3.675-6.9-3.675l-1.425.225c-1.2.3-2.25.75-3.15 1.425-3.15 2.4-2.85 7.05.225 9.3.9.675 3.075 1.725 4.875 1.425.375-.075 2.325-.45 2.4-.45l2.325 1.275-.675-2.1c1.125-1.275 2.25-1.8 2.85-3.75.375-1.275 0-2.775-.525-3.675zm-8.4 1.35c-1.125.45-1.875-.9-.6-1.575 1.125-.075 1.575 1.2.6 1.575zm4.65 0c-1.125.45-1.8-.9-.6-1.575 1.2-.075 1.65 1.2.6 1.575z"
@@ -47,7 +51,7 @@ var LogoWechatGray = function LogoWechatGray(props) {
   }, /*#__PURE__*/React.createElement("rect", {
     width: "24",
     height: "24"
-  })))));
+  }))))));
 };
 LogoWechatGray.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-wecom-cl.js

@@ -38,7 +38,12 @@ var LogoWecomCl = function LogoWecomCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M15.606 17.54a.32.32 0 00.04.488 4.107 4.107 0 011.265 2.466 1.338 1.338 0 101.429-1.682 4.102 4.102 0 01-2.282-1.272.32.32 0 00-.452 0z",
     fill: "#FB6500"
   }), /*#__PURE__*/React.createElement("path", {
@@ -53,7 +58,7 @@ var LogoWecomCl = function LogoWecomCl(props) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M8.534 2.202c-2.398.264-4.571 1.288-6.132 2.89A8.097 8.097 0 00.905 7.197a7.333 7.333 0 00.516 7.405c.424.64 1.12 1.44 1.757 2.009l-.288 2.265-.032.097c-.008.028-.008.06-.012.088l-.008.072.008.072a.728.728 0 001.097.564h.012l.044-.032.688-.344L6.74 18.36c.976.28 1.987.42 3.002.412a10.764 10.764 0 003.683-.64 1.333 1.333 0 01-.909-1.397 9.043 9.043 0 01-3.786.376l-.204-.028a9.153 9.153 0 01-1.361-.284.93.93 0 00-.729.076l-.056.028-1.689.993-.072.044c-.04.024-.06.032-.08.032a.116.116 0 01-.108-.12l.064-.26.076-.284.12-.469.14-.52a.708.708 0 00-.256-.789 7.384 7.384 0 01-1.705-1.777 5.776 5.776 0 01-.416-5.836 6.672 6.672 0 011.2-1.68C4.935 4.914 6.736 4.074 8.73 3.858a9.454 9.454 0 012.073 0c1.981.228 3.775 1.08 5.047 2.393.493.509.893 1.081 1.19 1.69.396.808.596 1.664.596 2.541 0 .092-.008.184-.012.272a1.333 1.333 0 011.64.192l.06.072a7.293 7.293 0 00-.728-3.794 8.171 8.171 0 00-1.48-2.105 10.046 10.046 0 00-6.109-2.91 11.259 11.259 0 00-2.473-.008z",
     fill: "#0082EF"
-  })));
+  }))));
 };
 LogoWecomCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-wecom-gray.js

@@ -38,9 +38,13 @@ var LogoWecomGray = function LogoWecomGray(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M19.125 12.3c.075.3.15.525.225.75.225.525.525.975.9 1.35.15.15.15.3.075.45-.15.15-.3.15-.45 0-.45-.525-1.05-.825-1.725-1.05-.15-.075-.3-.075-.45-.075a1.081 1.081 0 01-.825-.675c-.225-.45-.15-.9.15-1.275.3-.375.75-.525 1.275-.375.45.075.675.45.825.9zm-6.375 4.35c0-.15-.075-.15-.15-.15-1.5.45-3.075.45-4.65 0-.3 0-.6 0-.9.15-.45.3-.975.6-1.5.825-.075 0-.15.075-.225 0-.075-.075 0-.15 0-.225.075-.375.225-.75.3-1.125.15-.375 0-.675-.3-.9-.3-.225-.525-.45-.75-.675-.975-.975-1.5-2.1-1.65-3.525-.075-1.65.525-3.075 1.65-4.2C6 5.4 7.8 4.725 9.75 4.725c1.95-.075 3.75.45 5.325 1.725.975.825 1.65 1.8 2.025 3 .15.525.15 1.05.15 1.575.6-.3 1.05-.225 1.575.225.075-.825 0-1.65-.3-2.4-.675-2.1-2.1-3.6-3.975-4.575-2.1-1.05-4.35-1.35-6.675-.825-2.175.6-4.125 1.8-5.4 3.825-1.2 1.95-1.35 3.975-.525 6.075.45 1.125 1.2 2.025 2.1 2.85.075.075.15.15.15.225-.075.675-.15 1.275-.3 1.95-.075.3 0 .525.225.75.225.225.525.15.75 0 .75-.375 1.575-.75 2.325-1.2.225.075.3 0 .375.075.6.15 1.2.3 1.8.3 1.425.075 2.775-.075 4.125-.525-.45-.225-.75-.6-.75-1.125zm8.625-1.875c-.6-.075-1.2.3-1.275.9-.15.825-.525 1.575-1.2 2.25-.15.15-.15.3 0 .45.15.15.3.075.45-.075.6-.6 1.35-.975 2.175-1.125.525-.075.975-.6.975-1.2-.075-.6-.525-1.125-1.125-1.2zM18.15 18.3c-.675-.15-1.275-.375-1.8-.825l-.375-.375c-.15-.15-.45-.075-.45.15 0 .15.075.225.15.3.6.6.975 1.275 1.125 2.1.075.6.6.975 1.2.975s1.125-.45 1.2-1.125c0-.525-.45-1.05-1.05-1.2zm-2.475-2.1c.15-.75.525-1.35 1.05-1.875.15-.15.15-.3.075-.45-.15-.15-.3-.15-.45 0-.6.6-1.35.975-2.175 1.125-.6.075-.975.6-.975 1.2s.45 1.125 1.05 1.2c.6.075 1.125-.3 1.275-.9.075-.075.075-.225.15-.3z"
-  })));
+  }))));
 };
 LogoWecomGray.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logo-xiaomi -cl.js

@@ -38,10 +38,15 @@ var LogoXiaomiCl = function LogoXiaomiCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M16.8 0A7.2 7.2 0 0124 7.2v9.6a7.2 7.2 0 01-7.2 7.2H7.2A7.2 7.2 0 010 16.8V7.2A7.2 7.2 0 017.2 0h9.6zm-4.387 7.512H5.358a.1.1 0 00-.098.1v8.733a.099.099 0 00.098.1h1.885a.1.1 0 00.098-.1V9.49a.1.1 0 01.098-.101h4.053c.76 0 1.378.633 1.378 1.413v5.542a.1.1 0 00.098.1h1.857a.1.1 0 00.07-.03.1.1 0 00.028-.07v-6.258c0-1.422-1.124-2.575-2.51-2.575zm-1.394 3.48H9.135a.101.101 0 00-.07.03.1.1 0 00-.028.07v5.253a.1.1 0 00.098.1h1.884c.026 0 .051-.01.07-.029a.102.102 0 00.028-.071v-5.252a.102.102 0 00-.06-.094.095.095 0 00-.038-.007zm7.534-3.48h-1.884a.1.1 0 00-.099.102v8.73a.1.1 0 00.1.101h1.883a.1.1 0 00.098-.1V7.613a.102.102 0 00-.06-.093.097.097 0 00-.038-.007z",
     fill: "#FF6A00"
-  })));
+  }))));
 };
 LogoXiaomiCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/logout.js

@@ -38,11 +38,15 @@ var Logout = function Logout(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M4 4h14v2h2V4a2 2 0 00-2-2H4a2 2 0 00-2 2v16a2 2 0 002 2h14a2 2 0 002-2v-2h-2v2H4V4z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M17 9.175L18.826 11H9v2h9.832L17 14.831l1.414 1.415 4.243-4.243-4.243-4.243L17 9.175z"
-  })));
+  }))));
 };
 Logout.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-distribution-cl.js

@@ -38,25 +38,38 @@ var MDistributionCl = function MDistributionCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "3",
     y: "5",
     width: "12",
     height: "6",
     fill: "#1673F6"
-  }), /*#__PURE__*/React.createElement("rect", {
+  })), /*#__PURE__*/React.createElement("rect", {
     x: "9",
     y: "13",
     width: "8",
     height: "6",
     fill: "#1673F6"
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "15",
     y: "13",
     width: "6",
     height: "6",
     fill: "#ED6845"
-  }), /*#__PURE__*/React.createElement("circle", {
+  })), /*#__PURE__*/React.createElement("circle", {
     cx: "19",
     cy: "8",
     r: "3",
@@ -66,7 +79,7 @@ var MDistributionCl = function MDistributionCl(props) {
     cy: "16",
     r: "3",
     fill: "#ED6845"
-  })));
+  }))));
 };
 MDistributionCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-distribution.js

@@ -38,7 +38,11 @@ var MDistribution = function MDistribution(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M9 3H2v4h7V3z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M22 3H12v4h10V3z"
@@ -50,7 +54,7 @@ var MDistribution = function MDistribution(props) {
     d: "M15 10h7v4h-7v-4z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M22 17H12v4h10v-4z"
-  })));
+  }))));
 };
 MDistribution.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-event-cl.js

@@ -38,15 +38,24 @@ var MEventCl = function MEventCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: "17",
     cy: "7",
     r: "5",
     fill: "#F66C47"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2.727 13.472c-.819-.358-.794-1.527.038-1.85l13.596-5.266c.814-.316 1.613.49 1.29 1.302l-5.416 13.6c-.33.832-1.503.843-1.85.019l-2.148-5.1a1 1 0 00-.521-.529l-4.99-2.176z",
     fill: "#1673F6"
-  })));
+  })))));
 };
 MEventCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-event.js

@@ -38,7 +38,11 @@ var MEvent = function MEvent(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M21 12a9 9 0 01-12.25 8.395 4.009 4.009 0 01-1.185 1.674C8.922 22.668 10.422 23 12 23c6.075 0 11-4.925 11-11 0-1.578-.332-3.078-.93-4.435a4.009 4.009 0 01-1.675 1.185A8.979 8.979 0 0121 12z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M3 12c0 1.146.214 2.242.605 3.25a4.007 4.007 0 00-1.674 1.185A10.962 10.962 0 011 12C1 5.925 5.925 1 12 1c1.578 0 3.078.332 4.435.93a4.007 4.007 0 00-1.185 1.675A9 9 0 003 12z"
@@ -48,7 +52,7 @@ var MEvent = function MEvent(props) {
     d: "M21 5a2 2 0 11-4 0 2 2 0 014 0z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M5 21a2 2 0 100-4 2 2 0 000 4z"
-  })));
+  }))));
 };
 MEvent.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-flow-cl.js

@@ -38,27 +38,48 @@ var MFlowCl = function MFlowCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "2",
     y: "10",
     width: "4",
     height: "12",
     fill: "#F66C47"
-  }), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M18 2h4v10h-4V2z",
     fill: "#F66C47"
-  }), /*#__PURE__*/React.createElement("rect", {
+  })), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "18",
     y: "16",
     width: "4",
     height: "6",
     fill: "#F66C47"
-  }), /*#__PURE__*/React.createElement("path", {
+  })), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M20.5 9.488c-1.251.125-4.064.763-6.5 4.012-1.968 2.625-3.96 4.13-5.862 4.973-1.771.784-3.326.921-4.247 1.002-.058.005-.565.01-.617.015v-4.98l.097-.009c.903-.081 1.742-.157 2.742-.6 1.014-.45 2.357-1.36 3.887-3.401 3.563-4.751 8.418-5.78 10.5-5.988v4.976z",
     fill: "#1673F6"
-  })));
+  })))));
 };
 MFlowCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-flow.js

@@ -38,13 +38,17 @@ var MFlow = function MFlow(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M3 4h3v3H3V4z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M18 4h3v9h-3v-2.405c-1.009.144-1.561.427-1.905.677-.566.412-.915.957-1.6 2.053-.63 1.008-1.534 2.444-3.197 3.522-1.384.898-3.1 1.436-5.298 1.6V20H3V9h3v4.428c1.34-.142 2.103-.468 2.577-.775.65-.421 1.058-.986 1.678-1.978l.125-.2c.562-.909 1.385-2.236 2.775-3.247 1.274-.927 2.847-1.484 4.845-1.664V4z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M18 20v-5h3v5h-3z"
-  })));
+  }))));
 };
 MFlow.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-funnel-cl.js

@@ -38,13 +38,22 @@ var MFunnelCl = function MFunnelCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M4 3h16c0 5.602-3.582 10.143-8 10.143S4 8.602 4 3z",
     fill: "#1673F6"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M4 20.75h16c0-5.602-3.582-10.143-8-10.143S4 15.148 4 20.75z",
     fill: "#F66C47"
-  })));
+  })))));
 };
 MFunnelCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-funnel.js

@@ -38,13 +38,17 @@ var MFunnel = function MFunnel(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M3 3h18v3H3V3z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M6 9h12v3H6V9z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 15H9v6h6v-6z"
-  })));
+  }))));
 };
 MFunnel.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-interval-cl.js

@@ -38,7 +38,12 @@ var MIntervalCl = function MIntervalCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("rect", {
     x: "3",
     y: "9.368",
     width: "8.421",
@@ -82,7 +87,7 @@ var MIntervalCl = function MIntervalCl(props) {
     height: "3.158",
     transform: "matrix(1 0 0 -1 14.526 5.158)",
     fill: "#E56443"
-  })));
+  }))));
 };
 MIntervalCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-interval.js

@@ -38,7 +38,11 @@ var MInterval = function MInterval(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M9 2H4v3h5V2z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M13 16h9V4h-3V2h-3v2h-3v12zm2-2V7h5v7h-5z"
@@ -46,7 +50,7 @@ var MInterval = function MInterval(props) {
     d: "M2 20V8h9v12H8v2H5v-2H2zm2-10v7h5v-7H4z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M15 19h5v3h-5v-3z"
-  })));
+  }))));
 };
 MInterval.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-prop-cl.js

@@ -38,7 +38,12 @@ var MPropCl = function MPropCl(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("circle", {
     cx: "10",
     cy: "6",
     r: "4",
@@ -46,10 +51,14 @@ var MPropCl = function MPropCl(props) {
   }), /*#__PURE__*/React.createElement("path", {
     d: "M2 22.143h16C18 16.54 14.418 12 10 12s-8 4.541-8 10.143z",
     fill: "#1673F6"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("g", {
+    style: {
+      mixBlendMode: 'multiply'
+    }
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M22 12h-5v5h-5v5h10V12z",
     fill: "#ED6845"
-  })));
+  })))));
 };
 MPropCl.propTypes = {
   iconClassName: PropTypes.string,

package/dist/es/icons/m-property.js

@@ -38,7 +38,11 @@ var MProperty = function MProperty(props) {
       animationName: 'loadingCircle',
       animationTimingFunction: 'linear'
     } : {})
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M5 5a3 3 0 013-3h12a3 3 0 013 3v14a3 3 0 01-3 3h-7v-2h7a1 1 0 001-1V5a1 1 0 00-1-1H8a1 1 0 00-1 1v3H5V5z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M9 13a3 3 0 11-6 0 3 3 0 016 0z"
@@ -48,7 +52,7 @@ var MProperty = function MProperty(props) {
     d: "M13 8h2v8h-2V8z"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M19 12h-2v4h2v-4z"
-  })));
+  }))));
 };
 MProperty.propTypes = {
   iconClassName: PropTypes.string,