@telus-uds/palettes-community.palette-casa 4.1.3 → 4.1.5

package/build/web/icons/BasketBold.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: "M10.87 0a.874.874 0 0 0-.754.44L6.365 7H.85a.85.85 0 0 0-.679.356c-.109.165-.17.359-.17.545 0 .079.011.156.034.23l2.512 10.782C2.896 20.165 3.972 21 5.214 21h13.599l-.02-.01c1.242 0 2.319-.845 2.678-2.108L23.964 8.14A.91.91 0 0 0 24 7.885v-.002a.932.932 0 0 0-.163-.527A.824.824 0 0 0 23.16 7h-5.045L14.365.44a.874.874 0 0 0-.754-.44.847.847 0 0 0-.436.12.88.88 0 0 0-.33 1.19L16.096 7H8.383l3.252-5.69a.88.88 0 0 0-.33-1.19.847.847 0 0 0-.436-.12ZM4.165 18.424 1.964 8.782h20.079l-2.192 9.622c-.146.488-.563.814-1.048.814H5.204c-.485 0-.902-.326-1.038-.794Z",
-    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: "M10.87 0a.874.874 0 0 0-.754.44L6.365 7H.85a.85.85 0 0 0-.679.356c-.109.165-.17.359-.17.545 0 .079.011.156.034.23l2.512 10.782C2.896 20.165 3.972 21 5.214 21h13.599l-.02-.01c1.242 0 2.319-.845 2.678-2.108L23.964 8.14A.91.91 0 0 0 24 7.885v-.002a.932.932 0 0 0-.163-.527A.824.824 0 0 0 23.16 7h-5.045L14.365.44a.874.874 0 0 0-.754-.44.847.847 0 0 0-.436.12.88.88 0 0 0-.33 1.19L16.096 7H8.383l3.252-5.69a.88.88 0 0 0-.33-1.19.847.847 0 0 0-.436-.12ZM4.165 18.424 1.964 8.782h20.079l-2.192 9.622c-.146.488-.563.814-1.048.814H5.204c-.485 0-.902-.326-1.038-.794Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BasketSolid.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: "M10.87 0a.874.874 0 0 0-.754.44L6.365 7H.85a.85.85 0 0 0-.679.356c-.109.165-.17.359-.17.545 0 .079.011.156.034.23l2.512 10.782C2.896 20.165 3.972 21 5.214 21h13.599l-.02-.01c1.242 0 2.319-.845 2.678-2.108L23.964 8.14A.91.91 0 0 0 24 7.885v-.002a.932.932 0 0 0-.163-.527A.824.824 0 0 0 23.16 7h-5.045L14.365.44a.874.874 0 0 0-.754-.44.847.847 0 0 0-.436.12.88.88 0 0 0-.33 1.19L16.096 7H8.383l3.252-5.69a.88.88 0 0 0-.33-1.19.847.847 0 0 0-.436-.12Z",
-    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: "M10.87 0a.874.874 0 0 0-.754.44L6.365 7H.85a.85.85 0 0 0-.679.356c-.109.165-.17.359-.17.545 0 .079.011.156.034.23l2.512 10.782C2.896 20.165 3.972 21 5.214 21h13.599l-.02-.01c1.242 0 2.319-.845 2.678-2.108L23.964 8.14A.91.91 0 0 0 24 7.885v-.002a.932.932 0 0 0-.163-.527A.824.824 0 0 0 23.16 7h-5.045L14.365.44a.874.874 0 0 0-.754-.44.847.847 0 0 0-.436.12.88.88 0 0 0-.33 1.19L16.096 7H8.383l3.252-5.69a.88.88 0 0 0-.33-1.19.847.847 0 0 0-.436-.12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BatteryCar.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.5 3a.5.5 0 0 1 .5.5V5h.5a.5.5 0 0 1 .447.276L6.309 6H8v-.5C8 4.673 8.673 4 9.5 4h5c.827 0 1.5.673 1.5 1.5V6h1.692l.361-.724A.5.5 0 0 1 18.5 5h.5V3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V5h.5c.827 0 1.5.673 1.5 1.5v13c0 .827-.673 1.5-1.5 1.5h-21C.673 21 0 20.327 0 19.5v-13C0 5.673.673 5 1.5 5H2V3.5a.5.5 0 0 1 .5-.5h2Zm.691 3H1.5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h21a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-3.691l-.361.724A.503.503 0 0 1 18 7H6a.5.5 0 0 1-.447-.276L5.191 6Zm.309 5a.5.5 0 0 1 .5.5V13h1.5a.5.5 0 0 1 0 1H6v1.5a.5.5 0 0 1-1 0V14H3.5a.5.5 0 0 1 0-1H5v-1.5a.5.5 0 0 1 .5-.5Zm15 2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm-6-8h-5a.5.5 0 0 0-.5.5V6h6v-.5a.5.5 0 0 0-.5-.5ZM21 4h-1v1h1V4ZM4 4H3v1h1V4Z",
-    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.5 3a.5.5 0 0 1 .5.5V5h.5a.5.5 0 0 1 .447.276L6.309 6H8v-.5C8 4.673 8.673 4 9.5 4h5c.827 0 1.5.673 1.5 1.5V6h1.692l.361-.724A.5.5 0 0 1 18.5 5h.5V3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V5h.5c.827 0 1.5.673 1.5 1.5v13c0 .827-.673 1.5-1.5 1.5h-21C.673 21 0 20.327 0 19.5v-13C0 5.673.673 5 1.5 5H2V3.5a.5.5 0 0 1 .5-.5h2Zm.691 3H1.5a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 .5.5h21a.5.5 0 0 0 .5-.5v-13a.5.5 0 0 0-.5-.5h-3.691l-.361.724A.503.503 0 0 1 18 7H6a.5.5 0 0 1-.447-.276L5.191 6Zm.309 5a.5.5 0 0 1 .5.5V13h1.5a.5.5 0 0 1 0 1H6v1.5a.5.5 0 0 1-1 0V14H3.5a.5.5 0 0 1 0-1H5v-1.5a.5.5 0 0 1 .5-.5Zm15 2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm-6-8h-5a.5.5 0 0 0-.5.5V6h6v-.5a.5.5 0 0 0-.5-.5ZM21 4h-1v1h1V4ZM4 4H3v1h1V4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BatteryCharging.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 20a.587.587 0 0 1-.109-.01.511.511 0 0 1-.43-.49V15H8.77a.547.547 0 0 1-.45-.225.471.471 0 0 1-.045-.472l3.23-7a.545.545 0 0 1 .604-.293c.25.048.43.253.43.49V12h2.692a.55.55 0 0 1 .45.225c.1.141.116.318.046.472l-3.23 7A.543.543 0 0 1 12 20Zm-2.415-6H12c.297 0 .538.224.538.5v2.564L14.414 13H12c-.297 0-.539-.224-.539-.5V9.936L9.585 14Zm6.723 9H7.692C6.207 23 5 21.878 5 20.5v-14C5 5.122 6.207 4 7.692 4h1.616V2.5c0-.276.24-.5.538-.5h4.308c.297 0 .538.224.538.5V4h1.616C17.793 4 19 5.122 19 6.5v14c0 1.378-1.207 2.5-2.692 2.5ZM7.692 5c-.89 0-1.615.673-1.615 1.5v14c0 .827.725 1.5 1.615 1.5h8.616c.89 0 1.615-.673 1.615-1.5v-14c0-.827-.725-1.5-1.615-1.5h-2.154c-.297 0-.539-.224-.539-.5V3h-3.23v1.5c0 .276-.242.5-.539.5H7.692Z",
-    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 20a.587.587 0 0 1-.109-.01.511.511 0 0 1-.43-.49V15H8.77a.547.547 0 0 1-.45-.225.471.471 0 0 1-.045-.472l3.23-7a.545.545 0 0 1 .604-.293c.25.048.43.253.43.49V12h2.692a.55.55 0 0 1 .45.225c.1.141.116.318.046.472l-3.23 7A.543.543 0 0 1 12 20Zm-2.415-6H12c.297 0 .538.224.538.5v2.564L14.414 13H12c-.297 0-.539-.224-.539-.5V9.936L9.585 14Zm6.723 9H7.692C6.207 23 5 21.878 5 20.5v-14C5 5.122 6.207 4 7.692 4h1.616V2.5c0-.276.24-.5.538-.5h4.308c.297 0 .538.224.538.5V4h1.616C17.793 4 19 5.122 19 6.5v14c0 1.378-1.207 2.5-2.692 2.5ZM7.692 5c-.89 0-1.615.673-1.615 1.5v14c0 .827.725 1.5 1.615 1.5h8.616c.89 0 1.615-.673 1.615-1.5v-14c0-.827-.725-1.5-1.615-1.5h-2.154c-.297 0-.539-.224-.539-.5V3h-3.23v1.5c0 .276-.242.5-.539.5H7.692Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Bell.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: "M9.55 21H2.5a.502.502 0 0 1-.429-.757l1.718-2.862A8.507 8.507 0 0 0 5 13.007V10.5c0-3.164 2.112-5.846 5-6.709V2c0-1.103.897-2 2-2s2 .897 2 2v1.791c2.888.863 5 3.545 5 6.709v2.507c0 1.541.42 3.053 1.211 4.374l1.718 2.862A.5.5 0 0 1 21.5 21h-7.048a2.502 2.502 0 0 1-3.523 2.758A2.502 2.502 0 0 1 9.55 21Zm1.037 0a1.503 1.503 0 0 0 1.414 2 1.503 1.503 0 0 0 1.414-2h-2.828ZM11 3.571a7.026 7.026 0 0 1 2 0V2a1 1 0 0 0-2 0v1.571ZM3.383 20h17.234l-1.264-2.105A9.507 9.507 0 0 1 18 13.007V10.5c0-3.309-2.69-6-6-6-3.309 0-6 2.691-6 6v2.507a9.498 9.498 0 0 1-1.354 4.888L3.383 20Z",
-    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: "M9.55 21H2.5a.502.502 0 0 1-.429-.757l1.718-2.862A8.507 8.507 0 0 0 5 13.007V10.5c0-3.164 2.112-5.846 5-6.709V2c0-1.103.897-2 2-2s2 .897 2 2v1.791c2.888.863 5 3.545 5 6.709v2.507c0 1.541.42 3.053 1.211 4.374l1.718 2.862A.5.5 0 0 1 21.5 21h-7.048a2.502 2.502 0 0 1-3.523 2.758A2.502 2.502 0 0 1 9.55 21Zm1.037 0a1.503 1.503 0 0 0 1.414 2 1.503 1.503 0 0 0 1.414-2h-2.828ZM11 3.571a7.026 7.026 0 0 1 2 0V2a1 1 0 0 0-2 0v1.571ZM3.383 20h17.234l-1.264-2.105A9.507 9.507 0 0 1 18 13.007V10.5c0-3.309-2.69-6-6-6-3.309 0-6 2.691-6 6v2.507a9.498 9.498 0 0 1-1.354 4.888L3.383 20Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Bill.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: "M17.154 0C18.447 0 19.5 1.121 19.5 2.5v21a.498.498 0 0 1-.5.5.495.495 0 0 1-.277-.084l-1.223-.815-1.223.815a.504.504 0 0 1-.555 0l-1.222-.815-1.223.815a.504.504 0 0 1-.555 0l-1.222-.815-1.223.815a.504.504 0 0 1-.555 0L8.5 23.101l-1.223.815a.498.498 0 0 1-.513.024.498.498 0 0 1-.264-.44V10H5a.5.5 0 0 1-.5-.5v-7C4.5 1.121 5.622 0 7 0h10.154Zm0 1H7.002c.32.426.498.947.498 1.5v20.065l.723-.481a.504.504 0 0 1 .555 0l1.222.815 1.223-.815a.504.504 0 0 1 .555 0l1.223.815 1.223-.815a.492.492 0 0 1 .553 0l1.223.815 1.223-.815a.504.504 0 0 1 .555 0l.722.481V2.5c0-.827-.604-1.5-1.346-1.5ZM17 19a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3Zm-2.5-1.5a.5.5 0 0 1 .5-.5v-.134a1 1 0 0 1 0-1.732V15a.5.5 0 0 1 .992-.09L16 15a.5.5 0 0 1 0 1l.001.135a1 1 0 0 1 0 1.73L16 18a.5.5 0 0 1-1 0 .5.5 0 0 1-.5-.5ZM17 11a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8ZM6.001 1.382A1.5 1.5 0 0 0 5.5 2.5V9h1V2.5c0-.434-.183-.836-.499-1.118ZM17 8a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8Zm0-3a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8Z",
-    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: "M17.154 0C18.447 0 19.5 1.121 19.5 2.5v21a.498.498 0 0 1-.5.5.495.495 0 0 1-.277-.084l-1.223-.815-1.223.815a.504.504 0 0 1-.555 0l-1.222-.815-1.223.815a.504.504 0 0 1-.555 0l-1.222-.815-1.223.815a.504.504 0 0 1-.555 0L8.5 23.101l-1.223.815a.498.498 0 0 1-.513.024.498.498 0 0 1-.264-.44V10H5a.5.5 0 0 1-.5-.5v-7C4.5 1.121 5.622 0 7 0h10.154Zm0 1H7.002c.32.426.498.947.498 1.5v20.065l.723-.481a.504.504 0 0 1 .555 0l1.222.815 1.223-.815a.504.504 0 0 1 .555 0l1.223.815 1.223-.815a.492.492 0 0 1 .553 0l1.223.815 1.223-.815a.504.504 0 0 1 .555 0l.722.481V2.5c0-.827-.604-1.5-1.346-1.5ZM17 19a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3Zm-2.5-1.5a.5.5 0 0 1 .5-.5v-.134a1 1 0 0 1 0-1.732V15a.5.5 0 0 1 .992-.09L16 15a.5.5 0 0 1 0 1l.001.135a1 1 0 0 1 0 1.73L16 18a.5.5 0 0 1-1 0 .5.5 0 0 1-.5-.5ZM17 11a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8ZM6.001 1.382A1.5 1.5 0 0 0 5.5 2.5V9h1V2.5c0-.434-.183-.836-.499-1.118ZM17 8a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8Zm0-3a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1h8Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BillingBold.js

