@telus-uds/palette-allium 5.3.1 → 5.3.3

package/build/rn/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/rn/icons/Grid.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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/rn/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/rn/icons/HeadBoth.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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/rn/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/rn/icons/HeadFemale.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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/rn/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/rn/icons/HeadMale.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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/rn/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/rn/icons/Headset.native.js

@@ -7,21 +7,37 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.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 iconNativeUtils = require('./utils/icon-native-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconNativeUtils.renderNativeGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)(_reactNativeSvg.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;
+};