@telus-uds/palettes-community.palette-casa 4.1.4 → 4.2.0

package/build/rn/icons/Heartbeat.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: "M2.624 12.011a.511.511 0 0 1 .726.044l.19.216.094.099L12 20.751l8.365-8.382.138-.146.211-.242.804.66-.084.096c-.08.093-.15.174-.222.252l-.11.114-8.734 8.749a.514.514 0 0 1-.672.054l-.063-.053-8.733-8.75a5.507 5.507 0 0 1-.31-.339.53.53 0 0 1 .035-.753ZM12.71 7.544a.52.52 0 0 1 .454.152l.054.066 2.047 2.943h8.216a.52.52 0 0 1 .093 1.03l-.093.009h-8.487a.518.518 0 0 1-.36-.146l-.066-.077-1.588-2.282-2.065 6.886a.519.519 0 0 1-.888.193l-.053-.071-2.754-4.503H.52a.52.52 0 0 1-.093-1.03l.093-.01h6.99c.152 0 .292.065.39.177l.054.072 2.298 3.759 2.042-6.804a.525.525 0 0 1 .415-.364Zm3.78-5.549c3.592.009 6.514 2.931 6.514 6.513 0 .537-.073 1.089-.215 1.643a.526.526 0 0 1-.633.373.522.522 0 0 1-.373-.633c.12-.467.182-.933.182-1.383 0-3.011-2.456-5.466-5.476-5.474a5.454 5.454 0 0 0-4.097 1.858.538.538 0 0 1-.78.003 5.488 5.488 0 0 0-4.1-1.861c-3.012 0-5.467 2.457-5.474 5.476 0 .449.06.914.18 1.381a.513.513 0 0 1-.055.394.51.51 0 0 1-.448.256.52.52 0 0 1-.503-.391 6.6 6.6 0 0 1-.214-1.642c.009-3.591 2.93-6.513 6.514-6.513 1.676 0 3.265.641 4.487 1.806a6.451 6.451 0 0 1 4.49-1.806Z",
-    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: "M2.624 12.011a.511.511 0 0 1 .726.044l.19.216.094.099L12 20.751l8.365-8.382.138-.146.211-.242.804.66-.084.096c-.08.093-.15.174-.222.252l-.11.114-8.734 8.749a.514.514 0 0 1-.672.054l-.063-.053-8.733-8.75a5.507 5.507 0 0 1-.31-.339.53.53 0 0 1 .035-.753ZM12.71 7.544a.52.52 0 0 1 .454.152l.054.066 2.047 2.943h8.216a.52.52 0 0 1 .093 1.03l-.093.009h-8.487a.518.518 0 0 1-.36-.146l-.066-.077-1.588-2.282-2.065 6.886a.519.519 0 0 1-.888.193l-.053-.071-2.754-4.503H.52a.52.52 0 0 1-.093-1.03l.093-.01h6.99c.152 0 .292.065.39.177l.054.072 2.298 3.759 2.042-6.804a.525.525 0 0 1 .415-.364Zm3.78-5.549c3.592.009 6.514 2.931 6.514 6.513 0 .537-.073 1.089-.215 1.643a.526.526 0 0 1-.633.373.522.522 0 0 1-.373-.633c.12-.467.182-.933.182-1.383 0-3.011-2.456-5.466-5.476-5.474a5.454 5.454 0 0 0-4.097 1.858.538.538 0 0 1-.78.003 5.488 5.488 0 0 0-4.1-1.861c-3.012 0-5.467 2.457-5.474 5.476 0 .449.06.914.18 1.381a.513.513 0 0 1-.055.394.51.51 0 0 1-.448.256.52.52 0 0 1-.503-.391 6.6 6.6 0 0 1-.214-1.642c.009-3.591 2.93-6.513 6.514-6.513 1.676 0 3.265.641 4.487 1.806a6.451 6.451 0 0 1 4.49-1.806Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Heater.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Heater.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: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
-    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: "M16.007 7a.5.5 0 0 1-.416-.777c.668-1.002.37-1.606-.044-2.441V3.78c-.442-.894-.99-2.005.044-3.558a.5.5 0 0 1 .832.554c-.715 1.073-.39 1.73.02 2.56.433.872.97 1.958-.02 3.44a.496.496 0 0 1-.416.224ZM7.76 6.914a.498.498 0 0 0 .693-.139c.99-1.482.453-2.568.02-3.44-.41-.83-.734-1.487-.02-2.56a.5.5 0 0 0-.83-.554c-1.037 1.552-.487 2.664-.045 3.557v.002c.413.835.711 1.439.044 2.441a.5.5 0 0 0 .138.693Zm3.984 0a.5.5 0 0 0 .693-.139c.99-1.482.454-2.568.022-3.44-.413-.83-.737-1.487-.022-2.56a.5.5 0 0 0-.832-.554c-1.034 1.553-.485 2.664-.044 3.557l.001.003c.413.835.711 1.439.043 2.44a.5.5 0 0 0 .14.693ZM3.486 22h1.5v1.5a.5.5 0 0 0 1 0V22H18v1.5a.5.5 0 0 0 1 0V22h1.484c1.38 0 2.5-1.122 2.5-2.5v-9c0-1.378-1.12-2.5-2.5-2.5h-17a2.503 2.503 0 0 0-2.5 2.5v9c0 1.378 1.121 2.5 2.5 2.5h.002ZM18.5 21H3.484c-.827 0-1.5-.673-1.5-1.5v-9c0-.827.673-1.5 1.5-1.5h17c.827 0 1.5.673 1.5 1.5v9c0 .827-.673 1.5-1.5 1.5H18.5ZM4.484 19.992a.5.5 0 0 1-.5-.5v-9a.5.5 0 1 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Zm3.5.5a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 1 0v9a.5.5 0 0 1-.5.5Zm2.5-.5a.5.5 0 0 0 1 0v-9a.5.5 0 1 0-1 0v9Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Helpdesk.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: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.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.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      d: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.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.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Helpdesk.native.js

