@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/web/icons/SettingsSolid.js

@@ -6,21 +6,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    d: "M13.378 19h-2.755a.63.63 0 0 1-.635-.537l-.237-1.61a5.435 5.435 0 0 1-.937-.53l-1.559.61a.657.657 0 0 1-.795-.278L5.086 14.34a.62.62 0 0 1 .156-.804l1.322-1.008a5.281 5.281 0 0 1-.03-.528c0-.16.01-.331.032-.528l-1.322-1.006a.615.615 0 0 1-.156-.807l1.376-2.32a.645.645 0 0 1 .79-.273l1.563.612c.312-.218.62-.392.934-.53L9.99 5.53c.038-.3.311-.531.634-.531h2.756a.63.63 0 0 1 .635.537l.237 1.61c.324.143.637.32.936.53l1.559-.61a.656.656 0 0 1 .795.279l1.374 2.315a.62.62 0 0 1-.156.804l-1.323 1.007c.017.155.031.336.031.528s-.014.373-.031.528l1.322 1.007a.62.62 0 0 1 .16.799l-1.38 2.327a.647.647 0 0 1-.79.273l-1.563-.61c-.312.216-.62.39-.935.529l-.237 1.616c-.039.3-.312.531-.635.531ZM12 14.8c1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8A2.803 2.803 0 0 0 9.2 12c0 1.544 1.256 2.8 2.8 2.8Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M13.378 19h-2.755a.63.63 0 0 1-.635-.537l-.237-1.61a5.435 5.435 0 0 1-.937-.53l-1.559.61a.657.657 0 0 1-.795-.278L5.086 14.34a.62.62 0 0 1 .156-.804l1.322-1.008a5.281 5.281 0 0 1-.03-.528c0-.16.01-.331.032-.528l-1.322-1.006a.615.615 0 0 1-.156-.807l1.376-2.32a.645.645 0 0 1 .79-.273l1.563.612c.312-.218.62-.392.934-.53L9.99 5.53c.038-.3.311-.531.634-.531h2.756a.63.63 0 0 1 .635.537l.237 1.61c.324.143.637.32.936.53l1.559-.61a.656.656 0 0 1 .795.279l1.374 2.315a.62.62 0 0 1-.156.804l-1.323 1.007c.017.155.031.336.031.528s-.014.373-.031.528l1.322 1.007a.62.62 0 0 1 .16.799l-1.38 2.327a.647.647 0 0 1-.79.273l-1.563-.61c-.312.216-.62.39-.935.529l-.237 1.616c-.039.3-.312.531-.635.531ZM12 14.8c1.544 0 2.8-1.256 2.8-2.8 0-1.544-1.256-2.8-2.8-2.8A2.803 2.803 0 0 0 9.2 12c0 1.544 1.256 2.8 2.8 2.8Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SharedAccount.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "m20.755 16.341-2.756-.688-.203-.817a5.242 5.242 0 0 0 1.401-2.778c.43-.154.755-.539.814-1.014l.185-1.478a1.24 1.24 0 0 0-.701-1.273l.061-1.25.243-.244c.45-.478.823-1.293.055-2.464C19.273 3.449 18.296 3 16.945 3c-.539 0-1.8 0-2.961.824a.5.5 0 0 0 .578.815c.795-.564 1.651-.64 2.384-.64.992 0 1.688.297 2.072.883.438.669.273.998.064 1.22l-.369.37a.499.499 0 0 0-.146.329l-.09 1.85a.498.498 0 0 0 .493.524.236.236 0 0 1 .178.082.23.23 0 0 1 .057.186l-.185 1.479c-.014.119-.117.209-.273.209a.5.5 0 0 0-.498.461 4.17 4.17 0 0 1-1.342 2.713.5.5 0 0 0-.151.493l.347 1.389c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 22.963 20l-3.463-.002V21l3.999-.003a.5.5 0 0 0 .5-.5 4.276 4.276 0 0 0-3.244-4.156Zm-6 0-2.756-.688-.11-.443c1.887-.337 2.865-.907 2.91-.933a.502.502 0 0 0 .052-.824c-.013-.01-1.285-1.082-1.285-4.779 0-3.275-.79-4.935-2.348-4.935h-.166C10.523 3.238 10.084 3 9 3 7.57 3 4.435 4.429 4.435 8.674c0 3.697-1.272 4.769-1.278 4.774a.498.498 0 0 0 .042.828c.044.027 1.014.6 2.913.937l-.11.44-2.756.689A4.277 4.277 0 0 0 0 20.5a.498.498 0 0 0 .5.5l17-.003a.5.5 0 0 0 .5-.5 4.278 4.278 0 0 0-3.245-4.156ZM1.039 19.998a3.281 3.281 0 0 1 2.45-2.687l3.047-.761a.502.502 0 0 0 .364-.364l.315-1.261a.5.5 0 0 0-.417-.616c-1.178-.164-2.023-.435-2.527-.635.497-.72 1.165-2.208 1.165-5C5.435 4.832 8.294 4 9 4c.863 0 1.034.133 1.494.593a.504.504 0 0 0 .354.146h.37c.857 0 1.348 1.435 1.348 3.935 0 2.79.667 4.278 1.164 4.999-.507.2-1.353.47-2.527.635a.497.497 0 0 0-.416.616l.315 1.263c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 16.962 20l-15.923-.002Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "m20.755 16.341-2.756-.688-.203-.817a5.242 5.242 0 0 0 1.401-2.778c.43-.154.755-.539.814-1.014l.185-1.478a1.24 1.24 0 0 0-.701-1.273l.061-1.25.243-.244c.45-.478.823-1.293.055-2.464C19.273 3.449 18.296 3 16.945 3c-.539 0-1.8 0-2.961.824a.5.5 0 0 0 .578.815c.795-.564 1.651-.64 2.384-.64.992 0 1.688.297 2.072.883.438.669.273.998.064 1.22l-.369.37a.499.499 0 0 0-.146.329l-.09 1.85a.498.498 0 0 0 .493.524.236.236 0 0 1 .178.082.23.23 0 0 1 .057.186l-.185 1.479c-.014.119-.117.209-.273.209a.5.5 0 0 0-.498.461 4.17 4.17 0 0 1-1.342 2.713.5.5 0 0 0-.151.493l.347 1.389c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 22.963 20l-3.463-.002V21l3.999-.003a.5.5 0 0 0 .5-.5 4.276 4.276 0 0 0-3.244-4.156Zm-6 0-2.756-.688-.11-.443c1.887-.337 2.865-.907 2.91-.933a.502.502 0 0 0 .052-.824c-.013-.01-1.285-1.082-1.285-4.779 0-3.275-.79-4.935-2.348-4.935h-.166C10.523 3.238 10.084 3 9 3 7.57 3 4.435 4.429 4.435 8.674c0 3.697-1.272 4.769-1.278 4.774a.498.498 0 0 0 .042.828c.044.027 1.014.6 2.913.937l-.11.44-2.756.689A4.277 4.277 0 0 0 0 20.5a.498.498 0 0 0 .5.5l17-.003a.5.5 0 0 0 .5-.5 4.278 4.278 0 0 0-3.245-4.156ZM1.039 19.998a3.281 3.281 0 0 1 2.45-2.687l3.047-.761a.502.502 0 0 0 .364-.364l.315-1.261a.5.5 0 0 0-.417-.616c-1.178-.164-2.023-.435-2.527-.635.497-.72 1.165-2.208 1.165-5C5.435 4.832 8.294 4 9 4c.863 0 1.034.133 1.494.593a.504.504 0 0 0 .354.146h.37c.857 0 1.348 1.435 1.348 3.935 0 2.79.667 4.278 1.164 4.999-.507.2-1.353.47-2.527.635a.497.497 0 0 0-.416.616l.315 1.263c.045.179.184.32.364.364l3.047.761A3.279 3.279 0 0 1 16.962 20l-15.923-.002Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ShippingSuccess.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11.605 0a.522.522 0 0 0-.144.02L.378 3.186A.522.522 0 0 0 0 3.688v16.624c0 .233.154.438.378.502l11.083 3.166a.52.52 0 0 0 .307-.006l1.937-.554a.521.521 0 1 0-.287-1.003l-1.291.37V1.213l10.038 2.868v9.105a.522.522 0 1 0 1.043 0V3.688a.522.522 0 0 0-.378-.502L11.768.026A.522.522 0 0 0 11.605 0Zm-.522 22.787V1.213l-2.914.833v9.561a.522.522 0 0 1-.153.369l-.792.792a.522.522 0 0 1-.738 0l-.818-.819-.818.819a.522.522 0 0 1-.738 0l-.792-.792a.522.522 0 0 1-.153-.369V3.475l-2.124.607v15.836l10.04 2.869ZM4.211 3.177v8.214l.27.27.818-.819a.522.522 0 0 1 .738 0l.818.819.27-.27V2.344l-2.914.833Zm14.52 11.322a4.23 4.23 0 1 0-.13 8.459 4.23 4.23 0 0 0 .13-8.459Zm-5.272 4.228a5.272 5.272 0 1 1 10.544 0 5.272 5.272 0 0 1-10.544 0Zm8.013-1.207a.521.521 0 1 0-.738-.738l-2.797 2.797-1.214-1.214a.522.522 0 0 0-.738.738l1.583 1.583a.522.522 0 0 0 .738 0l3.166-3.166Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Shop.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M20.485 2.375c.129 0 .254.049.348.133l.065.07 2.995 3.898a.51.51 0 0 1 .1.25l.003.092.004.036v.155a4.002 4.002 0 0 1-2.972 3.858l-.195.047v10.19a.522.522 0 0 1-.427.513l-.093.008H3.688a.521.521 0 0 1-.513-.427l-.008-.094v-10.19A4.005 4.005 0 0 1 .005 7.21L0 7.009v-.155c0-.031.006-.056.011-.075a.524.524 0 0 1 .054-.332l.046-.07 2.995-3.803a.519.519 0 0 1 .315-.19l.094-.009h16.97Zm-2.372 8.151a3.971 3.971 0 0 1-3.119 1.495 4.008 4.008 0 0 1-2.992-1.345 3.99 3.99 0 0 1-2.996 1.345 3.977 3.977 0 0 1-3.121-1.495 3.943 3.943 0 0 1-1.428.454l-.249.02v9.583h8.459v-7.396c0-.255.184-.468.427-.513l.094-.008h5.541c.256 0 .469.185.513.428l.008.093v7.396h.542V11a3.937 3.937 0 0 1-1.679-.474Zm.095 3.182h-4.5v6.875h4.5v-6.875Zm-6.604-1.042c.255 0 .468.185.513.427l.008.094v3.958a.522.522 0 0 1-.428.513l-.093.008H5.271a.522.522 0 0 1-.513-.427l-.008-.094v-3.958a.52.52 0 0 1 .428-.512l.093-.009h6.333Zm-.52 1.041H5.792v2.918h5.292v-2.918Zm.395-6.332H6.584v2.348a2.971 2.971 0 0 0 2.421 1.257c.932 0 1.798-.433 2.359-1.17l.115-.162V7.375Zm5.938 0h-4.896v2.272a2.957 2.957 0 0 0 2.473 1.332 2.97 2.97 0 0 0 2.307-1.105l.116-.153V7.375Zm5.503 0h-4.462v2.15c.477.29 1.004.444 1.527.444 1.428 0 2.65-1.04 2.908-2.42l.027-.174Zm-17.378 0H1.08a2.976 2.976 0 0 0 2.935 2.593c.458 0 .919-.117 1.346-.34l.181-.103v-2.15Zm10.121-3.959h-3.142v2.917h4.6l-1.458-2.917Zm-8.49 0H3.768L1.471 6.333h4.243l1.459-2.917Zm13.056 0h-3.402l1.458 2.917h4.184l-2.24-2.917Zm-8.75 0H8.337L6.879 6.333h4.6V3.416Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SignPost.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11.344 11.896h2.168V9.729h-2.168v2.168Zm8.504 1.291v3.961a.292.292 0 0 1-.292.293H6.354a.292.292 0 0 1-.206-.086l-1.98-1.982a.288.288 0 0 1 0-.41L6.15 12.98a.29.29 0 0 1 .205-.085h13.202c.161 0 .292.13.292.291Zm-6.336 9.505a.296.296 0 0 1-.292.293h-1.584a.296.296 0 0 1-.292-.293V18.44h2.168v4.252ZM1.84 8.437V3.684c0-.162.131-.292.292-.292h17.36a.29.29 0 0 1 .207.086l2.376 2.376a.294.294 0 0 1 0 .412l-2.377 2.377a.29.29 0 0 1-.206.085H2.132a.292.292 0 0 1-.292-.291Zm9.504-7.13c0-.157.134-.291.292-.291h1.584c.16 0 .292.133.292.292v1.084h-2.168V1.308Zm8.148 8.421c.346 0 .671-.134.914-.378l2.377-2.377a1.293 1.293 0 0 0 0-1.827l-2.376-2.374a1.297 1.297 0 0 0-.915-.38h-4.98V1.308c0-.712-.579-1.292-1.292-1.292h-1.584c-.712 0-1.292.58-1.292 1.292v1.084H2.132c-.712 0-1.292.58-1.292 1.292v4.752c0 .713.58 1.293 1.292 1.293h8.212v2.168H6.352c-.34 0-.672.137-.91.377l-1.98 1.98a1.285 1.285 0 0 0-.001 1.827l1.98 1.98c.24.24.573.38.913.38h3.99v4.252c0 .712.58 1.291 1.292 1.291h1.584c.713 0 1.292-.579 1.292-1.292V18.44h5.044c.713 0 1.292-.579 1.292-1.292v-3.96c0-.713-.579-1.292-1.292-1.292h-5.044V9.729h4.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Signal.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M4 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M4 18.783H1c-.776 0-1 .233-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0v-4.174c0-.81-.224-1.043 0-1.043Zm-1 4.173H1v-3.13h2v3.13ZM24 0h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V1.043C24 .233 23.776 0 24 0Zm-1 22.956h-2V1.043h2v21.913ZM9 14.61H6c-.776 0-1 .233-1 0v8.347C5 23.766 5.224 24 6 24h3c-.224 0 0-.234 0-1.044V14.61c0 .233-.224 0 0 0Zm-1 8.347H6v-7.304h2v7.304ZM19 4.174h-3c-.776 0-1 .234-1 1.043V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V5.217c0-.81-.224-1.043 0-1.043Zm-1 18.782h-2V5.217h2v17.74ZM14 9.391h-3c-.776 0-1 .234-1 1.044V24c0-.234.224 0 1 0h3c-.224 0 0-.234 0 0V10.435c0-.81-.224-1.044 0-1.044Zm-1 13.565h-2V10.435h2v12.521Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SimCard.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M18 0c1.378 0 2.5 1.122 2.5 2.5v19c0 1.378-1.122 2.5-2.5 2.5H6a2.503 2.503 0 0 1-2.5-2.5v-16c0-.133.053-.26.146-.354l5-5A.504.504 0 0 1 9 0h9Zm0 1H9.207L4.5 5.707V21.5c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5Zm-2 7c.827 0 1.5.673 1.5 1.5v10c0 .827-.673 1.5-1.5 1.5H8c-.827 0-1.5-.673-1.5-1.5v-10C6.5 8.673 7.173 8 8 8h8Zm-6.5 7h-2v4.5a.5.5 0 0 0 .5.5h3.5v-2.5a.5.5 0 0 1 1 0V20H16a.5.5 0 0 0 .5-.5V15h-2v2.5a.5.5 0 0 1-1 0V15h-3v2.5a.5.5 0 0 1-1 0V15Zm0-6H8a.5.5 0 0 0-.5.5V14h4v-2.5a.5.5 0 0 1 1 0V14h4V9.5A.5.5 0 0 0 16 9h-1.5v2.5a.5.5 0 0 1-1 0V9h-3v2.5a.5.5 0 0 1-1 0V9Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M18 0c1.378 0 2.5 1.122 2.5 2.5v19c0 1.378-1.122 2.5-2.5 2.5H6a2.503 2.503 0 0 1-2.5-2.5v-16c0-.133.053-.26.146-.354l5-5A.504.504 0 0 1 9 0h9Zm0 1H9.207L4.5 5.707V21.5c0 .827.673 1.5 1.5 1.5h12c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5Zm-2 7c.827 0 1.5.673 1.5 1.5v10c0 .827-.673 1.5-1.5 1.5H8c-.827 0-1.5-.673-1.5-1.5v-10C6.5 8.673 7.173 8 8 8h8Zm-6.5 7h-2v4.5a.5.5 0 0 0 .5.5h3.5v-2.5a.5.5 0 0 1 1 0V20H16a.5.5 0 0 0 .5-.5V15h-2v2.5a.5.5 0 0 1-1 0V15h-3v2.5a.5.5 0 0 1-1 0V15Zm0-6H8a.5.5 0 0 0-.5.5V14h4v-2.5a.5.5 0 0 1 1 0V14h4V9.5A.5.5 0 0 0 16 9h-1.5v2.5a.5.5 0 0 1-1 0V9h-3v2.5a.5.5 0 0 1-1 0V9Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/SmartWearSecurity.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm0-1c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm5.489-8.063c.101-.78-.203-1.416-.84-1.893-.363-.275-.754-.463-1.145-.65-.116-.058-.189-.102-.087-.246a7.325 7.325 0 0 1 1.768-1.705c.13-.087.202-.072.304.029.26.26.594.448 1.028.23.464-.216.58-.722.406-1.126-.203-.463-.695-.607-1.173-.405-.19.084-.363.19-.538.297-.067.041-.133.082-.201.122-.855.52-1.55 1.2-2.145 1.994l-.015.021c-.275.37-.282.38-.68.153a.205.205 0 0 0-.051-.015.183.183 0 0 1-.05-.014 9.195 9.195 0 0 1-1.19-.607c-.13-.087-.144-.159-.014-.246.181-.108.312-.266.443-.425l.08-.095c.593-.665.825-1.402.405-2.24-.29-.592-.768-.968-1.42-1.083a2.06 2.06 0 0 0-1.406.245c-.739.434-1.159 1.489-.87 2.269.204.534.58.925 1 1.3.175.16.175.232 0 .318l-.42.213c-.354.179-.709.359-1.072.524-.13.058-.232.043-.333-.101-.377-.491-.754-.968-1.217-1.373a8.17 8.17 0 0 0-1.768-1.213c-.333-.16-.667-.16-.97.072-.29.217-.349.506-.305.838.043.332.507.737.826.694.232-.03.492-.087.652-.304.101-.13.203-.159.333-.043a.645.645 0 0 0 .16.115 7.208 7.208 0 0 1 1.564 1.546c.102.13.102.203-.058.275a8.545 8.545 0 0 1-.314.161c-.195.097-.391.194-.57.316-.651.433-1.144.968-1.115 1.806.005.052.006.106.008.16.003.107.006.21.035.288.42 1.33 1.812 1.85 2.985 1.185.652-.376 1.058-1.214.928-1.922-.102-.55-.261-1.084-.551-1.575l-.005-.01c-.042-.084-.09-.18.064-.25.651-.304 1.303-.607 1.912-.997.087-.058.173-.072.26-.015.595.376 1.232.694 1.884.983.16.072.16.159.087.289a3.578 3.578 0 0 0-.29.636l-.013.04c-.184.549-.36 1.073-.19 1.694.29.968 1.507 1.762 2.623 1.286.71-.29 1.16-.795 1.26-1.546Zm-9.042.895c-.435 0-.884-.289-1.043-.693-.189-.434-.13-.838.188-1.214.276-.325.639-.52 1.004-.717l.17-.092.174-.087c.116-.058.188-.029.246.087.188.448.377.896.435 1.387a1.17 1.17 0 0 1-1.174 1.33Zm3.695-5.36c-.087.058-.174.1-.246.029l-.074-.063c-.396-.34-.79-.677-.94-1.195-.146-.476.014-.866.39-1.17.363-.289.768-.318 1.189-.144.434.202.68.549.68 1.127.015.318-.217.607-.448.881-.16.202-.348.376-.551.535Zm3.275 5.36c-.493-.043-1.087-.505-1.044-1.141 0-.621.232-1.113.464-1.604.044-.087.116-.101.188-.058l.166.085c.399.202.808.409 1.139.739.362.376.463.867.275 1.286a1.168 1.168 0 0 1-1.188.693Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm0-1c6.075 0 11-4.925 11-11S18.075 1 12 1 1 5.925 1 12s4.925 11 11 11Zm5.489-8.063c.101-.78-.203-1.416-.84-1.893-.363-.275-.754-.463-1.145-.65-.116-.058-.189-.102-.087-.246a7.325 7.325 0 0 1 1.768-1.705c.13-.087.202-.072.304.029.26.26.594.448 1.028.23.464-.216.58-.722.406-1.126-.203-.463-.695-.607-1.173-.405-.19.084-.363.19-.538.297-.067.041-.133.082-.201.122-.855.52-1.55 1.2-2.145 1.994l-.015.021c-.275.37-.282.38-.68.153a.205.205 0 0 0-.051-.015.183.183 0 0 1-.05-.014 9.195 9.195 0 0 1-1.19-.607c-.13-.087-.144-.159-.014-.246.181-.108.312-.266.443-.425l.08-.095c.593-.665.825-1.402.405-2.24-.29-.592-.768-.968-1.42-1.083a2.06 2.06 0 0 0-1.406.245c-.739.434-1.159 1.489-.87 2.269.204.534.58.925 1 1.3.175.16.175.232 0 .318l-.42.213c-.354.179-.709.359-1.072.524-.13.058-.232.043-.333-.101-.377-.491-.754-.968-1.217-1.373a8.17 8.17 0 0 0-1.768-1.213c-.333-.16-.667-.16-.97.072-.29.217-.349.506-.305.838.043.332.507.737.826.694.232-.03.492-.087.652-.304.101-.13.203-.159.333-.043a.645.645 0 0 0 .16.115 7.208 7.208 0 0 1 1.564 1.546c.102.13.102.203-.058.275a8.545 8.545 0 0 1-.314.161c-.195.097-.391.194-.57.316-.651.433-1.144.968-1.115 1.806.005.052.006.106.008.16.003.107.006.21.035.288.42 1.33 1.812 1.85 2.985 1.185.652-.376 1.058-1.214.928-1.922-.102-.55-.261-1.084-.551-1.575l-.005-.01c-.042-.084-.09-.18.064-.25.651-.304 1.303-.607 1.912-.997.087-.058.173-.072.26-.015.595.376 1.232.694 1.884.983.16.072.16.159.087.289a3.578 3.578 0 0 0-.29.636l-.013.04c-.184.549-.36 1.073-.19 1.694.29.968 1.507 1.762 2.623 1.286.71-.29 1.16-.795 1.26-1.546Zm-9.042.895c-.435 0-.884-.289-1.043-.693-.189-.434-.13-.838.188-1.214.276-.325.639-.52 1.004-.717l.17-.092.174-.087c.116-.058.188-.029.246.087.188.448.377.896.435 1.387a1.17 1.17 0 0 1-1.174 1.33Zm3.695-5.36c-.087.058-.174.1-.246.029l-.074-.063c-.396-.34-.79-.677-.94-1.195-.146-.476.014-.866.39-1.17.363-.289.768-.318 1.189-.144.434.202.68.549.68 1.127.015.318-.217.607-.448.881-.16.202-.348.376-.551.535Zm3.275 5.36c-.493-.043-1.087-.505-1.044-1.141 0-.621.232-1.113.464-1.604.044-.087.116-.101.188-.058l.166.085c.399.202.808.409 1.139.739.362.376.463.867.275 1.286a1.168 1.168 0 0 1-1.188.693Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Soccer.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M12 0c6.617 0 12 5.383 12 12s-5.383 12-12 12S0 18.617 0 12c0-2.468.749-4.764 2.031-6.673a.501.501 0 0 1 .142-.206C4.345 2.026 7.94 0 12 0Zm.339 18.017-5.017.456-1.359 2.719A10.937 10.937 0 0 0 12 23c.875 0 1.726-.103 2.542-.297l.417-2.503-2.62-2.183Zm8.876-.016L19.645 18l-3.69 2.307-.347 2.085a11.055 11.055 0 0 0 5.404-4.091l.203-.3ZM4.23 14.043l-2.951.423a11.02 11.02 0 0 0 3.864 6.13l1.292-2.584-2.205-3.969Zm14.323-.996-4.18.418-1.291 3.869 2.46 2.05 3.43-2.144-.419-4.193Zm-7.779-3.516-3.477.435-2.217 3.548 2.199 3.959 4.85-.441 1.314-3.942-2.669-3.559Zm10.045-.457-1.31 3.494.443 4.432h1.844A10.933 10.933 0 0 0 23 12c0-.877-.103-1.73-.298-2.55l-1.883-.376ZM1 12c0 .502.034.997.1 1.482l3.097-.444 2.24-3.582-1.289-3.008-2.396-.399A10.936 10.936 0 0 0 1 12Zm16.739-6.972-4.415.442-1.739 3.477 2.646 3.528 4.41-.441 1.304-3.477-2.206-3.529ZM9.537 3.597 6.114 6.164l1.197 2.793 3.361-.42 1.669-3.338-2.804-1.602Zm8.964-.465L18.5 4.356l2.31 3.696 1.574.315A11.052 11.052 0 0 0 18.5 3.132ZM3.403 5.145l1.967.327L9 2.749V1.416a11.025 11.025 0 0 0-5.356 3.438l-.24.29ZM12 1c-.683 0-1.351.063-2 .182V2.71l3.109 1.776 4.391-.439V2.5l.003-.022C15.883 1.538 14.003 1 12 1Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 0c6.617 0 12 5.383 12 12s-5.383 12-12 12S0 18.617 0 12c0-2.468.749-4.764 2.031-6.673a.501.501 0 0 1 .142-.206C4.345 2.026 7.94 0 12 0Zm.339 18.017-5.017.456-1.359 2.719A10.937 10.937 0 0 0 12 23c.875 0 1.726-.103 2.542-.297l.417-2.503-2.62-2.183Zm8.876-.016L19.645 18l-3.69 2.307-.347 2.085a11.055 11.055 0 0 0 5.404-4.091l.203-.3ZM4.23 14.043l-2.951.423a11.02 11.02 0 0 0 3.864 6.13l1.292-2.584-2.205-3.969Zm14.323-.996-4.18.418-1.291 3.869 2.46 2.05 3.43-2.144-.419-4.193Zm-7.779-3.516-3.477.435-2.217 3.548 2.199 3.959 4.85-.441 1.314-3.942-2.669-3.559Zm10.045-.457-1.31 3.494.443 4.432h1.844A10.933 10.933 0 0 0 23 12c0-.877-.103-1.73-.298-2.55l-1.883-.376ZM1 12c0 .502.034.997.1 1.482l3.097-.444 2.24-3.582-1.289-3.008-2.396-.399A10.936 10.936 0 0 0 1 12Zm16.739-6.972-4.415.442-1.739 3.477 2.646 3.528 4.41-.441 1.304-3.477-2.206-3.529ZM9.537 3.597 6.114 6.164l1.197 2.793 3.361-.42 1.669-3.338-2.804-1.602Zm8.964-.465L18.5 4.356l2.31 3.696 1.574.315A11.052 11.052 0 0 0 18.5 3.132ZM3.403 5.145l1.967.327L9 2.749V1.416a11.025 11.025 0 0 0-5.356 3.438l-.24.29ZM12 1c-.683 0-1.351.063-2 .182V2.71l3.109 1.776 4.391-.439V2.5l.003-.022C15.883 1.538 14.003 1 12 1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Speaker.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M18.753 0c1.09 0 1.988.85 2.064 1.922l.005.147v19.862c0 1.092-.85 1.988-1.922 2.064l-.147.005H5.246a2.07 2.07 0 0 1-2.063-1.921l-.005-.148V2.069c0-1.09.849-1.988 1.92-2.064L5.247 0h13.507Zm0 .96H5.246a1.11 1.11 0 0 0-1.102.988l-.006.121v19.862c0 .57.433 1.042.987 1.102l.121.007h13.507a1.11 1.11 0 0 0 1.102-.988l.007-.121V2.069a1.11 1.11 0 0 0-.988-1.102L18.753.96Zm-6.754 9.369a5.61 5.61 0 0 1 3.992 1.652 5.611 5.611 0 0 1 1.652 3.992 5.611 5.611 0 0 1-1.652 3.99A5.61 5.61 0 0 1 12 21.616a5.606 5.606 0 0 1-3.99-1.652 5.608 5.608 0 0 1-1.653-3.991c0-1.508.587-2.926 1.653-3.992A5.606 5.606 0 0 1 12 10.33Zm0 .961a4.672 4.672 0 0 0-3.312 1.37 4.69 4.69 0 0 0 0 6.625 4.69 4.69 0 0 0 6.625 0 4.69 4.69 0 0 0 0-6.624A4.671 4.671 0 0 0 12 11.29Zm-1.182 3.5a1.676 1.676 0 0 1 2.365 0A1.671 1.671 0 0 1 12 17.643c-.428 0-.856-.163-1.183-.488a1.676 1.676 0 0 1 0-2.365Zm1.183.47a.71.71 0 0 0-.504.209.714.714 0 0 0 0 1.007.714.714 0 0 0 1.007 0 .714.714 0 0 0 0-1.007.709.709 0 0 0-.503-.208ZM9.975 3.223c1.081-1.082 2.968-1.082 4.05 0a2.868 2.868 0 0 1 0 4.05A2.857 2.857 0 0 1 12 8.11a2.856 2.856 0 0 1-2.025-.837 2.868 2.868 0 0 1 0-4.05Zm2.025.12a1.906 1.906 0 0 0-1.346 3.25A1.904 1.904 0 1 0 12 3.343Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M18.753 0c1.09 0 1.988.85 2.064 1.922l.005.147v19.862c0 1.092-.85 1.988-1.922 2.064l-.147.005H5.246a2.07 2.07 0 0 1-2.063-1.921l-.005-.148V2.069c0-1.09.849-1.988 1.92-2.064L5.247 0h13.507Zm0 .96H5.246a1.11 1.11 0 0 0-1.102.988l-.006.121v19.862c0 .57.433 1.042.987 1.102l.121.007h13.507a1.11 1.11 0 0 0 1.102-.988l.007-.121V2.069a1.11 1.11 0 0 0-.988-1.102L18.753.96Zm-6.754 9.369a5.61 5.61 0 0 1 3.992 1.652 5.611 5.611 0 0 1 1.652 3.992 5.611 5.611 0 0 1-1.652 3.99A5.61 5.61 0 0 1 12 21.616a5.606 5.606 0 0 1-3.99-1.652 5.608 5.608 0 0 1-1.653-3.991c0-1.508.587-2.926 1.653-3.992A5.606 5.606 0 0 1 12 10.33Zm0 .961a4.672 4.672 0 0 0-3.312 1.37 4.69 4.69 0 0 0 0 6.625 4.69 4.69 0 0 0 6.625 0 4.69 4.69 0 0 0 0-6.624A4.671 4.671 0 0 0 12 11.29Zm-1.182 3.5a1.676 1.676 0 0 1 2.365 0A1.671 1.671 0 0 1 12 17.643c-.428 0-.856-.163-1.183-.488a1.676 1.676 0 0 1 0-2.365Zm1.183.47a.71.71 0 0 0-.504.209.714.714 0 0 0 0 1.007.714.714 0 0 0 1.007 0 .714.714 0 0 0 0-1.007.709.709 0 0 0-.503-.208ZM9.975 3.223c1.081-1.082 2.968-1.082 4.05 0a2.868 2.868 0 0 1 0 4.05A2.857 2.857 0 0 1 12 8.11a2.856 2.856 0 0 1-2.025-.837 2.868 2.868 0 0 1 0-4.05Zm2.025.12a1.906 1.906 0 0 0-1.346 3.25A1.904 1.904 0 1 0 12 3.343Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};