@telus-uds/palette-allium 5.3.2 → 5.4.0

package/build/web/icons/Key.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.5 0C16.084 0 19 2.916 19 6.5a6.525 6.525 0 0 1-3 5.472v.528a.5.5 0 0 1-.5.5H15v8.5c0 .133-.053.26-.146.354l-2 2a.502.502 0 0 1-.708 0l-2-2A.504.504 0 0 1 10 21.5v-1.793l-.854-.854a.5.5 0 0 1 0-.707l.854-.853v-.586l-.854-.854a.5.5 0 0 1 0-.707l.854-.853V13h-.5a.5.5 0 0 1-.5-.5v-.528A6.525 6.525 0 0 1 6 6.5C6 2.916 8.916 0 12.5 0Zm0 1A5.506 5.506 0 0 0 7 6.5a5.519 5.519 0 0 0 2.751 4.758c.154.09.249.255.249.433V12h.5a.5.5 0 0 1 .5.5v2c0 .133-.053.26-.146.354l-.647.646.646.646A.5.5 0 0 1 11 16.5v1c0 .133-.053.26-.146.354l-.647.646.646.646A.5.5 0 0 1 11 19.5v1.793l1.5 1.5 1.5-1.5V12.5a.5.5 0 0 1 .5-.5h.5v-.309c0-.178.095-.343.249-.433A5.519 5.519 0 0 0 18 6.5C18 3.467 15.532 1 12.5 1Zm0 12a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5Zm0-11C13.879 2 15 3.122 15 4.5S13.879 7 12.5 7A2.503 2.503 0 0 1 10 4.5C10 3.122 11.121 2 12.5 2Zm0 1c-.827 0-1.5.673-1.5 1.5S11.673 6 12.5 6 14 5.327 14 4.5 13.327 3 12.5 3Z",
-    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.5 0C16.084 0 19 2.916 19 6.5a6.525 6.525 0 0 1-3 5.472v.528a.5.5 0 0 1-.5.5H15v8.5c0 .133-.053.26-.146.354l-2 2a.502.502 0 0 1-.708 0l-2-2A.504.504 0 0 1 10 21.5v-1.793l-.854-.854a.5.5 0 0 1 0-.707l.854-.853v-.586l-.854-.854a.5.5 0 0 1 0-.707l.854-.853V13h-.5a.5.5 0 0 1-.5-.5v-.528A6.525 6.525 0 0 1 6 6.5C6 2.916 8.916 0 12.5 0Zm0 1A5.506 5.506 0 0 0 7 6.5a5.519 5.519 0 0 0 2.751 4.758c.154.09.249.255.249.433V12h.5a.5.5 0 0 1 .5.5v2c0 .133-.053.26-.146.354l-.647.646.646.646A.5.5 0 0 1 11 16.5v1c0 .133-.053.26-.146.354l-.647.646.646.646A.5.5 0 0 1 11 19.5v1.793l1.5 1.5 1.5-1.5V12.5a.5.5 0 0 1 .5-.5h.5v-.309c0-.178.095-.343.249-.433A5.519 5.519 0 0 0 18 6.5C18 3.467 15.532 1 12.5 1Zm0 12a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5Zm0-11C13.879 2 15 3.122 15 4.5S13.879 7 12.5 7A2.503 2.503 0 0 1 10 4.5C10 3.122 11.121 2 12.5 2Zm0 1c-.827 0-1.5.673-1.5 1.5S11.673 6 12.5 6 14 5.327 14 4.5 13.327 3 12.5 3Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Laptop.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: "M23.5 16.5H22V5c0-.827-.673-1.5-1.5-1.5h-17C2.673 3.5 2 4.173 2 5v11.5H.5a.5.5 0 0 0-.5.5v1c0 1.378 1.122 2.5 2.5 2.5h19c1.378 0 2.5-1.122 2.5-2.5v-1a.5.5 0 0 0-.5-.5ZM3 5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v11.5h-5a.495.495 0 0 0-.352.146l-.854.854H9.208l-.854-.854A.504.504 0 0 0 8 16.5H3V5Zm20 13c0 .827-.673 1.5-1.5 1.5h-19c-.827 0-1.5-.673-1.5-1.5v-.5h6.793l.853.854A.504.504 0 0 0 9 18.5h6a.5.5 0 0 0 .353-.146l.854-.854H23v.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: "M23.5 16.5H22V5c0-.827-.673-1.5-1.5-1.5h-17C2.673 3.5 2 4.173 2 5v11.5H.5a.5.5 0 0 0-.5.5v1c0 1.378 1.122 2.5 2.5 2.5h19c1.378 0 2.5-1.122 2.5-2.5v-1a.5.5 0 0 0-.5-.5ZM3 5a.5.5 0 0 1 .5-.5h17a.5.5 0 0 1 .5.5v11.5h-5a.495.495 0 0 0-.352.146l-.854.854H9.208l-.854-.854A.504.504 0 0 0 8 16.5H3V5Zm20 13c0 .827-.673 1.5-1.5 1.5h-19c-.827 0-1.5-.673-1.5-1.5v-.5h6.793l.853.854A.504.504 0 0 0 9 18.5h6a.5.5 0 0 0 .353-.146l.854-.854H23v.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Layers.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.06 14.556 1.672.887a.512.512 0 0 1-.001.901l-11.5 6.098a.49.49 0 0 1-.462 0l-11.5-6.098a.508.508 0 0 1-.269-.45c0-.19.104-.363.269-.45l1.672-.886a.498.498 0 0 1 .675.215.512.512 0 0 1-.212.686l-.823.435L12 21.42l10.419-5.526-.822-.436a.512.512 0 0 1-.212-.686.5.5 0 0 1 .675-.216Zm0-4 1.672.887a.512.512 0 0 1-.001.901l-11.5 6.098a.49.49 0 0 1-.462 0l-11.5-6.098a.508.508 0 0 1-.269-.45c0-.19.104-.363.269-.45l1.672-.886a.498.498 0 0 1 .675.215.512.512 0 0 1-.212.686l-.823.435L12 17.42l10.419-5.526-.822-.436a.512.512 0 0 1-.212-.686.5.5 0 0 1 .675-.216Zm-9.828-8.999 11.5 6a.5.5 0 0 1-.001.886l-11.5 6a.496.496 0 0 1-.462 0l-11.5-6a.5.5 0 0 1 0-.886l11.5-6a.499.499 0 0 1 .463 0ZM12 2.563 1.581 8 12 13.437 22.419 8 12 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: "m22.06 14.556 1.672.887a.512.512 0 0 1-.001.901l-11.5 6.098a.49.49 0 0 1-.462 0l-11.5-6.098a.508.508 0 0 1-.269-.45c0-.19.104-.363.269-.45l1.672-.886a.498.498 0 0 1 .675.215.512.512 0 0 1-.212.686l-.823.435L12 21.42l10.419-5.526-.822-.436a.512.512 0 0 1-.212-.686.5.5 0 0 1 .675-.216Zm0-4 1.672.887a.512.512 0 0 1-.001.901l-11.5 6.098a.49.49 0 0 1-.462 0l-11.5-6.098a.508.508 0 0 1-.269-.45c0-.19.104-.363.269-.45l1.672-.886a.498.498 0 0 1 .675.215.512.512 0 0 1-.212.686l-.823.435L12 17.42l10.419-5.526-.822-.436a.512.512 0 0 1-.212-.686.5.5 0 0 1 .675-.216Zm-9.828-8.999 11.5 6a.5.5 0 0 1-.001.886l-11.5 6a.496.496 0 0 1-.462 0l-11.5-6a.5.5 0 0 1 0-.886l11.5-6a.499.499 0 0 1 .463 0ZM12 2.563 1.581 8 12 13.437 22.419 8 12 2.563Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LeakDetect.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: "M24 12.776v5.95c0 1.254-.804 2.063-2.053 2.063h-9.465c-.079.002-.16.002-.237-.01-.198-.033-.294-.161-.305-.349-.011-.204.075-.348.284-.396.085-.018.177-.018.268-.017h9.353c.922 0 1.372-.44 1.372-1.356v-2.954c-.001-2.955-.002-5.909.006-8.86 0-.578-.225-.975-.724-1.264A1464.97 1464.97 0 0 1 14.54.957c-.15-.086-.257-.091-.412-.006-2.675 1.56-5.355 3.115-8.03 4.664-.445.257-.648.622-.648 1.141.008 1.42.007 2.838.006 4.26l-.001 1.422c0 .097 0 .198-.016.295-.038.241-.204.38-.418.364-.215-.016-.349-.171-.354-.418V6.65c0-.723.316-1.286.927-1.64 1.934-1.14 3.876-2.269 5.818-3.398.873-.507 1.746-1.015 2.618-1.524.199-.117.37-.117.574 0 1.226.714 2.452 1.426 3.677 2.137h.002v.001c1.582.918 3.162 1.835 4.741 2.756.66.38.97.981.97 1.737C24 8.739 24 10.76 24 12.776ZM9.286 11.157c-.026 2.755 2.24 5.012 5.58 5.012 1.11-.022 2.471-.676 3.484-2 .794-1.05 1.147-2.245.938-3.57-.112-.734-.46-1.382-.841-2.01-1.05-1.72-2.39-3.2-3.822-4.604-.209-.203-.407-.198-.632.022-.306.3-.606.605-.9.916-1.17 1.233-2.268 2.52-3.1 4.015-.385.691-.701 1.41-.707 2.22Zm4.575-5.905.453-.484c1.394 1.436 2.707 2.868 3.656 4.588 1.082 1.946.541 4.133-1.346 5.344-1.388.89-2.867.954-4.32.172-1.447-.783-2.187-2.053-2.23-3.71-.01-.536.199-1.029.434-1.5.622-1.26 1.496-2.348 2.418-3.393.303-.343.616-.677.935-1.017Zm-1.096 5.525c-.252.005-.391.177-.386.471.016.97.89 1.839 1.866 1.85.278 0 .455-.134.471-.365.016-.236-.15-.391-.445-.418-.627-.054-1.045-.477-1.099-1.104-.026-.279-.176-.44-.407-.434Zm-2.884 6.946c-1.356-1.291-2.97-1.93-4.84-1.95-1.881.02-3.505.664-4.861 1.972-.22.209-.236.423-.06.605.167.172.392.156.612-.048 2.497-2.337 6.116-2.337 8.613 0 .215.198.445.22.611.048.177-.176.15-.412-.075-.627Zm-1.78 2.707c-.857-.782-1.484-1.206-3.242-1.206-.433.029-.585.067-.899.144l-.114.028c-.75.187-1.4.573-1.957 1.11-.177.176-.187.417-.043.578.14.16.381.166.574.005l.014-.012c.032-.027.06-.05.088-.079a3.704 3.704 0 0 1 4.792-.203c.056.045.109.093.16.142h.001c.072.067.144.134.225.19.171.123.353.123.509-.032.155-.15.16-.332.037-.51a.778.778 0 0 0-.144-.155Zm-3.065 1.898c.445 0 .782.332.782.777a.78.78 0 0 1-.788.777.77.77 0 0 1-.76-.772.748.748 0 0 1 .766-.782Z",
-    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: "M24 12.776v5.95c0 1.254-.804 2.063-2.053 2.063h-9.465c-.079.002-.16.002-.237-.01-.198-.033-.294-.161-.305-.349-.011-.204.075-.348.284-.396.085-.018.177-.018.268-.017h9.353c.922 0 1.372-.44 1.372-1.356v-2.954c-.001-2.955-.002-5.909.006-8.86 0-.578-.225-.975-.724-1.264A1464.97 1464.97 0 0 1 14.54.957c-.15-.086-.257-.091-.412-.006-2.675 1.56-5.355 3.115-8.03 4.664-.445.257-.648.622-.648 1.141.008 1.42.007 2.838.006 4.26l-.001 1.422c0 .097 0 .198-.016.295-.038.241-.204.38-.418.364-.215-.016-.349-.171-.354-.418V6.65c0-.723.316-1.286.927-1.64 1.934-1.14 3.876-2.269 5.818-3.398.873-.507 1.746-1.015 2.618-1.524.199-.117.37-.117.574 0 1.226.714 2.452 1.426 3.677 2.137h.002v.001c1.582.918 3.162 1.835 4.741 2.756.66.38.97.981.97 1.737C24 8.739 24 10.76 24 12.776ZM9.286 11.157c-.026 2.755 2.24 5.012 5.58 5.012 1.11-.022 2.471-.676 3.484-2 .794-1.05 1.147-2.245.938-3.57-.112-.734-.46-1.382-.841-2.01-1.05-1.72-2.39-3.2-3.822-4.604-.209-.203-.407-.198-.632.022-.306.3-.606.605-.9.916-1.17 1.233-2.268 2.52-3.1 4.015-.385.691-.701 1.41-.707 2.22Zm4.575-5.905.453-.484c1.394 1.436 2.707 2.868 3.656 4.588 1.082 1.946.541 4.133-1.346 5.344-1.388.89-2.867.954-4.32.172-1.447-.783-2.187-2.053-2.23-3.71-.01-.536.199-1.029.434-1.5.622-1.26 1.496-2.348 2.418-3.393.303-.343.616-.677.935-1.017Zm-1.096 5.525c-.252.005-.391.177-.386.471.016.97.89 1.839 1.866 1.85.278 0 .455-.134.471-.365.016-.236-.15-.391-.445-.418-.627-.054-1.045-.477-1.099-1.104-.026-.279-.176-.44-.407-.434Zm-2.884 6.946c-1.356-1.291-2.97-1.93-4.84-1.95-1.881.02-3.505.664-4.861 1.972-.22.209-.236.423-.06.605.167.172.392.156.612-.048 2.497-2.337 6.116-2.337 8.613 0 .215.198.445.22.611.048.177-.176.15-.412-.075-.627Zm-1.78 2.707c-.857-.782-1.484-1.206-3.242-1.206-.433.029-.585.067-.899.144l-.114.028c-.75.187-1.4.573-1.957 1.11-.177.176-.187.417-.043.578.14.16.381.166.574.005l.014-.012c.032-.027.06-.05.088-.079a3.704 3.704 0 0 1 4.792-.203c.056.045.109.093.16.142h.001c.072.067.144.134.225.19.171.123.353.123.509-.032.155-.15.16-.332.037-.51a.778.778 0 0 0-.144-.155Zm-3.065 1.898c.445 0 .782.332.782.777a.78.78 0 0 1-.788.777.77.77 0 0 1-.76-.772.748.748 0 0 1 .766-.782Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Lifesaver.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.162 5.623A11.929 11.929 0 0 1 24 12c0 2.34-.673 4.526-1.836 6.374a.496.496 0 0 1-.081.127 12.096 12.096 0 0 1-3.582 3.582.496.496 0 0 1-.13.082A11.929 11.929 0 0 1 12 24c-2.34 0-4.524-.673-6.371-1.835a.504.504 0 0 1-.133-.084 12.097 12.097 0 0 1-3.576-3.576.497.497 0 0 1-.087-.136A11.929 11.929 0 0 1 0 12c0-2.339.673-4.524 1.835-6.371a.497.497 0 0 1 .082-.13A12.096 12.096 0 0 1 5.5 1.917a.497.497 0 0 1 .13-.082A11.929 11.929 0 0 1 12 0c2.341 0 4.528.674 6.377 1.838.042.02.083.045.12.077a12.096 12.096 0 0 1 3.588 3.588.495.495 0 0 1 .077.12Zm-1.102.146a11.093 11.093 0 0 0-2.829-2.83l-3.645 3.647a6.038 6.038 0 0 1 2.828 2.828L21.06 5.77Zm.543.87-3.807 3.807a5.99 5.99 0 0 1 0 3.109l3.807 3.806A10.932 10.932 0 0 0 23 12c0-1.945-.507-3.773-1.397-5.36Zm-4.854 3.796a5.024 5.024 0 0 0-3.221-3.196A4.982 4.982 0 0 0 12 7a4.983 4.983 0 0 0-1.554.247A5.009 5.009 0 0 0 7 12a5.006 5.006 0 0 0 6.537 4.758l.007-.002a5.023 5.023 0 0 0 3.218-3.23c.155-.482.238-.994.238-1.526a4.983 4.983 0 0 0-.25-1.565Zm.611-8.038A10.932 10.932 0 0 0 12 1c-1.944 0-3.773.507-5.36 1.396l3.807 3.808a5.99 5.99 0 0 1 3.107 0l3.806-3.807ZM5.77 21.06l3.645-3.646a6.038 6.038 0 0 1-2.828-2.828L2.94 18.23a11.093 11.093 0 0 0 2.829 2.83Zm.87.543A10.932 10.932 0 0 0 12 23c1.944 0 3.773-.507 5.36-1.396l-3.807-3.807a5.993 5.993 0 0 1-3.107 0L6.64 21.602ZM2.398 17.36l3.807-3.806a5.99 5.99 0 0 1 0-3.107L2.396 6.64A10.932 10.932 0 0 0 1 12c0 1.945.507 3.773 1.397 5.36Zm18.663.872-3.646-3.646a6.037 6.037 0 0 1-2.83 2.829l3.647 3.646a11.09 11.09 0 0 0 2.829-2.83ZM5.77 2.939a11.093 11.093 0 0 0-2.83 2.83l3.646 3.646a6.038 6.038 0 0 1 2.828-2.829L5.769 2.94Z",
-    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.162 5.623A11.929 11.929 0 0 1 24 12c0 2.34-.673 4.526-1.836 6.374a.496.496 0 0 1-.081.127 12.096 12.096 0 0 1-3.582 3.582.496.496 0 0 1-.13.082A11.929 11.929 0 0 1 12 24c-2.34 0-4.524-.673-6.371-1.835a.504.504 0 0 1-.133-.084 12.097 12.097 0 0 1-3.576-3.576.497.497 0 0 1-.087-.136A11.929 11.929 0 0 1 0 12c0-2.339.673-4.524 1.835-6.371a.497.497 0 0 1 .082-.13A12.096 12.096 0 0 1 5.5 1.917a.497.497 0 0 1 .13-.082A11.929 11.929 0 0 1 12 0c2.341 0 4.528.674 6.377 1.838.042.02.083.045.12.077a12.096 12.096 0 0 1 3.588 3.588.495.495 0 0 1 .077.12Zm-1.102.146a11.093 11.093 0 0 0-2.829-2.83l-3.645 3.647a6.038 6.038 0 0 1 2.828 2.828L21.06 5.77Zm.543.87-3.807 3.807a5.99 5.99 0 0 1 0 3.109l3.807 3.806A10.932 10.932 0 0 0 23 12c0-1.945-.507-3.773-1.397-5.36Zm-4.854 3.796a5.024 5.024 0 0 0-3.221-3.196A4.982 4.982 0 0 0 12 7a4.983 4.983 0 0 0-1.554.247A5.009 5.009 0 0 0 7 12a5.006 5.006 0 0 0 6.537 4.758l.007-.002a5.023 5.023 0 0 0 3.218-3.23c.155-.482.238-.994.238-1.526a4.983 4.983 0 0 0-.25-1.565Zm.611-8.038A10.932 10.932 0 0 0 12 1c-1.944 0-3.773.507-5.36 1.396l3.807 3.808a5.99 5.99 0 0 1 3.107 0l3.806-3.807ZM5.77 21.06l3.645-3.646a6.038 6.038 0 0 1-2.828-2.828L2.94 18.23a11.093 11.093 0 0 0 2.829 2.83Zm.87.543A10.932 10.932 0 0 0 12 23c1.944 0 3.773-.507 5.36-1.396l-3.807-3.807a5.993 5.993 0 0 1-3.107 0L6.64 21.602ZM2.398 17.36l3.807-3.806a5.99 5.99 0 0 1 0-3.107L2.396 6.64A10.932 10.932 0 0 0 1 12c0 1.945.507 3.773 1.397 5.36Zm18.663.872-3.646-3.646a6.037 6.037 0 0 1-2.83 2.829l3.647 3.646a11.09 11.09 0 0 0 2.829-2.83ZM5.77 2.939a11.093 11.093 0 0 0-2.83 2.83l3.646 3.646a6.038 6.038 0 0 1 2.828-2.829L5.769 2.94Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Lightbulb.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.5 23a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3Zm1-2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5Zm0-2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5ZM12 0c4.411 0 8 3.589 8 8 0 1.92-1.089 3.567-2.165 5.031l-.338.457c-.201.27-.4.537-.59.803a4.628 4.628 0 0 0-.758 1.732C15.891 17.188 14.912 18 13.768 18h-3.536c-1.087 0-2.025-.734-2.337-1.805l-.044-.172a4.621 4.621 0 0 0-.758-1.732l-.29-.4-.638-.86C5.089 11.567 4 9.921 4 8c0-4.411 3.589-8 8-8Zm0 1C8.14 1 5 4.141 5 8c0 1.51.831 2.864 1.77 4.165l.536.726c.205.275.407.548.601.818a5.69 5.69 0 0 1 .921 2.098c.155.703.733 1.193 1.404 1.193h3.536c.671 0 1.249-.49 1.404-1.193a5.688 5.688 0 0 1 .921-2.098l.296-.407.84-1.137C18.17 10.865 19 9.509 19 8c0-3.859-3.14-7-7-7Z",
-    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.5 23a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3Zm1-2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5Zm0-2a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1h5ZM12 0c4.411 0 8 3.589 8 8 0 1.92-1.089 3.567-2.165 5.031l-.338.457c-.201.27-.4.537-.59.803a4.628 4.628 0 0 0-.758 1.732C15.891 17.188 14.912 18 13.768 18h-3.536c-1.087 0-2.025-.734-2.337-1.805l-.044-.172a4.621 4.621 0 0 0-.758-1.732l-.29-.4-.638-.86C5.089 11.567 4 9.921 4 8c0-4.411 3.589-8 8-8Zm0 1C8.14 1 5 4.141 5 8c0 1.51.831 2.864 1.77 4.165l.536.726c.205.275.407.548.601.818a5.69 5.69 0 0 1 .921 2.098c.155.703.733 1.193 1.404 1.193h3.536c.671 0 1.249-.49 1.404-1.193a5.688 5.688 0 0 1 .921-2.098l.296-.407.84-1.137C18.17 10.865 19 9.509 19 8c0-3.859-3.14-7-7-7Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LinkExternal.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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
-    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.302 5h5.883a.488.488 0 0 1 .087.969l-.087.007H4.302a.325.325 0 0 0-.319.26l-.007.066v13.396c0 .158.112.289.26.319l.066.006h13.396a.325.325 0 0 0 .319-.26l.006-.065V13.62a.488.488 0 0 1 .97-.088l.007.088v6.078c0 .673-.513 1.229-1.169 1.295l-.133.007H4.302a1.303 1.303 0 0 1-1.295-1.169L3 19.698V6.302c0-.673.513-1.228 1.169-1.295L4.302 5h5.883-5.883Zm8.458-2h7.734a.508.508 0 0 1 .468.314l.003.019a.572.572 0 0 1 .03.112l.005.06v7.736a.505.505 0 0 1-1 .091l-.009-.09V4.72L9.861 14.852a.503.503 0 0 1-.772-.643l.06-.07 10.127-10.13H12.76a.504.504 0 0 1-.091-1l.09-.009h7.735-7.734Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/List.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 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 7Zm-2 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 12Zm-2 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 17Z"
-  })]
-});
+}) => {
+  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 7a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 7Zm-2 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 12Zm-2 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 0a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15A.5.5 0 0 1 6 17Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LocationAdd.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.5 9v1.5a.5.5 0 0 1-1 0V9H10a.5.5 0 0 1 0-1h1.5V6.5a.5.5 0 0 1 1 0V8H14a.5.5 0 0 1 0 1h-1.5ZM12 24a.501.501 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.501.501 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm0 13a5.506 5.506 0 0 1-5.5-5.5C6.5 5.467 8.968 3 12 3s5.5 2.467 5.5 5.5S15.032 14 12 14Zm0-10a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5S14.481 4 12 4Z",
-    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.5 9v1.5a.5.5 0 0 1-1 0V9H10a.5.5 0 0 1 0-1h1.5V6.5a.5.5 0 0 1 1 0V8H14a.5.5 0 0 1 0 1h-1.5ZM12 24a.501.501 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.501.501 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm0 13a5.506 5.506 0 0 1-5.5-5.5C6.5 5.467 8.968 3 12 3s5.5 2.467 5.5 5.5S15.032 14 12 14Zm0-10a4.505 4.505 0 0 0-4.5 4.5c0 2.481 2.019 4.5 4.5 4.5s4.5-2.019 4.5-4.5S14.481 4 12 4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/LocationHome.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 24a.5.5 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.5.5 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm3 12h-2a.5.5 0 0 1-.5-.5V10h-1v2.5a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V9H8a.5.5 0 0 1-.354-.854l4-4a.5.5 0 0 1 .707 0l4 4A.499.499 0 0 1 16 9h-.5v3.5a.5.5 0 0 1-.5.5Zm-1.5-1h1V8.5a.5.5 0 0 1 .325-.468L12 5.207 9.175 8.032A.5.5 0 0 1 9.5 8.5V12h1V9.5A.5.5 0 0 1 11 9h2a.5.5 0 0 1 .5.5V12Z",
-    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 24a.5.5 0 0 1-.327-.122C11.339 23.59 3.5 16.718 3.5 8.5 3.5 3.813 7.313 0 12 0c4.687 0 8.5 3.813 8.5 8.5 0 8.218-7.839 15.09-8.173 15.378A.5.5 0 0 1 12 24Zm0-23C7.864 1 4.5 4.364 4.5 8.5c0 6.842 6.016 12.926 7.5 14.322 1.483-1.397 7.5-7.488 7.5-14.322C19.5 4.364 16.136 1 12 1Zm3 12h-2a.5.5 0 0 1-.5-.5V10h-1v2.5a.5.5 0 0 1-.5.5H9a.5.5 0 0 1-.5-.5V9H8a.5.5 0 0 1-.354-.854l4-4a.5.5 0 0 1 .707 0l4 4A.499.499 0 0 1 16 9h-.5v3.5a.5.5 0 0 1-.5.5Zm-1.5-1h1V8.5a.5.5 0 0 1 .325-.468L12 5.207 9.175 8.032A.5.5 0 0 1 9.5 8.5V12h1V9.5A.5.5 0 0 1 11 9h2a.5.5 0 0 1 .5.5V12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};