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

package/build/rn/icons/SearchBold.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: "m10.022 1 .253.003c4.994.13 8.935 4.278 8.806 9.267a8.985 8.985 0 0 1-1.728 5.087l-.189.249 5.604 5.897c.3.317.306.802.034 1.133l-.074.08-.03.028a.945.945 0 0 1-1.173.098l-.092-.072-6.081-5.418a9.01 9.01 0 0 1-5.543 1.719c-4.993-.13-8.935-4.278-8.806-9.267C1.13 4.898 5.144 1.008 10.023 1Zm.02 1.81a7.214 7.214 0 1 0 0 14.43 7.214 7.214 0 0 0 0-14.43Z",
-    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: "m10.022 1 .253.003c4.994.13 8.935 4.278 8.806 9.267a8.985 8.985 0 0 1-1.728 5.087l-.189.249 5.604 5.897c.3.317.306.802.034 1.133l-.074.08-.03.028a.945.945 0 0 1-1.173.098l-.092-.072-6.081-5.418a9.01 9.01 0 0 1-5.543 1.719c-4.993-.13-8.935-4.278-8.806-9.267C1.13 4.898 5.144 1.008 10.023 1Zm.02 1.81a7.214 7.214 0 1 0 0 14.43 7.214 7.214 0 0 0 0-14.43Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityCamera.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: "M6.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M6.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityCamera.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: "M6.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const 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: "M6.633 3.15 18.33 8.782a1.507 1.507 0 0 1 .712 1.98l-.029.063 2.003.802 1.326-.442a.501.501 0 0 1 .382.027l1 .5a.5.5 0 0 1 .231.654l-2.5 5.5a.496.496 0 0 1-.455.294.505.505 0 0 1-.224-.053l-1-.5a.507.507 0 0 1-.251-.29l-.441-1.324-1.924-1.155-.28.608a1.492 1.492 0 0 1-1.363.872c-.222 0-.442-.05-.649-.15l-3.873-1.865v.02A2.505 2.505 0 0 1 9 16.61v3.55a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1 0-1H8v-3.05a2.504 2.504 0 0 1-2-2.45c0-.728.314-1.396.836-1.858L3.17 10.537a1.507 1.507 0 0 1-.712-1.98L4.62 3.873a1.49 1.49 0 0 1 .855-.783 1.485 1.485 0 0 1 1.158.06Zm11.96 8.584-1.011 2.191 2.175 1.306a.5.5 0 0 1 .218.27l.435 1.305.351.175 2.086-4.59-.384-.191-1.304.434a.502.502 0 0 1-.344-.01l-2.222-.89ZM7 14.16c0 .827.673 1.5 1.5 1.5s1.5-.673 1.5-1.5c0-.118-.016-.238-.047-.359l-.768-.37a1 1 0 1 1-.542-.261l-.763-.367c-.533.241-.88.765-.88 1.357ZM5.982 4a.498.498 0 0 0-.454.291L3.366 8.977a.503.503 0 0 0 .237.66L15.3 15.268c.123.059.26.066.386.02a.489.489 0 0 0 .285-.261l2.162-4.684a.503.503 0 0 0-.237-.66L6.199 4.05A.496.496 0 0 0 5.982 4Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityHouse.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityHouse.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: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
-    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: "M23.5 17H23v-.5c0-1.93-1.57-3.5-3.5-3.5S16 14.57 16 16.5v.5h-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-6a.5.5 0 0 0-.5-.5Zm-6.5-.5c0-1.378 1.121-2.5 2.5-2.5s2.5 1.122 2.5 2.5v.5h-5v-.5ZM20.5 0a.5.5 0 0 1 .492.41L21 .5v7.793l2.854 2.854a.499.499 0 0 1-.269.846L23.5 12h-3a.5.5 0 0 1-.09-.992L20.5 11h1.793l-2.146-2.146a.501.501 0 0 1-.14-.275L20 8.5V1h-3v3.5a.5.5 0 0 1-.788.41l-.066-.056-3.647-3.647a.732.732 0 0 0-.913-.071l-.085.071L1.707 11H3.5a.5.5 0 0 1 .492.41L4 11.5V23h9.5a.5.5 0 0 1 .09.992L13.5 24h-10a.5.5 0 0 1-.492-.41L3 23.5V12H.5a.5.5 0 0 1-.409-.789l.055-.065L10.794.5c.6-.603 1.642-.637 2.294-.106l.118.106L16 3.293V.5a.5.5 0 0 1 .41-.492L16.5 0h4ZM23 18v5h-7v-5h7Zm-3.5 1a1 1 0 0 0-1 1c0 .366.206.673.5.847v.653a.5.5 0 0 0 1 0v-.653a.985.985 0 0 0 .5-.847 1 1 0 0 0-1-1Zm-4-7a.5.5 0 0 1 .492.41l.008.09v1a.5.5 0 0 1-.992.09L15 13.5V13H9v6h4.5a.5.5 0 0 1 .09.992L13.5 20h-5a.5.5 0 0 1-.492-.41L8 19.5v-7a.5.5 0 0 1 .41-.492L8.5 12h7Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityMobile.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M15.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M15.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecurityMobile.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.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
-    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.5 23h-8c-.879 0-2-1.122-2-3v-1h13v1c0 1.81-1.042 2.919-2.802 2.996L15.5 23Zm-8-22h8c1.879 0 3 1.122 3 2v1h-13V3c0-.838 1.021-1.899 1.879-1.993L7.5 1Zm-2 17h13V5h-13v13Zm11-18h-8c-2.43 0-4 1.57-4 4v17c0 1.43 1.57 3 4 3h8c1.43 0 3-1.57 3-3V4c0-2.349-1.467-3.894-2.857-3.995L16.5 0Zm-4 9v2h-1V9h1Zm.5-7a.5.5 0 0 1 .09.992L13 3h-2a.5.5 0 0 1-.09-.992L11 2h2Zm-1.5 12h1v-2h-1v2Zm1-6-2 1v6l.216.007c.187.005.476.007.784-.007l2-1V8l-.302-.009A11.546 11.546 0 0 0 12.5 8Zm3 6c0 .098-3.675 2-3.675 2l-1.57-.909C9.394 14.587 8.5 14.051 8.5 14V8L12 7l3.5 1v6ZM12 20a1 1 0 1 1 .002 1.998A1 1 0 0 1 12 20Zm.04-3.006-.719.006-.084-.053c-.807-.492-3.525-1.832-3.725-2.833L7.5 14V7l4-1 .681-.003L12.5 6l4 1v7c0 1.048-3.477 2.542-4.179 3a7.633 7.633 0 0 0-.28-.006Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecuritySettings.js