@@ -7,19 +7,35 @@ 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, {
-    d: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.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.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const 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, {
+      d: "M18.5 0C20.981 0 23 2.019 23 4.5v8a.5.5 0 0 1-1 0v-8C22 2.57 20.43 1 18.5 1h-14C2.57 1 1 2.57 1 4.5v17.619l4.116-4.939A.5.5 0 0 1 5.5 17h6a.5.5 0 0 1 0 1H5.734l-4.85 5.82a.497.497 0 0 1-.554.15.5.5 0 0 1-.33-.47v-19C0 2.019 2.019 0 4.5 0h14Zm0 13c3.033 0 5.5 2.467 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.033 2.467-5.5 5.5-5.5Zm0 1a4.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.5-2.019-4.5-4.5-4.5Zm-.35 7.15a.501.501 0 0 1 .85.35c0 .13-.05.26-.15.35a.47.47 0 0 1-.35.15.47.47 0 0 1-.35-.15.474.474 0 0 1-.15-.35c0-.14.05-.26.15-.35Zm.349-6.15c1.379 0 2.501.897 2.501 2 0 .955-.672 1.596-1.999 1.908L19 19.5a.5.5 0 1 1-1 0l.001-1a.5.5 0 0 1 .399-.489l.109-.021C19.526 17.802 20 17.487 20 17c0-.542-.688-1-1.501-1-.783 0-1.457.424-1.5.946a.49.49 0 0 1-.54.456.5.5 0 0 1-.456-.54C16.091 15.801 17.165 15 18.499 15ZM6.5 8C7.327 8 8 8.673 8 9.5S7.327 11 6.5 11 5 10.327 5 9.5 5.673 8 6.5 8Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm5 0c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5-1.5-.673-1.5-1.5.673-1.5 1.5-1.5Zm-10 1a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Zm5 0a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Home.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: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.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: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.126Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Home.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: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.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 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: "M8.957 19.002h6.086v-6.087H8.957v6.087ZM20.313 0c.272 0 .471.168.512.421l.008.099v7.707l3.074 3.005c.074.148.09.295.092.43l.001.1-.014.055a.555.555 0 0 1-.414.3l-.092.007h-2.647v11.357c0 .271-.17.47-.422.511l-.098.008H3.686a.492.492 0 0 1-.511-.42l-.008-.099V12.124H.519a.563.563 0 0 1-.46-.23l-.046-.077L0 11.762c0-.129 0-.272.047-.42l.045-.11.023-.032L10.724.512a1.75 1.75 0 0 1 2.347-.114l.125.113 2.638 2.639V.52c0-.273.17-.472.422-.512L16.355 0h3.958Zm-.52 1.039h-2.919v3.36a.51.51 0 0 1-.281.462l-.097.044c-.134.095-.369.028-.498-.062l-.048-.039-3.485-3.564a.516.516 0 0 0-.388-.199.754.754 0 0 0-.453.125l-.091.075-9.767 9.844h1.92c.272 0 .471.168.512.42l.008.099v11.357h15.587V11.604c0-.272.17-.47.422-.511l.098-.008h.124v.079h1.794l-2.358-2.359v-.051l-.006-.032-.028-.087c-.015-.047-.03-.093-.04-.136l-.006-.062V1.039Zm-4.23 10.837c.271 0 .47.17.51.422l.008.098v7.125c0 .273-.168.471-.42.512l-.098.008H8.436a.493.493 0 0 1-.512-.421l-.008-.099v-7.125c0-.272.17-.471.422-.512l.099-.008h7.126Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/HomePro.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M16 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v7.817l2.854 2.863a.5.5 0 0 1-.354.853H21v4.515a.5.5 0 1 1-1 0v-5.015a.5.5 0 0 1 .5-.5h1.795l-2.15-2.156A.5.5 0 0 1 20 8.524V1h-3v3.512a.5.5 0 0 1-.854.353l-3.5-3.51a.911.911 0 0 0-1.292 0l-9.65 9.678H3.5a.5.5 0 0 1 .5.5v10.031h12.5a.5.5 0 1 1 0 1h-13a.5.5 0 0 1-.5-.5V12.033H.5a.5.5 0 0 1-.354-.853L10.646.648a1.91 1.91 0 0 1 2.708 0L16 3.302V.5Zm-5.033 8.493c.683-.172 2.323-.586 3.796.892.821.824 1.087 1.83 1.104 2.717a5.47 5.47 0 0 1-.278 1.794l7.283 6.461a.5.5 0 0 1 .143.216l-.474.158.474-.157v.001l.001.002.002.005.005.016a1.942 1.942 0 0 1 .052.213c.027.134.054.323.054.54 0 .432-.108 1.025-.588 1.506-.378.38-.872.563-1.293.621-.213.03-.425.03-.615-.002-.172-.029-.4-.096-.568-.264l-.009-.01-6.72-7.102c-1.023.23-2.758.433-4.23-1.044-.834-.836-1.03-1.872-1.03-2.658a5.087 5.087 0 0 1 .19-1.362l.008-.025.002-.007.001-.003V11.5l.475.157-.474-.158a.5.5 0 0 1 .828-.195l1.866 1.871.943-.472.472-.948-1.868-1.873a.5.5 0 0 1 .256-.843c.051-.01.116-.027.192-.046Zm-1.886 3.701a3.872 3.872 0 0 0-.006.204c0 .632.158 1.37.738 1.952 1.208 1.21 2.636.944 3.565.711a.5.5 0 0 1 .485.142l6.885 7.276a1.076 1.076 0 0 0 .363.009c.262-.037.535-.149.722-.337.227-.228.296-.521.296-.8a1.74 1.74 0 0 0-.035-.345v-.003l-7.426-6.587a.5.5 0 0 1-.128-.57 4.434 4.434 0 0 0 .328-1.725c-.014-.703-.22-1.435-.813-2.03-.763-.765-1.538-.84-2.173-.759l1.467 1.472a.5.5 0 0 1 .093.576l-.707 1.418a.5.5 0 0 1-.223.224l-1.414.71a.5.5 0 0 1-.579-.095l-1.438-1.443Zm12.985 8.694v-.002.002",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M16 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v7.817l2.854 2.863a.5.5 0 0 1-.354.853H21v4.515a.5.5 0 1 1-1 0v-5.015a.5.5 0 0 1 .5-.5h1.795l-2.15-2.156A.5.5 0 0 1 20 8.524V1h-3v3.512a.5.5 0 0 1-.854.353l-3.5-3.51a.911.911 0 0 0-1.292 0l-9.65 9.678H3.5a.5.5 0 0 1 .5.5v10.031h12.5a.5.5 0 1 1 0 1h-13a.5.5 0 0 1-.5-.5V12.033H.5a.5.5 0 0 1-.354-.853L10.646.648a1.91 1.91 0 0 1 2.708 0L16 3.302V.5Zm-5.033 8.493c.683-.172 2.323-.586 3.796.892.821.824 1.087 1.83 1.104 2.717a5.47 5.47 0 0 1-.278 1.794l7.283 6.461a.5.5 0 0 1 .143.216l-.474.158.474-.157v.001l.001.002.002.005.005.016a1.942 1.942 0 0 1 .052.213c.027.134.054.323.054.54 0 .432-.108 1.025-.588 1.506-.378.38-.872.563-1.293.621-.213.03-.425.03-.615-.002-.172-.029-.4-.096-.568-.264l-.009-.01-6.72-7.102c-1.023.23-2.758.433-4.23-1.044-.834-.836-1.03-1.872-1.03-2.658a5.087 5.087 0 0 1 .19-1.362l.008-.025.002-.007.001-.003V11.5l.475.157-.474-.158a.5.5 0 0 1 .828-.195l1.866 1.871.943-.472.472-.948-1.868-1.873a.5.5 0 0 1 .256-.843c.051-.01.116-.027.192-.046Zm-1.886 3.701a3.872 3.872 0 0 0-.006.204c0 .632.158 1.37.738 1.952 1.208 1.21 2.636.944 3.565.711a.5.5 0 0 1 .485.142l6.885 7.276a1.076 1.076 0 0 0 .363.009c.262-.037.535-.149.722-.337.227-.228.296-.521.296-.8a1.74 1.74 0 0 0-.035-.345v-.003l-7.426-6.587a.5.5 0 0 1-.128-.57 4.434 4.434 0 0 0 .328-1.725c-.014-.703-.22-1.435-.813-2.03-.763-.765-1.538-.84-2.173-.759l1.467 1.472a.5.5 0 0 1 .093.576l-.707 1.418a.5.5 0 0 1-.223.224l-1.414.71a.5.5 0 0 1-.579-.095l-1.438-1.443Zm12.985 8.694v-.002.002",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/HomePro.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: "M16 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v7.817l2.854 2.863a.5.5 0 0 1-.354.853H21v4.515a.5.5 0 1 1-1 0v-5.015a.5.5 0 0 1 .5-.5h1.795l-2.15-2.156A.5.5 0 0 1 20 8.524V1h-3v3.512a.5.5 0 0 1-.854.353l-3.5-3.51a.911.911 0 0 0-1.292 0l-9.65 9.678H3.5a.5.5 0 0 1 .5.5v10.031h12.5a.5.5 0 1 1 0 1h-13a.5.5 0 0 1-.5-.5V12.033H.5a.5.5 0 0 1-.354-.853L10.646.648a1.91 1.91 0 0 1 2.708 0L16 3.302V.5Zm-5.033 8.493c.683-.172 2.323-.586 3.796.892.821.824 1.087 1.83 1.104 2.717a5.47 5.47 0 0 1-.278 1.794l7.283 6.461a.5.5 0 0 1 .143.216l-.474.158.474-.157v.001l.001.002.002.005.005.016a1.942 1.942 0 0 1 .052.213c.027.134.054.323.054.54 0 .432-.108 1.025-.588 1.506-.378.38-.872.563-1.293.621-.213.03-.425.03-.615-.002-.172-.029-.4-.096-.568-.264l-.009-.01-6.72-7.102c-1.023.23-2.758.433-4.23-1.044-.834-.836-1.03-1.872-1.03-2.658a5.087 5.087 0 0 1 .19-1.362l.008-.025.002-.007.001-.003V11.5l.475.157-.474-.158a.5.5 0 0 1 .828-.195l1.866 1.871.943-.472.472-.948-1.868-1.873a.5.5 0 0 1 .256-.843c.051-.01.116-.027.192-.046Zm-1.886 3.701a3.872 3.872 0 0 0-.006.204c0 .632.158 1.37.738 1.952 1.208 1.21 2.636.944 3.565.711a.5.5 0 0 1 .485.142l6.885 7.276a1.076 1.076 0 0 0 .363.009c.262-.037.535-.149.722-.337.227-.228.296-.521.296-.8a1.74 1.74 0 0 0-.035-.345v-.003l-7.426-6.587a.5.5 0 0 1-.128-.57 4.434 4.434 0 0 0 .328-1.725c-.014-.703-.22-1.435-.813-2.03-.763-.765-1.538-.84-2.173-.759l1.467 1.472a.5.5 0 0 1 .093.576l-.707 1.418a.5.5 0 0 1-.223.224l-1.414.71a.5.5 0 0 1-.579-.095l-1.438-1.443Zm12.985 8.694v-.002.002",
-    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: "M16 .5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v7.817l2.854 2.863a.5.5 0 0 1-.354.853H21v4.515a.5.5 0 1 1-1 0v-5.015a.5.5 0 0 1 .5-.5h1.795l-2.15-2.156A.5.5 0 0 1 20 8.524V1h-3v3.512a.5.5 0 0 1-.854.353l-3.5-3.51a.911.911 0 0 0-1.292 0l-9.65 9.678H3.5a.5.5 0 0 1 .5.5v10.031h12.5a.5.5 0 1 1 0 1h-13a.5.5 0 0 1-.5-.5V12.033H.5a.5.5 0 0 1-.354-.853L10.646.648a1.91 1.91 0 0 1 2.708 0L16 3.302V.5Zm-5.033 8.493c.683-.172 2.323-.586 3.796.892.821.824 1.087 1.83 1.104 2.717a5.47 5.47 0 0 1-.278 1.794l7.283 6.461a.5.5 0 0 1 .143.216l-.474.158.474-.157v.001l.001.002.002.005.005.016a1.942 1.942 0 0 1 .052.213c.027.134.054.323.054.54 0 .432-.108 1.025-.588 1.506-.378.38-.872.563-1.293.621-.213.03-.425.03-.615-.002-.172-.029-.4-.096-.568-.264l-.009-.01-6.72-7.102c-1.023.23-2.758.433-4.23-1.044-.834-.836-1.03-1.872-1.03-2.658a5.087 5.087 0 0 1 .19-1.362l.008-.025.002-.007.001-.003V11.5l.475.157-.474-.158a.5.5 0 0 1 .828-.195l1.866 1.871.943-.472.472-.948-1.868-1.873a.5.5 0 0 1 .256-.843c.051-.01.116-.027.192-.046Zm-1.886 3.701a3.872 3.872 0 0 0-.006.204c0 .632.158 1.37.738 1.952 1.208 1.21 2.636.944 3.565.711a.5.5 0 0 1 .485.142l6.885 7.276a1.076 1.076 0 0 0 .363.009c.262-.037.535-.149.722-.337.227-.228.296-.521.296-.8a1.74 1.74 0 0 0-.035-.345v-.003l-7.426-6.587a.5.5 0 0 1-.128-.57 4.434 4.434 0 0 0 .328-1.725c-.014-.703-.22-1.435-.813-2.03-.763-.765-1.538-.84-2.173-.759l1.467 1.472a.5.5 0 0 1 .093.576l-.707 1.418a.5.5 0 0 1-.223.224l-1.414.71a.5.5 0 0 1-.579-.095l-1.438-1.443Zm12.985 8.694v-.002.002",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/HomeSecurity.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.38 12.463h-1.272a.86.86 0 0 0-.84.838v2.024H9.121c-.037-.005-.112-.081-.117-.115v-4.134a.522.522 0 0 0-.503-.521l3.4-3.283 3.34 3.283a.522.522 0 0 0-.518.521v4.133c-.005.036-.08.112-.115.116H13.22V13.3a.864.864 0 0 0-.738-.832l-.102-.006ZM11.26.087c.358-.093.7-.112 1.042-.055l.224.048 7.576 2.55c.84.315 1.397 1.025 1.464 1.84l.006.165v9.859c0 6.757-9.14 9.378-9.528 9.487a.516.516 0 0 1-.141.019l-.071-.005-.07-.014c-.381-.107-9.225-2.644-9.52-9.153l-.007-.334V4.635c0-.89.483-1.604 1.3-1.942l.169-.063L11.259.087Zm.643.955c-.077 0-.155.006-.233.02l-.118.024L4.036 3.62c-.451.15-.71.454-.752.884l-.007.132v9.859c0 5.558 7.583 8.116 8.626 8.441l.326-.107c1.745-.594 8.046-3.08 8.292-8.034l.008-.3v-9.86c0-.494-.337-.824-.681-.983l-.095-.04L12.23 1.08a1.425 1.425 0 0 0-.327-.038Zm-.362 5.127a.524.524 0 0 1 .657-.056l.071.059 4.613 4.532a.523.523 0 0 1-.277.885l-.09.008h-.75v3.613c0 .564-.48 1.083-1.037 1.15l-.12.007h-1.91a.522.522 0 0 1-.512-.428l-.009-.094v-2.34h-.866v2.34a.523.523 0 0 1-.427.514l-.094.008H9.12c-.566 0-1.084-.481-1.15-1.037l-.008-.12v-3.613H7.21a.519.519 0 0 1-.421-.828l.06-.068 4.692-4.532Z",
-    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.38 12.463h-1.272a.86.86 0 0 0-.84.838v2.024H9.121c-.037-.005-.112-.081-.117-.115v-4.134a.522.522 0 0 0-.503-.521l3.4-3.283 3.34 3.283a.522.522 0 0 0-.518.521v4.133c-.005.036-.08.112-.115.116H13.22V13.3a.864.864 0 0 0-.738-.832l-.102-.006ZM11.26.087c.358-.093.7-.112 1.042-.055l.224.048 7.576 2.55c.84.315 1.397 1.025 1.464 1.84l.006.165v9.859c0 6.757-9.14 9.378-9.528 9.487a.516.516 0 0 1-.141.019l-.071-.005-.07-.014c-.381-.107-9.225-2.644-9.52-9.153l-.007-.334V4.635c0-.89.483-1.604 1.3-1.942l.169-.063L11.259.087Zm.643.955c-.077 0-.155.006-.233.02l-.118.024L4.036 3.62c-.451.15-.71.454-.752.884l-.007.132v9.859c0 5.558 7.583 8.116 8.626 8.441l.326-.107c1.745-.594 8.046-3.08 8.292-8.034l.008-.3v-9.86c0-.494-.337-.824-.681-.983l-.095-.04L12.23 1.08a1.425 1.425 0 0 0-.327-.038Zm-.362 5.127a.524.524 0 0 1 .657-.056l.071.059 4.613 4.532a.523.523 0 0 1-.277.885l-.09.008h-.75v3.613c0 .564-.48 1.083-1.037 1.15l-.12.007h-1.91a.522.522 0 0 1-.512-.428l-.009-.094v-2.34h-.866v2.34a.523.523 0 0 1-.427.514l-.094.008H9.12c-.566 0-1.084-.481-1.15-1.037l-.008-.12v-3.613H7.21a.519.519 0 0 1-.421-.828l.06-.068 4.692-4.532Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};