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

package/build/web/icons/OrderDescend.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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
-    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 17c.327 0 .654-.122.907-.366l7.685-7.367c.855-.821.276-2.267-.907-2.267H4.315c-1.183 0-1.762 1.446-.907 2.267l7.685 7.367c.253.244.58.366.907.366Zm0-1.005a.304.304 0 0 1-.215-.086L4.101 8.54a.294.294 0 0 1-.074-.34.292.292 0 0 1 .288-.195h15.37c.172 0 .252.105.288.195a.29.29 0 0 1-.074.34l-7.684 7.369a.304.304 0 0 1-.215.086Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Paperless.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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
-    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: "M22.831 1.279a1.1 1.1 0 0 0-.89-1c-.46-.04-11.17-1.75-17.28 3.81a8.36 8.36 0 0 0-2.66 6.26 10 10 0 0 0 2.49 6.46 29.65 29.65 0 0 0-2.45 6.54.5.5 0 0 0 .38.6h.11a.49.49 0 0 0 .48-.39 29.62 29.62 0 0 1 2.22-6 9.81 9.81 0 0 0 6.69 2.73 8.28 8.28 0 0 0 5.64-2.14c6.05-5.54 5.3-16.41 5.27-16.87Zm-5.95 16.14c-3 2.8-8 2.42-11.17-.77.45-.81.954-1.59 1.51-2.33a20.601 20.601 0 0 1 6.37-5.55.5.5 0 1 0-.44-.9 21.342 21.342 0 0 0-6.72 5.84c-.518.69-.992 1.41-1.42 2.16a8.88 8.88 0 0 1-2-5.52 7.39 7.39 0 0 1 2.33-5.52c3.43-3.18 8.64-3.86 12.25-3.86a27.42 27.42 0 0 1 4.19.3c.08.53.8 10.93-4.9 16.15Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Passport.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.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
-    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.742 0c1.1 0 2.003.855 2.08 1.934l.005.149v19.835c0 1.098-.855 2-1.936 2.077l-.148.005H5.255c-1.098 0-2-.855-2.076-1.933l-.006-.149V2.083c0-1.099.855-2.001 1.934-2.078L5.255 0h13.488Zm0 .992H5.255c-.56 0-1.024.426-1.083.972l-.007.119v19.835c0 .56.426 1.024.972 1.084l.118.006h13.488c.561 0 1.026-.426 1.085-.971l.006-.119V2.083c0-.562-.426-1.025-.973-1.085l-.119-.006Zm-3.965 18.843a.496.496 0 0 1 .089.984l-.09.008H9.224a.495.495 0 0 1-.09-.984l.09-.008h5.554Zm1.586-3.174a.496.496 0 0 1 .089.983l-.09.008H7.637a.495.495 0 0 1-.09-.983l.09-.008h8.727ZM11.98 2.385 12 2.38l.018.005a6.425 6.425 0 0 1 4.54 1.883 6.455 6.455 0 0 1 0 9.117 6.43 6.43 0 0 1-4.541 1.885l-.017.003-.018-.003a6.431 6.431 0 0 1-4.541-1.885 6.455 6.455 0 0 1 0-9.117 6.43 6.43 0 0 1 4.54-1.883Zm4.849 8.922h-2.2a8.626 8.626 0 0 1-1.405 2.818 5.392 5.392 0 0 0 2.632-1.441c.343-.344.614-.729.842-1.133l.131-.244Zm-7.461 0H7.17c.252.493.56.965.973 1.377a5.39 5.39 0 0 0 2.631 1.44 8.668 8.668 0 0 1-1.3-2.478l-.105-.34Zm4.225 0h-3.188A7.508 7.508 0 0 0 12 14.07a7.496 7.496 0 0 0 1.475-2.423l.119-.34ZM9.147 7.339H6.779a5.447 5.447 0 0 0-.075 2.68l.075.295h2.368a9.051 9.051 0 0 1-.053-2.608l.053-.367Zm4.698 0h-3.691a8.084 8.084 0 0 0-.06 2.609l.06.366h3.691a8.06 8.06 0 0 0 .06-2.608l-.06-.367Zm3.375 0h-2.367a9.193 9.193 0 0 1 .053 2.608l-.053.367h2.367c.25-.877.274-1.796.075-2.681l-.075-.294Zm-6.441-3.817A5.403 5.403 0 0 0 8.143 4.97a5.1 5.1 0 0 0-.842 1.133l-.131.245h2.199a8.648 8.648 0 0 1 1.41-2.826ZM12 3.584a7.466 7.466 0 0 0-1.475 2.423l-.119.34h3.188A7.532 7.532 0 0 0 12 3.585Zm1.22-.062a8.633 8.633 0 0 1 1.305 2.485l.105.34h2.2a5.386 5.386 0 0 0-.973-1.377 5.41 5.41 0 0 0-2.637-1.448Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Pause.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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
-  })]
-});
+}) => {
+  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: "M4 0h3.806a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Zm12.774 0h3.807a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1h-3.807a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Phone.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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
-    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.509 1.51a.48.48 0 0 1 0 .96h-1.033a.48.48 0 1 1 0-.96h1.033Zm6.177 1.51v-.554A1.49 1.49 0 0 0 17.181.96H6.82a1.49 1.49 0 0 0-1.507 1.506v.553h13.372ZM5.314 20.258h13.372V3.979H5.314v16.28Zm13.372 1.275v-.315H5.314v.315A1.49 1.49 0 0 0 6.82 23.04h10.281c.874 0 1.585-.676 1.585-1.506ZM17.181 0a2.44 2.44 0 0 1 2.465 2.466v19.068c0 1.36-1.142 2.466-2.545 2.466H6.821a2.44 2.44 0 0 1-2.467-2.466V2.466A2.44 2.44 0 0 1 6.82 0h10.36Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneBusiness.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: "M16.5 13h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm-5-2h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm12-13H8.908A1.496 1.496 0 0 0 8 3.092V.5a.5.5 0 0 0-1 0V3H4.5c-.651 0-1.201.419-1.408 1H.5a.5.5 0 0 0-.5.5v18a.5.5 0 0 0 .5.5h2.592c.207.581.757 1 1.408 1h3c.651 0 1.201-.419 1.408-1H23.5a.5.5 0 0 0 .5-.5v-18a.5.5 0 0 0-.5-.5ZM3.158 19.066a1.513 1.513 0 0 0-.158.67V22H1V5h2v2.264c0 .232.055.464.158.671l.789 1.578A.508.508 0 0 1 4 9.736v7.528a.516.516 0 0 1-.053.224l-.789 1.578ZM8 22.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-2.764c0-.077.019-.154.053-.224l.789-1.578c.103-.207.158-.439.158-.67V9.736c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 4 7.264V4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v2.764a.516.516 0 0 1-.053.224l-.789 1.578a1.513 1.513 0 0 0-.158.67v7.528c0 .232.055.464.158.671l.789 1.578a.508.508 0 0 1 .053.223V22.5Zm15-.5H9v-2.264c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 8 17.264V9.736c0-.077.019-.154.053-.223l.789-1.579c.103-.207.158-.439.158-.67V5h14v17ZM11.5 11h9a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5Zm.5-3h8v2h-8V8Zm-.5 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm0 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm9-4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0-3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 6h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-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: "M16.5 13h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm-5-2h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm12-13H8.908A1.496 1.496 0 0 0 8 3.092V.5a.5.5 0 0 0-1 0V3H4.5c-.651 0-1.201.419-1.408 1H.5a.5.5 0 0 0-.5.5v18a.5.5 0 0 0 .5.5h2.592c.207.581.757 1 1.408 1h3c.651 0 1.201-.419 1.408-1H23.5a.5.5 0 0 0 .5-.5v-18a.5.5 0 0 0-.5-.5ZM3.158 19.066a1.513 1.513 0 0 0-.158.67V22H1V5h2v2.264c0 .232.055.464.158.671l.789 1.578A.508.508 0 0 1 4 9.736v7.528a.516.516 0 0 1-.053.224l-.789 1.578ZM8 22.5a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-2.764c0-.077.019-.154.053-.224l.789-1.578c.103-.207.158-.439.158-.67V9.736c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 4 7.264V4.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v2.764a.516.516 0 0 1-.053.224l-.789 1.578a1.513 1.513 0 0 0-.158.67v7.528c0 .232.055.464.158.671l.789 1.578a.508.508 0 0 1 .053.223V22.5Zm15-.5H9v-2.264c0-.232-.055-.464-.158-.671l-.789-1.578A.508.508 0 0 1 8 17.264V9.736c0-.077.019-.154.053-.223l.789-1.579c.103-.207.158-.439.158-.67V5h14v17ZM11.5 11h9a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5Zm.5-3h8v2h-8V8Zm-.5 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm0 6h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1Zm9-4h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0-3h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Zm0 6h-1a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneHome.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: "M15.5 0c.827 0 1.5.673 1.5 1.5l.001.82c.036.157.006.392 0 .742L17 15.344c.255-.19.556-.307.874-.335.498-.045 1.955.123 2.307.475l1.087 2.084c.472.471.732 1.097.732 1.765v2.17A2.501 2.501 0 0 1 19.5 24h-15A2.5 2.5 0 0 1 2 21.503v-2.17c0-.725.308-1.342 1.029-2.063l.793-1.79c.352-.35 1.819-.518 2.303-.473.318.029.62.147.875.336V4.262A2.27 2.27 0 0 1 9.273 2L14 1.999V1.5c0-.827.673-1.5 1.5-1.5Zm2.466 16.002a.776.776 0 0 0-.564.346 4.012 4.012 0 0 1-.402.499v1.891A2.27 2.27 0 0 1 14.727 21H9.273A2.27 2.27 0 0 1 7 18.738v-1.892a4 4 0 0 1-.401-.497.785.785 0 0 0-.565-.348l-.167.003c-.382.01-1.212.057-1.337.183l-.794 1.79c-.6.6-.72.977-.734 1.286L3 21.503A1.5 1.5 0 0 0 4.5 23h15a1.5 1.5 0 0 0 1.5-1.498v-2.17c0-.395-.16-.78-.439-1.06l-1.087-2.084c-.177-.177-1.378-.2-1.508-.187ZM14.49 3H9.333A1.34 1.34 0 0 0 8 4.342v14.316C8 19.398 8.598 20 9.333 20h5.334A1.34 1.34 0 0 0 16 18.658l-.002-14.815c-.005-.525-.032-.753-.158-.843h-1.35ZM14 16a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm.5-7a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h5ZM14 6h-4v3h4V6Zm1.5-5a.5.5 0 0 0-.5.5V2h1v-.5a.5.5 0 0 0-.5-.5Z",
-    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: "M15.5 0c.827 0 1.5.673 1.5 1.5l.001.82c.036.157.006.392 0 .742L17 15.344c.255-.19.556-.307.874-.335.498-.045 1.955.123 2.307.475l1.087 2.084c.472.471.732 1.097.732 1.765v2.17A2.501 2.501 0 0 1 19.5 24h-15A2.5 2.5 0 0 1 2 21.503v-2.17c0-.725.308-1.342 1.029-2.063l.793-1.79c.352-.35 1.819-.518 2.303-.473.318.029.62.147.875.336V4.262A2.27 2.27 0 0 1 9.273 2L14 1.999V1.5c0-.827.673-1.5 1.5-1.5Zm2.466 16.002a.776.776 0 0 0-.564.346 4.012 4.012 0 0 1-.402.499v1.891A2.27 2.27 0 0 1 14.727 21H9.273A2.27 2.27 0 0 1 7 18.738v-1.892a4 4 0 0 1-.401-.497.785.785 0 0 0-.565-.348l-.167.003c-.382.01-1.212.057-1.337.183l-.794 1.79c-.6.6-.72.977-.734 1.286L3 21.503A1.5 1.5 0 0 0 4.5 23h15a1.5 1.5 0 0 0 1.5-1.498v-2.17c0-.395-.16-.78-.439-1.06l-1.087-2.084c-.177-.177-1.378-.2-1.508-.187ZM14.49 3H9.333A1.34 1.34 0 0 0 8 4.342v14.316C8 19.398 8.598 20 9.333 20h5.334A1.34 1.34 0 0 0 16 18.658l-.002-14.815c-.005-.525-.032-.753-.158-.843h-1.35ZM14 16a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm0-2a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1h4Zm.5-7a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5h5ZM14 6h-4v3h4V6Zm1.5-5a.5.5 0 0 0-.5.5V2h1v-.5a.5.5 0 0 0-.5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PhoneReception.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: "M13.134 2h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1Zm3.005 0h-.01a.496.496 0 0 0-.495.5c0 .276.23.5.505.5a.5.5 0 0 0 0-1Zm-3.505 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5-5.5a.5.5 0 0 0-.5.5v1h-13V5h13v1a.5.5 0 0 0 1 0V3.5c0-1.93-1.57-3.5-3.5-3.5h-8c-1.93 0-3.5 1.57-3.5 3.5v17c0 1.93 1.57 3.5 3.5 3.5h8c1.93 0 3.5-1.57 3.5-3.5V17a.5.5 0 0 0-.5-.5Zm-13.5-13c0-1.378 1.121-2.5 2.5-2.5h8c1.38 0 2.5 1.122 2.5 2.5V4h-13v-.5Zm13.115 17c0 1.378-1.12 2.5-2.5 2.5h-8a2.503 2.503 0 0 1-2.5-2.5V19h13v1.5ZM11.334 16h-2.4c-.165 0-.3-.1-.3-.222v-3.556c0-.122.135-.222.3-.222h2.4c.166 0 .3.1.3.222v3.556c0 .122-.134.222-.3.222Zm-1.657-.95 1.003-.042-.021-2.054-1.003.041.021 2.054Zm5.657.95h-2.4c-.165 0-.3-.096-.3-.214v-5.572c0-.118.135-.214.3-.214h2.4c.166 0 .3.096.3.214v5.572c0 .118-.134.214-.3.214Zm-1.676-1.02.976.01-.006-4.027-1.001-.001.031 4.017ZM19.334 16h-2.4c-.165 0-.3-.094-.3-.21V8.21c0-.116.135-.21.3-.21h2.4c.166 0 .3.094.3.21v7.58c0 .116-.134.21-.3.21Zm-1.715-1.02 1.054.056-.084-6.033-.904-.062-.066 6.039ZM23.334 16h-2.4c-.165 0-.3-.093-.3-.208V6.208c0-.115.135-.208.3-.208h2.4c.166 0 .3.093.3.208v9.584c0 .115-.134.208-.3.208Zm-1.725-1.038.984.077.026-7.993-.984-.077-.026 7.993Z",
-    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: "M13.134 2h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1Zm3.005 0h-.01a.496.496 0 0 0-.495.5c0 .276.23.5.505.5a.5.5 0 0 0 0-1Zm-3.505 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5-5.5a.5.5 0 0 0-.5.5v1h-13V5h13v1a.5.5 0 0 0 1 0V3.5c0-1.93-1.57-3.5-3.5-3.5h-8c-1.93 0-3.5 1.57-3.5 3.5v17c0 1.93 1.57 3.5 3.5 3.5h8c1.93 0 3.5-1.57 3.5-3.5V17a.5.5 0 0 0-.5-.5Zm-13.5-13c0-1.378 1.121-2.5 2.5-2.5h8c1.38 0 2.5 1.122 2.5 2.5V4h-13v-.5Zm13.115 17c0 1.378-1.12 2.5-2.5 2.5h-8a2.503 2.503 0 0 1-2.5-2.5V19h13v1.5ZM11.334 16h-2.4c-.165 0-.3-.1-.3-.222v-3.556c0-.122.135-.222.3-.222h2.4c.166 0 .3.1.3.222v3.556c0 .122-.134.222-.3.222Zm-1.657-.95 1.003-.042-.021-2.054-1.003.041.021 2.054Zm5.657.95h-2.4c-.165 0-.3-.096-.3-.214v-5.572c0-.118.135-.214.3-.214h2.4c.166 0 .3.096.3.214v5.572c0 .118-.134.214-.3.214Zm-1.676-1.02.976.01-.006-4.027-1.001-.001.031 4.017ZM19.334 16h-2.4c-.165 0-.3-.094-.3-.21V8.21c0-.116.135-.21.3-.21h2.4c.166 0 .3.094.3.21v7.58c0 .116-.134.21-.3.21Zm-1.715-1.02 1.054.056-.084-6.033-.904-.062-.066 6.039ZM23.334 16h-2.4c-.165 0-.3-.093-.3-.208V6.208c0-.115.135-.208.3-.208h2.4c.166 0 .3.093.3.208v9.584c0 .115-.134.208-.3.208Zm-1.725-1.038.984.077.026-7.993-.984-.077-.026 7.993Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Photo.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: "M21.931 2.383c1.091 0 1.988.85 2.064 1.921l.005.148v15.096c0 1.09-.85 1.988-1.921 2.064l-.148.005H2.07a2.072 2.072 0 0 1-2.065-1.922L0 19.549V4.452c0-1.09.85-1.988 1.922-2.064l.148-.005h19.86Zm-5.495 7.845a1.556 1.556 0 0 0-1.107.396l-.107.108-4.036 4.507a.48.48 0 0 1-.636.07l-.061-.051-2.034-2.034a1.526 1.526 0 0 0-1.948-.173l-.118.09L.96 17.756v1.792c0 .57.433 1.042.989 1.102l.12.007h19.862a1.11 1.11 0 0 0 1.102-.988l.007-.121v-1.297l-5.455-7.406a1.524 1.524 0 0 0-1.149-.617Zm5.495-6.885H2.07a1.11 1.11 0 0 0-1.103.988l-.007.121v12.043l4.81-4.088a2.483 2.483 0 0 1 3.226.011l.136.125 1.678 1.677 3.698-4.13a2.464 2.464 0 0 1 1.977-.82 2.467 2.467 0 0 1 1.757.86l.115.146 4.683 6.357V4.452a1.11 1.11 0 0 0-.988-1.102l-.12-.007ZM5.373 6.167A2.07 2.07 0 0 1 8.3 9.093a2.063 2.063 0 0 1-1.463.605c-.53 0-1.06-.201-1.463-.605a2.072 2.072 0 0 1 0-2.926Zm1.463.355c-.284 0-.568.108-.784.324a1.111 1.111 0 0 0 0 1.569 1.111 1.111 0 0 0 1.568 0 1.111 1.111 0 0 0 0-1.569 1.106 1.106 0 0 0-.784-.324Z",
-    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: "M21.931 2.383c1.091 0 1.988.85 2.064 1.921l.005.148v15.096c0 1.09-.85 1.988-1.921 2.064l-.148.005H2.07a2.072 2.072 0 0 1-2.065-1.922L0 19.549V4.452c0-1.09.85-1.988 1.922-2.064l.148-.005h19.86Zm-5.495 7.845a1.556 1.556 0 0 0-1.107.396l-.107.108-4.036 4.507a.48.48 0 0 1-.636.07l-.061-.051-2.034-2.034a1.526 1.526 0 0 0-1.948-.173l-.118.09L.96 17.756v1.792c0 .57.433 1.042.989 1.102l.12.007h19.862a1.11 1.11 0 0 0 1.102-.988l.007-.121v-1.297l-5.455-7.406a1.524 1.524 0 0 0-1.149-.617Zm5.495-6.885H2.07a1.11 1.11 0 0 0-1.103.988l-.007.121v12.043l4.81-4.088a2.483 2.483 0 0 1 3.226.011l.136.125 1.678 1.677 3.698-4.13a2.464 2.464 0 0 1 1.977-.82 2.467 2.467 0 0 1 1.757.86l.115.146 4.683 6.357V4.452a1.11 1.11 0 0 0-.988-1.102l-.12-.007ZM5.373 6.167A2.07 2.07 0 0 1 8.3 9.093a2.063 2.063 0 0 1-1.463.605c-.53 0-1.06-.201-1.463-.605a2.072 2.072 0 0 1 0-2.926Zm1.463.355c-.284 0-.568.108-.784.324a1.111 1.111 0 0 0 0 1.569 1.111 1.111 0 0 0 1.568 0 1.111 1.111 0 0 0 0-1.569 1.106 1.106 0 0 0-.784-.324Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Photos.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: "M22.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
-    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: "M22.383 12.998a.495.495 0 0 1 .581.27l.03.085.929 3.48a2.194 2.194 0 0 1-1.49 2.679l-.03.011L7.458 23.53a2.177 2.177 0 0 1-1.666-.212c-.44-.25-.77-.636-.952-1.1l-.081-.24-.722-2.712a.501.501 0 0 1 .936-.343l.03.085.712 2.673.018.053c.083.305.28.559.555.716.237.135.509.186.775.143l.133-.03 14.882-3.987.047-.015c.304-.084.559-.284.717-.562.134-.238.184-.508.142-.772l-.028-.131-.93-3.486a.5.5 0 0 1 .356-.612ZM18.935.392a1.9 1.9 0 0 1 1.89 1.748l.005.148v13.073c0 .995-.772 1.815-1.747 1.89l-.148.006H1.896a1.9 1.9 0 0 1-1.89-1.748L0 15.361V2.288A1.9 1.9 0 0 1 1.748.398l.148-.006h17.039Zm-4.786 8.071a1.206 1.206 0 0 0-.87.306l-.097.097-3.457 3.862a.504.504 0 0 1-.665.072l-.062-.053-1.737-1.745a1.221 1.221 0 0 0-1.541-.146l-.108.081L1 14.862v.5c0 .455.343.833.784.888l.112.007h17.039c.44 0 .801-.322.873-.743l.01-.108-4.753-6.452a1.208 1.208 0 0 0-.916-.49Zm4.786-7.07H1.896a.897.897 0 0 0-.889.783L1 2.288V13.55l3.967-3.376a2.22 2.22 0 0 1 2.866-.002l.134.122 1.366 1.373 3.105-3.469a2.201 2.201 0 0 1 1.76-.732c.606.03 1.166.302 1.56.755l.112.141 3.96 5.374V2.288a.896.896 0 0 0-.895-.896Zm-12.2 2.784a2.09 2.09 0 0 1 0 2.95 2.08 2.08 0 0 1-1.476.61 2.083 2.083 0 0 1-1.475-.61 2.088 2.088 0 0 1 0-2.95 2.09 2.09 0 0 1 2.95 0Zm-1.475.389a1.088 1.088 0 1 0 .768 1.855 1.09 1.09 0 0 0 0-1.537 1.084 1.084 0 0 0-.768-.318Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};