@telus-uds/palette-allium 5.3.2 → 5.3.3

package/build/web/icons/Gift.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.005 10.023c0 .6-.49 1.09-1.092 1.09H2.087a1.091 1.091 0 0 1-1.091-1.09V6.85c0-.601.489-1.09 1.09-1.09h8.162c-.847.443-1.766.97-2.298 1.428a.495.495 0 1 0 .645.752c.753-.645 2.486-1.51 3.404-1.945.92.436 2.652 1.299 3.405 1.945a.495.495 0 1 0 .645-.752c-.53-.457-1.448-.985-2.296-1.428h8.16c.602 0 1.091.489 1.091 1.09v3.173Zm-2.38 11.896c0 .6-.49 1.088-1.091 1.088H3.672a1.09 1.09 0 0 1-1.091-1.088v-9.815h18.043v9.815ZM7.75 3.486c-.601-.601-.601-1.473 0-2.075A1.44 1.44 0 0 1 8.777.99h.03a1.49 1.49 0 0 1 1.018.42c.393.393.853 1.93 1.14 3.216-1.284-.288-2.821-.748-3.214-1.141Zm6.423-2.075c.503-.501 1.456-.62 2.076 0 .6.602.6 1.474 0 2.075-.393.393-1.931.853-3.216 1.14.287-1.284.746-2.822 1.14-3.215Zm7.739 3.358h-5.917c.403-.176.742-.371.954-.582.992-.991.99-2.486 0-3.477-.938-.941-2.532-.943-3.476 0-.72.72-1.255 2.95-1.475 4.004C11.78 3.66 11.245 1.43 10.525.71A2.489 2.489 0 0 0 8.827 0C8.184.007 7.52.239 7.05.71c-.991.99-.991 2.486 0 3.477.21.21.55.406.954.582H2.087a2.084 2.084 0 0 0-2.082 2.08v3.174c0 .976.677 1.799 1.586 2.021v9.875c0 1.148.934 2.081 2.082 2.081h15.86a2.084 2.084 0 0 0 2.082-2.081v-9.815h.298a2.085 2.085 0 0 0 2.082-2.081V6.85a2.084 2.084 0 0 0-2.082-2.081Z",
-    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.005 10.023c0 .6-.49 1.09-1.092 1.09H2.087a1.091 1.091 0 0 1-1.091-1.09V6.85c0-.601.489-1.09 1.09-1.09h8.162c-.847.443-1.766.97-2.298 1.428a.495.495 0 1 0 .645.752c.753-.645 2.486-1.51 3.404-1.945.92.436 2.652 1.299 3.405 1.945a.495.495 0 1 0 .645-.752c-.53-.457-1.448-.985-2.296-1.428h8.16c.602 0 1.091.489 1.091 1.09v3.173Zm-2.38 11.896c0 .6-.49 1.088-1.091 1.088H3.672a1.09 1.09 0 0 1-1.091-1.088v-9.815h18.043v9.815ZM7.75 3.486c-.601-.601-.601-1.473 0-2.075A1.44 1.44 0 0 1 8.777.99h.03a1.49 1.49 0 0 1 1.018.42c.393.393.853 1.93 1.14 3.216-1.284-.288-2.821-.748-3.214-1.141Zm6.423-2.075c.503-.501 1.456-.62 2.076 0 .6.602.6 1.474 0 2.075-.393.393-1.931.853-3.216 1.14.287-1.284.746-2.822 1.14-3.215Zm7.739 3.358h-5.917c.403-.176.742-.371.954-.582.992-.991.99-2.486 0-3.477-.938-.941-2.532-.943-3.476 0-.72.72-1.255 2.95-1.475 4.004C11.78 3.66 11.245 1.43 10.525.71A2.489 2.489 0 0 0 8.827 0C8.184.007 7.52.239 7.05.71c-.991.99-.991 2.486 0 3.477.21.21.55.406.954.582H2.087a2.084 2.084 0 0 0-2.082 2.08v3.174c0 .976.677 1.799 1.586 2.021v9.875c0 1.148.934 2.081 2.082 2.081h15.86a2.084 2.084 0 0 0 2.082-2.081v-9.815h.298a2.085 2.085 0 0 0 2.082-2.081V6.85a2.084 2.084 0 0 0-2.082-2.081Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Globe1.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M12 0c6.617 0 12 5.383 12 12 0 2.332-.668 4.51-1.824 6.354l-.185.238a.495.495 0 0 1-.155.279C19.662 21.97 16.064 24 12 24 5.383 24 0 18.617 0 12 0 5.59 5.051.338 11.383.016A.417.417 0 0 1 11.5 0l.083.007C11.722.002 11.861 0 12 0ZM4.896 3.61l-.182.156A10.977 10.977 0 0 0 1 12c0 6.065 4.935 11 11 11 .43 0 .856-.025 1.274-.073l.27-.336c.61-.771 1.34-1.785 1.477-2.237.123-.407.152-1.336.017-1.664-.126-.304-.752-.743-1.256-1.095l-.328-.232C12.694 16.82 12 16.24 12 15.5c0-.404.327-.656.63-.855l.283-.187a1.35 1.35 0 0 0 .082-.061c-.092-.857-1.304-1.88-2.522-2.792l-1.292-.95c-.872-.644-1.652-1.26-2.085-1.863-.354-.487-.936-1.552-1.082-2.178-.08-.34-.04-.764.02-1.218l.068-.495c.056-.428.104-.953-.008-1.108-.002.031-.254.005-.406-.01-.232-.023-.546-.054-.792-.173Zm6.067-2.561-.104.01a10.93 10.93 0 0 0-4.893 1.748c.373.043.733.115.939.4.31.43.284 1.06.204 1.708l-.095.7c-.039.31-.066.609-.028.77.104.439.592 1.369.919 1.823.33.457.972.975 1.71 1.526l1.315.965C12.53 11.883 14 13.117 14 14.5c0 .36-.259.598-.528.787l-.373.247c-.03.02-.058.04-.081.059.104.277.622.675 1.077 1l.638.452c.554.399 1.034.795 1.228 1.264.255.615.181 1.794.017 2.336-.156.517-.716 1.338-1.216 2.004a11.04 11.04 0 0 0 6.271-4.379l.077-.494c.182-1.29.22-2.656-.015-2.983-.123-.171-.649-.296-1.108-.385l-.291-.055c-.563-.104-1.096-.203-1.458-.427-.166-.102-.312-.26-.458-.436l-.235-.287c-.09-.108-.188-.215-.241-.244-.172-.07-.55-.043-.925 0l-.316.037c-.661.083-1.283.16-1.753-.034l-.185-.083c-1.064-.507-3.666-2.17-3.086-3.57.248-.596.936-.487 1.484-.371l.414.087c.144.027.28.046.342.031.299-.19.588-.863.84-1.543l.38-1.053c.182-.492.369-.936.596-1.251.102-.14.25-.26.415-.38l.31-.222.093-.071a5.12 5.12 0 0 0-.277-.096l-.829-.257a2.262 2.262 0 0 1-.6-.277 1.503 1.503 0 0 1-.288-.289l-.315-.421a2.6 2.6 0 0 0-.073-.091l-.111.167c-.21.324-.471.728-.92.728-.691 0-1.322-.973-1.462-1.308-.179-.43-.124-1.072-.075-1.643Zm1.325-.045L11.97.999l-.043.543c-.02.307-.024.628.034.767.08.193.313.491.479.629l.273-.41c.188-.27.427-.528.786-.528.387 0 .66.28.896.584l.257.346c.056.074.11.142.14.165.073.052.252.115.44.174l.494.151c.591.187 1.175.434 1.266 1 .066.405-.203.699-.507.937l-.488.356a.681.681 0 0 0-.095.083c-.145.202-.29.54-.433.92l-.367 1.014c-.338.927-.717 1.811-1.341 2.196-.283.176-.635.152-1.015.082l-.631-.13a2.987 2.987 0 0 0-.15-.025c.171.537 1.615 1.727 2.725 2.187.175.072.556.045.931.003l.316-.037c.66-.083 1.284-.16 1.753.034.246.103.448.318.64.547l.25.304c.072.084.142.161.181.186.203.125.688.215 1.114.294l.373.07c.682.136 1.33.316 1.656.769.269.373.357 1.04.356 1.754.477-1.23.739-2.567.739-3.964 0-5.969-4.78-10.843-10.712-10.996Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 0c6.617 0 12 5.383 12 12 0 2.332-.668 4.51-1.824 6.354l-.185.238a.495.495 0 0 1-.155.279C19.662 21.97 16.064 24 12 24 5.383 24 0 18.617 0 12 0 5.59 5.051.338 11.383.016A.417.417 0 0 1 11.5 0l.083.007C11.722.002 11.861 0 12 0ZM4.896 3.61l-.182.156A10.977 10.977 0 0 0 1 12c0 6.065 4.935 11 11 11 .43 0 .856-.025 1.274-.073l.27-.336c.61-.771 1.34-1.785 1.477-2.237.123-.407.152-1.336.017-1.664-.126-.304-.752-.743-1.256-1.095l-.328-.232C12.694 16.82 12 16.24 12 15.5c0-.404.327-.656.63-.855l.283-.187a1.35 1.35 0 0 0 .082-.061c-.092-.857-1.304-1.88-2.522-2.792l-1.292-.95c-.872-.644-1.652-1.26-2.085-1.863-.354-.487-.936-1.552-1.082-2.178-.08-.34-.04-.764.02-1.218l.068-.495c.056-.428.104-.953-.008-1.108-.002.031-.254.005-.406-.01-.232-.023-.546-.054-.792-.173Zm6.067-2.561-.104.01a10.93 10.93 0 0 0-4.893 1.748c.373.043.733.115.939.4.31.43.284 1.06.204 1.708l-.095.7c-.039.31-.066.609-.028.77.104.439.592 1.369.919 1.823.33.457.972.975 1.71 1.526l1.315.965C12.53 11.883 14 13.117 14 14.5c0 .36-.259.598-.528.787l-.373.247c-.03.02-.058.04-.081.059.104.277.622.675 1.077 1l.638.452c.554.399 1.034.795 1.228 1.264.255.615.181 1.794.017 2.336-.156.517-.716 1.338-1.216 2.004a11.04 11.04 0 0 0 6.271-4.379l.077-.494c.182-1.29.22-2.656-.015-2.983-.123-.171-.649-.296-1.108-.385l-.291-.055c-.563-.104-1.096-.203-1.458-.427-.166-.102-.312-.26-.458-.436l-.235-.287c-.09-.108-.188-.215-.241-.244-.172-.07-.55-.043-.925 0l-.316.037c-.661.083-1.283.16-1.753-.034l-.185-.083c-1.064-.507-3.666-2.17-3.086-3.57.248-.596.936-.487 1.484-.371l.414.087c.144.027.28.046.342.031.299-.19.588-.863.84-1.543l.38-1.053c.182-.492.369-.936.596-1.251.102-.14.25-.26.415-.38l.31-.222.093-.071a5.12 5.12 0 0 0-.277-.096l-.829-.257a2.262 2.262 0 0 1-.6-.277 1.503 1.503 0 0 1-.288-.289l-.315-.421a2.6 2.6 0 0 0-.073-.091l-.111.167c-.21.324-.471.728-.92.728-.691 0-1.322-.973-1.462-1.308-.179-.43-.124-1.072-.075-1.643Zm1.325-.045L11.97.999l-.043.543c-.02.307-.024.628.034.767.08.193.313.491.479.629l.273-.41c.188-.27.427-.528.786-.528.387 0 .66.28.896.584l.257.346c.056.074.11.142.14.165.073.052.252.115.44.174l.494.151c.591.187 1.175.434 1.266 1 .066.405-.203.699-.507.937l-.488.356a.681.681 0 0 0-.095.083c-.145.202-.29.54-.433.92l-.367 1.014c-.338.927-.717 1.811-1.341 2.196-.283.176-.635.152-1.015.082l-.631-.13a2.987 2.987 0 0 0-.15-.025c.171.537 1.615 1.727 2.725 2.187.175.072.556.045.931.003l.316-.037c.66-.083 1.284-.16 1.753.034.246.103.448.318.64.547l.25.304c.072.084.142.161.181.186.203.125.688.215 1.114.294l.373.07c.682.136 1.33.316 1.656.769.269.373.357 1.04.356 1.754.477-1.23.739-2.567.739-3.964 0-5.969-4.78-10.843-10.712-10.996Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Globe2.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.628 5.217H20.6a10.998 10.998 0 0 0-5.174-3.626c.884.898 1.636 2.138 2.203 3.626Zm.355 1.044c.469 1.554.75 3.322.794 5.217h4.167a10.886 10.886 0 0 0-1.614-5.217h-3.347Zm.794 6.26c-.044 1.896-.325 3.664-.794 5.218h3.347a10.885 10.885 0 0 0 1.614-5.217h-4.167Zm-1.149 6.262c-.567 1.487-1.32 2.728-2.203 3.625a10.998 10.998 0 0 0 5.174-3.625h-2.97Zm-11.256 0H3.4a10.997 10.997 0 0 0 5.174 3.625c-.884-.897-1.636-2.138-2.203-3.625Zm-.355-1.044c-.469-1.554-.75-3.322-.794-5.217H1.056c.09 1.906.669 3.686 1.614 5.217h3.347Zm-.794-6.26c.044-1.896.325-3.664.794-5.218H2.67a10.885 10.885 0 0 0-1.614 5.217h4.167Zm1.149-6.262c.567-1.488 1.32-2.728 2.203-3.626a10.998 10.998 0 0 0-5.174 3.626h2.97ZM1.984 18.603a.521.521 0 0 1-.078-.12A11.93 11.93 0 0 1 0 12c0-2.386.7-4.612 1.906-6.483a.522.522 0 0 1 .078-.12C4.134 2.147 7.821 0 12 0c4.181 0 7.87 2.15 10.02 5.402.027.033.05.07.07.109A11.93 11.93 0 0 1 24 12a11.93 11.93 0 0 1-1.91 6.488.521.521 0 0 1-.072.112C19.868 21.851 16.18 24 12 24c-4.18 0-7.866-2.148-10.016-5.397ZM12.522 1.091v4.126h3.947c-.957-2.276-2.372-3.84-3.947-4.126Zm4.337 5.17h-4.337v5.217h5.21c-.049-1.892-.364-3.677-.873-5.217Zm.873 6.26h-5.21v5.218h4.337c.51-1.54.824-3.325.873-5.217Zm-1.263 6.262h-3.947v4.126c1.575-.286 2.99-1.85 3.947-4.126Zm-4.99 4.126v-4.126H7.53c.957 2.276 2.372 3.84 3.947 4.126ZM7.14 17.74h4.337v-5.217h-5.21c.049 1.892.364 3.677.873 5.217Zm-.873-6.26h5.21V6.26H7.141c-.51 1.54-.824 3.325-.873 5.217ZM7.53 5.216h3.947V1.091c-1.575.286-2.99 1.85-3.947 4.126Z",
-    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.628 5.217H20.6a10.998 10.998 0 0 0-5.174-3.626c.884.898 1.636 2.138 2.203 3.626Zm.355 1.044c.469 1.554.75 3.322.794 5.217h4.167a10.886 10.886 0 0 0-1.614-5.217h-3.347Zm.794 6.26c-.044 1.896-.325 3.664-.794 5.218h3.347a10.885 10.885 0 0 0 1.614-5.217h-4.167Zm-1.149 6.262c-.567 1.487-1.32 2.728-2.203 3.625a10.998 10.998 0 0 0 5.174-3.625h-2.97Zm-11.256 0H3.4a10.997 10.997 0 0 0 5.174 3.625c-.884-.897-1.636-2.138-2.203-3.625Zm-.355-1.044c-.469-1.554-.75-3.322-.794-5.217H1.056c.09 1.906.669 3.686 1.614 5.217h3.347Zm-.794-6.26c.044-1.896.325-3.664.794-5.218H2.67a10.885 10.885 0 0 0-1.614 5.217h4.167Zm1.149-6.262c.567-1.488 1.32-2.728 2.203-3.626a10.998 10.998 0 0 0-5.174 3.626h2.97ZM1.984 18.603a.521.521 0 0 1-.078-.12A11.93 11.93 0 0 1 0 12c0-2.386.7-4.612 1.906-6.483a.522.522 0 0 1 .078-.12C4.134 2.147 7.821 0 12 0c4.181 0 7.87 2.15 10.02 5.402.027.033.05.07.07.109A11.93 11.93 0 0 1 24 12a11.93 11.93 0 0 1-1.91 6.488.521.521 0 0 1-.072.112C19.868 21.851 16.18 24 12 24c-4.18 0-7.866-2.148-10.016-5.397ZM12.522 1.091v4.126h3.947c-.957-2.276-2.372-3.84-3.947-4.126Zm4.337 5.17h-4.337v5.217h5.21c-.049-1.892-.364-3.677-.873-5.217Zm.873 6.26h-5.21v5.218h4.337c.51-1.54.824-3.325.873-5.217Zm-1.263 6.262h-3.947v4.126c1.575-.286 2.99-1.85 3.947-4.126Zm-4.99 4.126v-4.126H7.53c.957 2.276 2.372 3.84 3.947 4.126ZM7.14 17.74h4.337v-5.217h-5.21c.049 1.892.364 3.677.873 5.217Zm-.873-6.26h5.21V6.26H7.141c-.51 1.54-.824 3.325-.873 5.217ZM7.53 5.216h3.947V1.091c-1.575.286-2.99 1.85-3.947 4.126Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Grid.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: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm1 0v6h6V4H4ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm1 0v6h6v-6H4Zm9-10a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm1 0v6h6V4h-6Zm-1 10a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-6Zm1 0v6h6v-6h-6Z",
-    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: "M3 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm1 0v6h6V4H4ZM3 14a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-6Zm1 0v6h6v-6H4Zm9-10a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1V4Zm1 0v6h6V4h-6Zm-1 10a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-6Zm1 0v6h6v-6h-6Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/HeadBoth.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.101 3.16.08.003c.872.013 1.273.196 1.748.621l.12.112h.16c1.52 0 2.314 1.534 2.362 4.56l.002.298c0 3.573 1.254 4.633 1.267 4.644a.517.517 0 0 1 .02.816l-.07.05c-.039.022-.912.526-2.63.862l-.252.047.097.377 2.736.67c1.92.47 3.26 2.154 3.26 4.097a.524.524 0 0 1-.428.515l-.094.009H19.52a.521.521 0 0 1-.093-1.034l.093-.008h3.395c-.199-1.188-1.05-2.148-2.223-2.511l-.199-.055-3.039-.744a.52.52 0 0 1-.349-.288l-.032-.09-.315-1.234a.523.523 0 0 1 .433-.645c1.128-.155 1.958-.407 2.49-.61-.45-.662-1.095-2.043-1.146-4.55l-.005-.576c-.02-1.2-.195-3.389-1.202-3.55l-.12-.008h-.368a.513.513 0 0 1-.366-.15l-.204-.196c-.307-.286-.485-.372-1.049-.387a.485.485 0 0 1-.489-.223.53.53 0 0 1-.026-.543.493.493 0 0 1 .395-.279Zm-4.154.013c1.353 0 2.335.443 2.918 1.316.745 1.113.434 1.903.006 2.387l-.064.07-.234.23-.058 1.184c.152.072.29.178.404.307.204.232.312.53.306.835l-.01.13-.184 1.446a1.25 1.25 0 0 1-.818 1.012 5.142 5.142 0 0 1-1.216 2.516l-.175.186.194.758 2.738.67c1.917.471 3.257 2.156 3.257 4.097 0 .257-.184.47-.427.515l-.093.008H.52a.522.522 0 0 1-.52-.52c0-1.874 1.246-3.508 3.054-4.044l.204-.055 2.739-.67.21-.824a5.177 5.177 0 0 1-1.32-2.607 1.254 1.254 0 0 1-.88-.908l-.025-.133-.184-1.447a1.245 1.245 0 0 1 .75-1.297l-.083-.782a7.389 7.389 0 0 1-.037-.606c0-1.378.419-2.968 3.677-3.047 1.128-.727 2.327-.727 2.842-.727Zm-.001 1.041c-.733 0-1.59.075-2.38.63a.53.53 0 0 1-.294.093c-2.593.025-2.804.925-2.804 2.01 0 .325.114 1.312.17 1.74a.511.511 0 0 1-.127.41.515.515 0 0 1-.39.177c-.157 0-.212.037-.244.074a.203.203 0 0 0-.047.1v.051l.183 1.446c.01.082.072.147.152.17l.064.008h.12c.272 0 .499.211.52.48a4.05 4.05 0 0 0 1.268 2.577.517.517 0 0 1 .167.419l-.015.093-.361 1.418a.521.521 0 0 1-.29.346l-.09.031-3.042.744c-1.208.299-2.113 1.212-2.382 2.372l-.04.195h15.842c-.2-1.187-1.05-2.146-2.224-2.51l-.198-.056-3.04-.744a.516.516 0 0 1-.348-.287l-.032-.089-.347-1.358a.52.52 0 0 1 .16-.52 4.009 4.009 0 0 0 1.329-2.63.517.517 0 0 1 .429-.472l.089-.008c.114 0 .203-.05.238-.128l.014-.05.185-1.445a.184.184 0 0 0-.047-.149.222.222 0 0 0-.168-.076.515.515 0 0 1-.51-.463l-.003-.084.09-1.809a.513.513 0 0 1 .092-.27l.063-.075.369-.362c.212-.222.352-.517-.07-1.146-.376-.566-1.067-.853-2.051-.853Z",
-    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.101 3.16.08.003c.872.013 1.273.196 1.748.621l.12.112h.16c1.52 0 2.314 1.534 2.362 4.56l.002.298c0 3.573 1.254 4.633 1.267 4.644a.517.517 0 0 1 .02.816l-.07.05c-.039.022-.912.526-2.63.862l-.252.047.097.377 2.736.67c1.92.47 3.26 2.154 3.26 4.097a.524.524 0 0 1-.428.515l-.094.009H19.52a.521.521 0 0 1-.093-1.034l.093-.008h3.395c-.199-1.188-1.05-2.148-2.223-2.511l-.199-.055-3.039-.744a.52.52 0 0 1-.349-.288l-.032-.09-.315-1.234a.523.523 0 0 1 .433-.645c1.128-.155 1.958-.407 2.49-.61-.45-.662-1.095-2.043-1.146-4.55l-.005-.576c-.02-1.2-.195-3.389-1.202-3.55l-.12-.008h-.368a.513.513 0 0 1-.366-.15l-.204-.196c-.307-.286-.485-.372-1.049-.387a.485.485 0 0 1-.489-.223.53.53 0 0 1-.026-.543.493.493 0 0 1 .395-.279Zm-4.154.013c1.353 0 2.335.443 2.918 1.316.745 1.113.434 1.903.006 2.387l-.064.07-.234.23-.058 1.184c.152.072.29.178.404.307.204.232.312.53.306.835l-.01.13-.184 1.446a1.25 1.25 0 0 1-.818 1.012 5.142 5.142 0 0 1-1.216 2.516l-.175.186.194.758 2.738.67c1.917.471 3.257 2.156 3.257 4.097 0 .257-.184.47-.427.515l-.093.008H.52a.522.522 0 0 1-.52-.52c0-1.874 1.246-3.508 3.054-4.044l.204-.055 2.739-.67.21-.824a5.177 5.177 0 0 1-1.32-2.607 1.254 1.254 0 0 1-.88-.908l-.025-.133-.184-1.447a1.245 1.245 0 0 1 .75-1.297l-.083-.782a7.389 7.389 0 0 1-.037-.606c0-1.378.419-2.968 3.677-3.047 1.128-.727 2.327-.727 2.842-.727Zm-.001 1.041c-.733 0-1.59.075-2.38.63a.53.53 0 0 1-.294.093c-2.593.025-2.804.925-2.804 2.01 0 .325.114 1.312.17 1.74a.511.511 0 0 1-.127.41.515.515 0 0 1-.39.177c-.157 0-.212.037-.244.074a.203.203 0 0 0-.047.1v.051l.183 1.446c.01.082.072.147.152.17l.064.008h.12c.272 0 .499.211.52.48a4.05 4.05 0 0 0 1.268 2.577.517.517 0 0 1 .167.419l-.015.093-.361 1.418a.521.521 0 0 1-.29.346l-.09.031-3.042.744c-1.208.299-2.113 1.212-2.382 2.372l-.04.195h15.842c-.2-1.187-1.05-2.146-2.224-2.51l-.198-.056-3.04-.744a.516.516 0 0 1-.348-.287l-.032-.089-.347-1.358a.52.52 0 0 1 .16-.52 4.009 4.009 0 0 0 1.329-2.63.517.517 0 0 1 .429-.472l.089-.008c.114 0 .203-.05.238-.128l.014-.05.185-1.445a.184.184 0 0 0-.047-.149.222.222 0 0 0-.168-.076.515.515 0 0 1-.51-.463l-.003-.084.09-1.809a.513.513 0 0 1 .092-.27l.063-.075.369-.362c.212-.222.352-.517-.07-1.146-.376-.566-1.067-.853-2.051-.853Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/HeadFemale.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: "M19.782 19.782c-.302.302-.62.577-.948.837l-2.941-1.28a.872.872 0 0 1-.296-.27 13.76 13.76 0 0 0 3.757-1.142.5.5 0 0 0 .093-.847c-.018-.014-1.71-1.41-1.71-6.112 0-5.004-1.566-6.054-2.88-6.054h-.248C13.968 4.232 12.974 3.87 12 3.96c-1.533 0-5.738 1.661-5.738 7.007 0 4.702-1.692 6.098-1.703 6.107a.498.498 0 0 0 .087.852c1.203.566 2.469.942 3.766 1.145a.746.746 0 0 1-.262.246l-2.984 1.301c-.327-.26-.645-.535-.949-.837-4.29-4.291-4.29-11.273 0-15.564A10.975 10.975 0 0 1 12 1c2.818 0 5.636 1.073 7.782 3.218 4.29 4.29 4.29 11.273 0 15.564ZM6.118 21.294l2.475-1.08a1.84 1.84 0 0 0 .961-1.47c.001-.01.006-.017.007-.025.001-.006-.002-.012-.002-.018.001-.01.005-.026.005-.036 0-.025-.011-.046-.014-.07-.005-.034-.008-.067-.02-.098a.466.466 0 0 0-.043-.083c-.017-.029-.032-.056-.054-.08-.021-.024-.046-.04-.071-.06-.026-.02-.05-.04-.08-.055-.03-.014-.061-.02-.093-.029-.024-.007-.044-.019-.07-.022a12.793 12.793 0 0 1-3.427-.872c.625-.846 1.57-2.721 1.57-6.328 0-4.963 3.959-6.006 4.783-6.008.77-.073 1.526.23 1.94.761a.5.5 0 0 0 .395.193h.476c1.636 0 1.88 3.167 1.88 5.054 0 3.607.946 5.482 1.57 6.328-1.1.449-2.25.742-3.425.872-.026.003-.045.015-.07.022-.032.008-.064.015-.094.03-.029.014-.052.034-.078.052-.026.02-.05.038-.073.063-.02.023-.036.05-.053.077-.016.028-.033.054-.044.085-.01.031-.014.064-.019.097-.004.025-.015.045-.015.071 0 .01.004.025.005.035 0 .007-.003.013-.002.02.001.008.006.015.008.024.023.392.24 1.07 1.004 1.49l2.43 1.06a11.034 11.034 0 0 1-11.762 0ZM20.49 3.51c-4.681-4.68-12.297-4.68-16.979 0-4.68 4.681-4.68 12.298 0 16.98A11.968 11.968 0 0 0 12 24c3.075 0 6.148-1.17 8.49-3.51 4.68-4.682 4.68-12.299 0-16.98Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M19.782 19.782c-.302.302-.62.577-.948.837l-2.941-1.28a.872.872 0 0 1-.296-.27 13.76 13.76 0 0 0 3.757-1.142.5.5 0 0 0 .093-.847c-.018-.014-1.71-1.41-1.71-6.112 0-5.004-1.566-6.054-2.88-6.054h-.248C13.968 4.232 12.974 3.87 12 3.96c-1.533 0-5.738 1.661-5.738 7.007 0 4.702-1.692 6.098-1.703 6.107a.498.498 0 0 0 .087.852c1.203.566 2.469.942 3.766 1.145a.746.746 0 0 1-.262.246l-2.984 1.301c-.327-.26-.645-.535-.949-.837-4.29-4.291-4.29-11.273 0-15.564A10.975 10.975 0 0 1 12 1c2.818 0 5.636 1.073 7.782 3.218 4.29 4.29 4.29 11.273 0 15.564ZM6.118 21.294l2.475-1.08a1.84 1.84 0 0 0 .961-1.47c.001-.01.006-.017.007-.025.001-.006-.002-.012-.002-.018.001-.01.005-.026.005-.036 0-.025-.011-.046-.014-.07-.005-.034-.008-.067-.02-.098a.466.466 0 0 0-.043-.083c-.017-.029-.032-.056-.054-.08-.021-.024-.046-.04-.071-.06-.026-.02-.05-.04-.08-.055-.03-.014-.061-.02-.093-.029-.024-.007-.044-.019-.07-.022a12.793 12.793 0 0 1-3.427-.872c.625-.846 1.57-2.721 1.57-6.328 0-4.963 3.959-6.006 4.783-6.008.77-.073 1.526.23 1.94.761a.5.5 0 0 0 .395.193h.476c1.636 0 1.88 3.167 1.88 5.054 0 3.607.946 5.482 1.57 6.328-1.1.449-2.25.742-3.425.872-.026.003-.045.015-.07.022-.032.008-.064.015-.094.03-.029.014-.052.034-.078.052-.026.02-.05.038-.073.063-.02.023-.036.05-.053.077-.016.028-.033.054-.044.085-.01.031-.014.064-.019.097-.004.025-.015.045-.015.071 0 .01.004.025.005.035 0 .007-.003.013-.002.02.001.008.006.015.008.024.023.392.24 1.07 1.004 1.49l2.43 1.06a11.034 11.034 0 0 1-11.762 0ZM20.49 3.51c-4.681-4.68-12.297-4.68-16.979 0-4.68 4.681-4.68 12.298 0 16.98A11.968 11.968 0 0 0 12 24c3.075 0 6.148-1.17 8.49-3.51 4.68-4.682 4.68-12.299 0-16.98Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/HeadMale.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: "m19.25 20.195-2.868-1.245c-.917-.374-1.347-1.814-1.445-2.379.648-.592 1.321-1.523 1.321-2.416 0-.252.061-.352.087-.383a.521.521 0 0 0 .322-.299c.02-.048.488-1.186.488-1.957a.56.56 0 0 0-.016-.129 1.22 1.22 0 0 0-.433-.663V8.437c0-1.484-.477-2.059-.911-2.383-.124-.804-1.017-2.096-3.647-2.096-2.824 0-4.558 2.609-4.558 4.479v2.287a1.224 1.224 0 0 0-.433.663.524.524 0 0 0-.016.129c0 .747.438 1.835.487 1.956.067.164.18.266.308.292.001.001.103.069.103.391 0 .892.672 1.823 1.32 2.416-.098.565-.528 2.005-1.439 2.377l-3.17 1.249A10.953 10.953 0 0 1 1.042 12C1.042 5.957 5.958 1.041 12 1.041S22.958 5.957 22.958 12c0 3.126-1.351 6.108-3.708 8.195Zm-10.942-.28c1.589-.65 2.119-2.991 2.119-3.561a.52.52 0 0 0-.194-.406c-.558-.451-1.152-1.233-1.152-1.793 0-.742-.332-1.097-.555-1.251-.152-.413-.316-.957-.339-1.308l.002-.005a.521.521 0 0 0 .443-.515V8.437C8.632 7.036 10.002 5 12.149 5c1.867 0 2.517.749 2.611 1.169a.492.492 0 0 0-.018.182c.03.282.24.414.356.487.183.113.567.351.567 1.6v2.639a.5.5 0 0 0 .44.512.047.047 0 0 0 .005.01c-.023.349-.186.893-.339 1.306-.192.134-.554.487-.554 1.25 0 .56-.594 1.342-1.154 1.795a.522.522 0 0 0-.192.404c0 .571.527 2.911 2.108 3.556l2.345 1.018A10.836 10.836 0 0 1 12 22.958c-2.267 0-4.441-.696-6.303-2.014l2.611-1.029ZM12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0Z",
-    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: "m19.25 20.195-2.868-1.245c-.917-.374-1.347-1.814-1.445-2.379.648-.592 1.321-1.523 1.321-2.416 0-.252.061-.352.087-.383a.521.521 0 0 0 .322-.299c.02-.048.488-1.186.488-1.957a.56.56 0 0 0-.016-.129 1.22 1.22 0 0 0-.433-.663V8.437c0-1.484-.477-2.059-.911-2.383-.124-.804-1.017-2.096-3.647-2.096-2.824 0-4.558 2.609-4.558 4.479v2.287a1.224 1.224 0 0 0-.433.663.524.524 0 0 0-.016.129c0 .747.438 1.835.487 1.956.067.164.18.266.308.292.001.001.103.069.103.391 0 .892.672 1.823 1.32 2.416-.098.565-.528 2.005-1.439 2.377l-3.17 1.249A10.953 10.953 0 0 1 1.042 12C1.042 5.957 5.958 1.041 12 1.041S22.958 5.957 22.958 12c0 3.126-1.351 6.108-3.708 8.195Zm-10.942-.28c1.589-.65 2.119-2.991 2.119-3.561a.52.52 0 0 0-.194-.406c-.558-.451-1.152-1.233-1.152-1.793 0-.742-.332-1.097-.555-1.251-.152-.413-.316-.957-.339-1.308l.002-.005a.521.521 0 0 0 .443-.515V8.437C8.632 7.036 10.002 5 12.149 5c1.867 0 2.517.749 2.611 1.169a.492.492 0 0 0-.018.182c.03.282.24.414.356.487.183.113.567.351.567 1.6v2.639a.5.5 0 0 0 .44.512.047.047 0 0 0 .005.01c-.023.349-.186.893-.339 1.306-.192.134-.554.487-.554 1.25 0 .56-.594 1.342-1.154 1.795a.522.522 0 0 0-.192.404c0 .571.527 2.911 2.108 3.556l2.345 1.018A10.836 10.836 0 0 1 12 22.958c-2.267 0-4.441-.696-6.303-2.014l2.611-1.029ZM12 0C5.383 0 0 5.383 0 12s5.383 12 12 12 12-5.383 12-12S18.617 0 12 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Headset.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.908 16.245c-.889 2.837-2.098 5.703-2.108 5.73-.025.053-.051.11-.083.16a1.391 1.391 0 0 1-1.907.477l-1.568-.94a1.37 1.37 0 0 1-.583-1.694l1.864-4.09c.217-.531.72-.873 1.282-.873.164 0 .325.03.473.085l2.63 1.146ZM6.485 15.91l1.845 4.047c.259.64.018 1.36-.572 1.716l-1.568.94a1.375 1.375 0 0 1-1.223.103 1.37 1.37 0 0 1-.763-.732c-.051-.12-1.245-2.966-2.111-5.738l2.604-1.136c.698-.264 1.5.088 1.788.8ZM12 0C5.383 0 0 5.383 0 12c0 3.073 2.985 10.153 3.113 10.454.275.631.78 1.117 1.42 1.369a2.571 2.571 0 0 0 2.268-.189l1.569-.942a2.581 2.581 0 0 0 1.052-3.203L7.576 15.44c-.522-1.29-2.011-1.932-3.328-1.43l-2.495 1.087c-.375-1.35-.565-2.392-.565-3.099 0-5.961 4.85-10.81 10.812-10.81S22.811 6.037 22.811 12c0 .707-.189 1.748-.564 3.098l-2.523-1.1a2.55 2.55 0 0 0-3.291 1.42l-1.865 4.091a2.566 2.566 0 0 0 1.062 3.181l1.569.942a2.582 2.582 0 0 0 3.691-1.184c.057-.137 1.409-3.345 2.301-6.343a.216.216 0 0 0 .013-.04c.528-1.779.796-3.147.796-4.066 0-6.617-5.383-12-12-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: "M21.908 16.245c-.889 2.837-2.098 5.703-2.108 5.73-.025.053-.051.11-.083.16a1.391 1.391 0 0 1-1.907.477l-1.568-.94a1.37 1.37 0 0 1-.583-1.694l1.864-4.09c.217-.531.72-.873 1.282-.873.164 0 .325.03.473.085l2.63 1.146ZM6.485 15.91l1.845 4.047c.259.64.018 1.36-.572 1.716l-1.568.94a1.375 1.375 0 0 1-1.223.103 1.37 1.37 0 0 1-.763-.732c-.051-.12-1.245-2.966-2.111-5.738l2.604-1.136c.698-.264 1.5.088 1.788.8ZM12 0C5.383 0 0 5.383 0 12c0 3.073 2.985 10.153 3.113 10.454.275.631.78 1.117 1.42 1.369a2.571 2.571 0 0 0 2.268-.189l1.569-.942a2.581 2.581 0 0 0 1.052-3.203L7.576 15.44c-.522-1.29-2.011-1.932-3.328-1.43l-2.495 1.087c-.375-1.35-.565-2.392-.565-3.099 0-5.961 4.85-10.81 10.812-10.81S22.811 6.037 22.811 12c0 .707-.189 1.748-.564 3.098l-2.523-1.1a2.55 2.55 0 0 0-3.291 1.42l-1.865 4.091a2.566 2.566 0 0 0 1.062 3.181l1.569.942a2.582 2.582 0 0 0 3.691-1.184c.057-.137 1.409-3.345 2.301-6.343a.216.216 0 0 0 .013-.04c.528-1.779.796-3.147.796-4.066 0-6.617-5.383-12-12-12Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Heart.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 1c-1.894 0-3.686.76-5 2.103A6.979 6.979 0 0 0 7 1C3.14 1 0 4.14 0 8c0 1.742.703 3.447 2.032 4.93 2.287 2.55 9.541 9.849 9.614 9.922A.495.495 0 0 0 12 23a.506.506 0 0 0 .355-.146c.073-.073 7.327-7.372 9.614-9.923C23.297 11.448 24 9.744 24 8c0-3.859-3.14-7-7-7Zm4.224 11.262C19.245 14.47 13.489 20.289 12 21.79c-1.49-1.501-7.245-7.32-9.224-9.527C1.966 11.357 1 9.885 1 8c0-3.31 2.691-6 6-6 1.788 0 3.47.79 4.615 2.168.19.229.58.229.769 0A5.984 5.984 0 0 1 17 2c3.309 0 6 2.691 6 6 0 1.885-.966 3.357-1.776 4.262Z",
-    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 1c-1.894 0-3.686.76-5 2.103A6.979 6.979 0 0 0 7 1C3.14 1 0 4.14 0 8c0 1.742.703 3.447 2.032 4.93 2.287 2.55 9.541 9.849 9.614 9.922A.495.495 0 0 0 12 23a.506.506 0 0 0 .355-.146c.073-.073 7.327-7.372 9.614-9.923C23.297 11.448 24 9.744 24 8c0-3.859-3.14-7-7-7Zm4.224 11.262C19.245 14.47 13.489 20.289 12 21.79c-1.49-1.501-7.245-7.32-9.224-9.527C1.966 11.357 1 9.885 1 8c0-3.31 2.691-6 6-6 1.788 0 3.47.79 4.615 2.168.19.229.58.229.769 0A5.984 5.984 0 0 1 17 2c3.309 0 6 2.691 6 6 0 1.885-.966 3.357-1.776 4.262Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};