@@ -6,23 +6,39 @@ module.exports = ({
   titleId,
   size,
   color,
+  gradient,
   ...props
-}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
-  ...props,
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24",
-  height: size,
-  width: size,
-  fill: color,
-  role: title ? 'img' : undefined,
-  "aria-hidden": !title,
-  "aria-labelledby": titleId,
-  children: [title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
-    id: titleId,
-    children: title
-  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
-    fillRule: "evenodd",
-    d: "M12 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/SecuritySettings.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: "M12 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
-    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: "M12 24a.491.491 0 0 1-.148-.022C8.242 22.855 1.5 18.922 1.5 14.5v-11a.5.5 0 0 1 .356-.479l10-3a.5.5 0 0 1 .287 0l10 3a.5.5 0 0 1 .357.479v11c0 4.422-6.742 8.354-10.352 9.478A.491.491 0 0 1 12 24ZM2.5 3.872V14.5c0 3.511 5.563 7.203 9.5 8.476 3.937-1.273 9.5-4.965 9.5-8.476V3.872L12 1.022l-9.5 2.85Zm10.479 13.127a.505.505 0 0 1-.497-.457.495.495 0 0 0-.482-.46.496.496 0 0 0-.483.46.509.509 0 0 1-.2.358.49.49 0 0 1-.395.09c-1.172-.238-2.223-.863-3.038-1.807a.507.507 0 0 1-.122-.387.511.511 0 0 1 .196-.356.503.503 0 0 0 .145-.648.482.482 0 0 0-.623-.198.495.495 0 0 1-.669-.305A5.597 5.597 0 0 1 6.5 11.5c0-.577.102-1.161.311-1.788a.505.505 0 0 1 .269-.3.49.49 0 0 1 .4-.005c.239.103.5.02.622-.197a.503.503 0 0 0-.144-.65.508.508 0 0 1-.196-.356.512.512 0 0 1 .121-.388c.816-.945 1.867-1.57 3.039-1.806a.49.49 0 0 1 .395.09.507.507 0 0 1 .2.357c.026.262.234.46.483.46a.495.495 0 0 0 .482-.46.51.51 0 0 1 .2-.358.485.485 0 0 1 .395-.09c1.172.237 2.223.862 3.039 1.807a.51.51 0 0 1 .121.388.511.511 0 0 1-.196.355.501.501 0 0 0-.145.648c.124.218.388.3.624.198a.493.493 0 0 1 .4.004.51.51 0 0 1 .269.3c.209.628.311 1.212.311 1.789a5.62 5.62 0 0 1-.311 1.787.503.503 0 0 1-.269.3.493.493 0 0 1-.4.005.483.483 0 0 0-.623.198h-.001a.501.501 0 0 0 .145.648.505.505 0 0 1 .196.355.509.509 0 0 1-.122.388c-.815.945-1.866 1.57-3.038 1.807a.32.32 0 0 1-.098.012Zm-4.041-2.167a4.42 4.42 0 0 0 1.747 1.048A1.48 1.48 0 0 1 12 15.063c.567 0 1.063.327 1.313.817a4.428 4.428 0 0 0 1.747-1.048 1.532 1.532 0 0 1-.03-1.55c.279-.49.839-.754 1.336-.748.09-.36.134-.701.134-1.033 0-.333-.044-.674-.133-1.034a1.465 1.465 0 0 1-1.337-.748 1.534 1.534 0 0 1 .03-1.55 4.417 4.417 0 0 0-1.747-1.047c-.25.487-.746.814-1.313.814a1.477 1.477 0 0 1-1.314-.816 4.43 4.43 0 0 0-1.747 1.047c.282.466.308 1.06.029 1.552-.278.49-.8.758-1.335.747-.089.36-.133.7-.133 1.034 0 .334.044.675.133 1.033a1.478 1.478 0 0 1 1.336.748 1.534 1.534 0 0 1-.031 1.551ZM12 14a2.503 2.503 0 0 1-2.5-2.5C9.5 10.122 10.621 9 12 9s2.5 1.122 2.5 2.5S13.379 14 12 14Zm0-4c-.827 0-1.5.673-1.5 1.5S11.173 13 12 13s1.5-.673 1.5-1.5S12.827 10 12 10Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Server.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.424 1.979c.687 0 1.334.268 1.82.756.438.438.7 1.005.747 1.615l.008.204v2.227a2.58 2.58 0 0 1-2.412 2.57l-.163.006H9.753v1.328h11.671a2.58 2.58 0 0 1 2.57 2.413l.006.163v2.226a2.58 2.58 0 0 1-2.413 2.57l-.163.006H9.753v.537h.268c.257 0 .471.185.515.428l.009.094v.269h.267c.257 0 .471.186.516.43l.008.093v.269h5.017c.288 0 .524.235.524.523 0 .256-.186.47-.43.515l-.094.008h-5.017v.268c0 .256-.186.47-.43.515l-.094.009H7.646a.525.525 0 0 1-.515-.43l-.008-.094v-.268H2.106a.523.523 0 0 1-.094-1.037l.094-.009h5.017v-.269c0-.256.186-.47.43-.515l.093-.008h.269v-.269c0-.256.186-.47.43-.514l.093-.008h.268v-.537h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 15.487v-2.226a2.58 2.58 0 0 1 2.414-2.57l.163-.006h6.129V9.357h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 6.78V4.554a2.58 2.58 0 0 1 2.414-2.57l.163-.005h18.847ZM9.497 19.646h-.536v.268c0 .256-.186.47-.43.515l-.093.009H8.17v.535h2.119v-.535h-.268a.526.526 0 0 1-.516-.43l-.008-.094v-.268Zm11.927-7.914H2.576a1.53 1.53 0 0 0-1.523 1.39l-.006.138v2.227c0 .795.611 1.452 1.39 1.523l.139.006h18.848c.795 0 1.452-.613 1.523-1.39l.006-.139V13.26a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.327c.256 0 .47.186.515.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm4.75 0c.255 0 .47.186.514.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm-2.375 0c.256 0 .47.186.515.429l.008.094v1.582a.525.525 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.236-.523.524-.523Zm-14.248 0a1.315 1.315 0 1 1 0 2.631 1.315 1.315 0 0 1 0-2.63Zm9.498 0c.256 0 .471.186.516.429l.008.094v1.582a.524.524 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.235-.523.523-.523Zm-9.498 1.046a.268.268 0 1 0 .003.537.268.268 0 0 0-.003-.537Zm17.736-11.08H2.576a1.53 1.53 0 0 0-1.523 1.389l-.006.139V6.78a1.53 1.53 0 0 0 1.39 1.523l.139.006h18.848c.795 0 1.452-.612 1.523-1.39l.006-.139V4.553a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.328c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm-11.873 0a1.315 1.315 0 1 1 0 2.628 1.315 1.315 0 0 1 0-2.628Zm9.498 0c.256 0 .471.185.516.429l.008.094v1.583a.524.524 0 0 1-1.038.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm4.75 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.038.094l-.009-.094V4.876c0-.288.236-.523.524-.523Zm2.374 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523ZM3.688 5.399a.269.269 0 1 0 .004.537.269.269 0 0 0-.004-.537Z",
-    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.424 1.979c.687 0 1.334.268 1.82.756.438.438.7 1.005.747 1.615l.008.204v2.227a2.58 2.58 0 0 1-2.412 2.57l-.163.006H9.753v1.328h11.671a2.58 2.58 0 0 1 2.57 2.413l.006.163v2.226a2.58 2.58 0 0 1-2.413 2.57l-.163.006H9.753v.537h.268c.257 0 .471.185.515.428l.009.094v.269h.267c.257 0 .471.186.516.43l.008.093v.269h5.017c.288 0 .524.235.524.523 0 .256-.186.47-.43.515l-.094.008h-5.017v.268c0 .256-.186.47-.43.515l-.094.009H7.646a.525.525 0 0 1-.515-.43l-.008-.094v-.268H2.106a.523.523 0 0 1-.094-1.037l.094-.009h5.017v-.269c0-.256.186-.47.43-.515l.093-.008h.269v-.269c0-.256.186-.47.43-.514l.093-.008h.268v-.537h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 15.487v-2.226a2.58 2.58 0 0 1 2.414-2.57l.163-.006h6.129V9.357h-6.13a2.58 2.58 0 0 1-2.57-2.413L0 6.78V4.554a2.58 2.58 0 0 1 2.414-2.57l.163-.005h18.847ZM9.497 19.646h-.536v.268c0 .256-.186.47-.43.515l-.093.009H8.17v.535h2.119v-.535h-.268a.526.526 0 0 1-.516-.43l-.008-.094v-.268Zm11.927-7.914H2.576a1.53 1.53 0 0 0-1.523 1.39l-.006.138v2.227c0 .795.611 1.452 1.39 1.523l.139.006h18.848c.795 0 1.452-.613 1.523-1.39l.006-.139V13.26a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.327c.256 0 .47.186.515.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm4.75 0c.255 0 .47.186.514.429l.008.094v1.582c0 .29-.235.525-.523.525a.524.524 0 0 1-.514-.43l-.009-.095v-1.582c0-.288.235-.523.523-.523Zm-2.375 0c.256 0 .47.186.515.429l.008.094v1.582a.525.525 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.236-.523.524-.523Zm-14.248 0a1.315 1.315 0 1 1 0 2.631 1.315 1.315 0 0 1 0-2.63Zm9.498 0c.256 0 .471.186.516.429l.008.094v1.582a.524.524 0 0 1-1.038.094l-.009-.094v-1.582c0-.288.235-.523.523-.523Zm-9.498 1.046a.268.268 0 1 0 .003.537.268.268 0 0 0-.003-.537Zm17.736-11.08H2.576a1.53 1.53 0 0 0-1.523 1.389l-.006.139V6.78a1.53 1.53 0 0 0 1.39 1.523l.139.006h18.848c.795 0 1.452-.612 1.523-1.39l.006-.139V4.553a1.53 1.53 0 0 0-1.529-1.528Zm-5.863 1.328c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm-11.873 0a1.315 1.315 0 1 1 0 2.628 1.315 1.315 0 0 1 0-2.628Zm9.498 0c.256 0 .471.185.516.429l.008.094v1.583a.524.524 0 0 1-1.038.094l-.009-.094V4.876c0-.288.235-.523.523-.523Zm4.75 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.038.094l-.009-.094V4.876c0-.288.236-.523.524-.523Zm2.374 0c.256 0 .47.185.515.429l.008.094v1.583a.523.523 0 0 1-1.037.094l-.009-.094V4.876c0-.288.235-.523.523-.523ZM3.688 5.399a.269.269 0 1 0 .004.537.269.269 0 0 0-.004-.537Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};