@@ -6,25 +6,41 @@ 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: "M6.472 7.472a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM9.25 8c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7A.745.745 0 0 1 9.25 8ZM7 12.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h10c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75H7Zm-.528-2.778a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056Zm2.778.528c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7a.745.745 0 0 1-.75-.75Zm-1.722 6.528a.74.74 0 0 0 0-1.056.74.74 0 0 0-1.056 0 .74.74 0 0 0 0 1.056.74.74 0 0 0 1.056 0ZM10 15.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h7c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75h-7Z"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M4.688 0A2.694 2.694 0 0 0 2 2.698v18.604A2.694 2.694 0 0 0 4.688 24h14.625A2.694 2.694 0 0 0 22 21.302V2.698A2.694 2.694 0 0 0 19.312 0H4.688ZM3.474 2.698c0-.676.542-1.219 1.212-1.219h14.625c.67 0 1.213.543 1.213 1.219v18.604c0 .676-.542 1.219-1.212 1.219H4.688c-.67 0-1.213-.543-1.213-1.219V2.698Z",
-    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", {
+      d: "M6.472 7.472a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM9.25 8c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7A.745.745 0 0 1 9.25 8ZM7 12.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h10c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75H7Zm-.528-2.778a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056Zm2.778.528c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7a.745.745 0 0 1-.75-.75Zm-1.722 6.528a.74.74 0 0 0 0-1.056.74.74 0 0 0-1.056 0 .74.74 0 0 0 0 1.056.74.74 0 0 0 1.056 0ZM10 15.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h7c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75h-7Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M4.688 0A2.694 2.694 0 0 0 2 2.698v18.604A2.694 2.694 0 0 0 4.688 24h14.625A2.694 2.694 0 0 0 22 21.302V2.698A2.694 2.694 0 0 0 19.312 0H4.688ZM3.474 2.698c0-.676.542-1.219 1.212-1.219h14.625c.67 0 1.213.543 1.213 1.219v18.604c0 .676-.542 1.219-1.212 1.219H4.688c-.67 0-1.213-.543-1.213-1.219V2.698Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/BillingSolid.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: "M2 2.698A2.694 2.694 0 0 1 4.688 0h14.625A2.694 2.694 0 0 1 22 2.698v18.604A2.694 2.694 0 0 1 19.312 24H4.688A2.694 2.694 0 0 1 2 21.302V2.698Zm4.472 4.774a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM9.25 8c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7A.745.745 0 0 1 9.25 8Zm-3 5.5c0-.418.332-.75.75-.75h10c.418 0 .75.332.75.75s-.332.75-.75.75H7a.745.745 0 0 1-.75-.75Zm.222-3.528a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM10 9.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h7c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75h-7Zm-2.472 7.278a.74.74 0 0 0 0-1.056.74.74 0 0 0-1.056 0 .74.74 0 0 0 0 1.056.74.74 0 0 0 1.056 0ZM9.25 16.5c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7a.745.745 0 0 1-.75-.75Z",
-    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: "M2 2.698A2.694 2.694 0 0 1 4.688 0h14.625A2.694 2.694 0 0 1 22 2.698v18.604A2.694 2.694 0 0 1 19.312 24H4.688A2.694 2.694 0 0 1 2 21.302V2.698Zm4.472 4.774a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM9.25 8c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7A.745.745 0 0 1 9.25 8Zm-3 5.5c0-.418.332-.75.75-.75h10c.418 0 .75.332.75.75s-.332.75-.75.75H7a.745.745 0 0 1-.75-.75Zm.222-3.528a.74.74 0 0 1 1.056 0 .74.74 0 0 1 0 1.056.74.74 0 0 1-1.056 0 .74.74 0 0 1 0-1.056ZM10 9.75a.745.745 0 0 0-.75.75c0 .418.332.75.75.75h7c.418 0 .75-.332.75-.75a.745.745 0 0 0-.75-.75h-7Zm-2.472 7.278a.74.74 0 0 0 0-1.056.74.74 0 0 0-1.056 0 .74.74 0 0 0 0 1.056.74.74 0 0 0 1.056 0ZM9.25 16.5c0-.418.332-.75.75-.75h7c.418 0 .75.332.75.75s-.332.75-.75.75h-7a.745.745 0 0 1-.75-.75Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Bookmark.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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
-    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.68.105c1.143 0 2.073.93 2.073 2.072v20.24c0 .601-.344 1.121-.897 1.357a1.448 1.448 0 0 1-1.592-.289l-5.524-5.257a1.064 1.064 0 0 0-1.478-.002l-5.527 5.261a1.459 1.459 0 0 1-1.596.286 1.457 1.457 0 0 1-.892-1.356V2.177c0-1.142.929-2.072 2.072-2.072H18.68Zm0 1H5.32c-.591 0-1.072.481-1.072 1.072v20.24c0 .291.219.408.287.437l.067.023a.452.452 0 0 0 .445-.116l5.525-5.258a2.063 2.063 0 0 1 2.86.002l5.524 5.257c.208.2.443.12.508.092l.074-.04a.456.456 0 0 0 .216-.397V2.177c0-.591-.481-1.072-1.072-1.072ZM12 2.597a.5.5 0 0 1 .453.287l1.544 3.288 3.446.526a.499.499 0 0 1 .284.843l-2.504 2.57.595 3.633a.497.497 0 0 1-.734.52L12 12.564l-3.075 1.698a.502.502 0 0 1-.736-.519l.597-3.633-2.504-2.57a.499.499 0 0 1 .282-.843l3.446-.526 1.537-3.287a.5.5 0 0 1 .371-.281L12 2.597Zm.001 1.678-1.198 2.563a.501.501 0 0 1-.378.282l-2.749.42 2.002 2.054a.498.498 0 0 1 .135.43l-.47 2.866 2.415-1.334a.507.507 0 0 1 .483 0l2.424 1.335-.47-2.867a.5.5 0 0 1 .135-.43l2.001-2.055-2.748-.419a.498.498 0 0 1-.377-.282l-1.205-2.563Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Braille.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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
-    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: "M10.001 4.004A1.5 1.5 0 1 0 10 1.003a1.5 1.5 0 0 0 0 3.001Zm0 1.001a2.5 2.5 0 0 0 2.5-2.502A2.501 2.501 0 0 0 10.001 0c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.502Zm0 6.007A1.5 1.5 0 1 0 10 8.01a1.5 1.5 0 0 0 0 3.002Zm0 1a2.5 2.5 0 0 0 2.5-2.502 2.501 2.501 0 0 0-2.5-2.503c-1.38 0-2.5 1.12-2.5 2.503a2.501 2.501 0 0 0 2.5 2.503Zm-7 6.007A1.5 1.5 0 1 0 3 15.017a1.5 1.5 0 0 0 0 3.003Zm0 1.001a2.5 2.5 0 0 0 2.5-2.503 2.501 2.501 0 0 0-2.5-2.502c-1.38 0-2.5 1.12-2.5 2.502a2.501 2.501 0 0 0 2.5 2.503Zm1.5-9.51a1.5 1.5 0 1 1-3.001.002 1.5 1.5 0 0 1 3-.002Zm1 0a2.501 2.501 0 0 1-2.5 2.503c-1.38 0-2.5-1.12-2.5-2.503a2.501 2.501 0 0 1 2.5-2.503 2.5 2.5 0 0 1 2.5 2.503Zm5.192 13.951c0 .324.216.539.538.539h6.455c3.335 0 5.917-2.585 5.81-5.708a5.949 5.949 0 0 0-1.722-4.2l-1.614-1.723a1.687 1.687 0 0 0-2.366 0c-.216.215-.323.43-.43.646-.538-.215-1.292 0-1.722.43-.215.216-.323.54-.43.862a1.59 1.59 0 0 0-1.399.431 2.377 2.377 0 0 1-.161.27c-.054.08-.108.16-.161.269l-.969-.97a1.687 1.687 0 0 0-2.367 0c-.322.323-.537.754-.537 1.185 0 .43.215.862.537 1.185l4.088 4.092h-.86a2.665 2.665 0 0 0-2.69 2.692Zm7.1-.538h-5.916c.215-.646.753-1.077 1.506-1.077h2.152a.59.59 0 0 0 .537-.323c.108-.108 0-.43-.107-.539l-5.056-5.061c-.108-.108-.216-.216-.216-.431s.108-.323.216-.43c.215-.216.645-.216.86 0l3.55 3.553a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-1.398-1.293c-.108-.107-.215-.215-.215-.43 0-.216.107-.324.215-.431.215-.216.645-.216.86 0l.861.861a.52.52 0 0 0 .753 0c.108-.107.108-.215.108-.43 0-.216 0-.324-.108-.431l-.538-.539c-.107-.107-.215-.215-.215-.43 0-.216.108-.324.215-.431.216-.216.646-.216.861 0l.538.538a.52.52 0 0 0 .753 0c.107-.107.107-.215.107-.43 0-.216 0-.324-.107-.431-.215-.216-.215-.647 0-.862.215-.215.645-.215.86 0l1.614 1.723a4.727 4.727 0 0 1 1.399 3.339 4.824 4.824 0 0 1-4.841 4.846Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};