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

package/build/rn/icons/Unmuted.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: "M13.709 4.292c-.217-.09-.457-.032-.643.153L8.614 8.897a.273.273 0 0 1-.076.036H5.18a.72.72 0 0 0-.72.719v4.318a.72.72 0 0 0 .72.719l3.349-.001a.266.266 0 0 1 .079.03l4.458 4.459a.618.618 0 0 0 .436.194c.069 0 .14-.014.207-.041.217-.09.346-.301.346-.563V4.854c0-.262-.129-.472-.346-.562Zm3.146 4.87a4.292 4.292 0 0 1 1.264 3.054 4.29 4.29 0 0 1-1.264 3.052.48.48 0 1 1-.68-.678 3.333 3.333 0 0 0 .985-2.374c0-.898-.35-1.741-.985-2.375a.481.481 0 0 1 .68-.68Zm4.15 3.045c0-1.92-.75-3.729-2.108-5.088a.48.48 0 0 0-.679.678 6.196 6.196 0 0 1 1.827 4.41 6.198 6.198 0 0 1-1.827 4.411.479.479 0 1 0 .68.677 7.15 7.15 0 0 0 2.106-5.088Z",
-    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: "M13.709 4.292c-.217-.09-.457-.032-.643.153L8.614 8.897a.273.273 0 0 1-.076.036H5.18a.72.72 0 0 0-.72.719v4.318a.72.72 0 0 0 .72.719l3.349-.001a.266.266 0 0 1 .079.03l4.458 4.459a.618.618 0 0 0 .436.194c.069 0 .14-.014.207-.041.217-.09.346-.301.346-.563V4.854c0-.262-.129-.472-.346-.562Zm3.146 4.87a4.292 4.292 0 0 1 1.264 3.054 4.29 4.29 0 0 1-1.264 3.052.48.48 0 1 1-.68-.678 3.333 3.333 0 0 0 .985-2.374c0-.898-.35-1.741-.985-2.375a.481.481 0 0 1 .68-.68Zm4.15 3.045c0-1.92-.75-3.729-2.108-5.088a.48.48 0 0 0-.679.678 6.196 6.196 0 0 1 1.827 4.41 6.198 6.198 0 0 1-1.827 4.411.479.479 0 1 0 .68.677 7.15 7.15 0 0 0 2.106-5.088Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Upload.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.505 15.87c.243 0 .445.174.487.405l.008.088v5.555c0 1.098-.854 2-1.933 2.077l-.149.005H2.082c-1.098 0-2-.854-2.077-1.933L0 21.918v-5.555a.494.494 0 0 1 .982-.088l.008.088v5.555c0 .562.427 1.027.973 1.087l.119.006h19.836c.563 0 1.027-.427 1.087-.974l.006-.119v-5.555c0-.273.221-.494.494-.494ZM11.999 0c.063 0 .125.013.185.037.027.01.05.032.075.047l.04.021.036.026 5.158 4.76a.495.495 0 0 1-.601.782l-.07-.054-4.328-3.994v14.739a.495.495 0 0 1-.982.089l-.008-.09V1.626L7.177 5.619a.495.495 0 0 1-.73-.661l.06-.066L11.663.13c.023-.021.05-.031.076-.047.025-.015.048-.036.075-.047A.496.496 0 0 1 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: "M23.505 15.87c.243 0 .445.174.487.405l.008.088v5.555c0 1.098-.854 2-1.933 2.077l-.149.005H2.082c-1.098 0-2-.854-2.077-1.933L0 21.918v-5.555a.494.494 0 0 1 .982-.088l.008.088v5.555c0 .562.427 1.027.973 1.087l.119.006h19.836c.563 0 1.027-.427 1.087-.974l.006-.119v-5.555c0-.273.221-.494.494-.494ZM11.999 0c.063 0 .125.013.185.037.027.01.05.032.075.047l.04.021.036.026 5.158 4.76a.495.495 0 0 1-.601.782l-.07-.054-4.328-3.994v14.739a.495.495 0 0 1-.982.089l-.008-.09V1.626L7.177 5.619a.495.495 0 0 1-.73-.661l.06-.066L11.663.13c.023-.021.05-.031.076-.047.025-.015.048-.036.075-.047A.496.496 0 0 1 12 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/Upload.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.505 15.87c.243 0 .445.174.487.405l.008.088v5.555c0 1.098-.854 2-1.933 2.077l-.149.005H2.082c-1.098 0-2-.854-2.077-1.933L0 21.918v-5.555a.494.494 0 0 1 .982-.088l.008.088v5.555c0 .562.427 1.027.973 1.087l.119.006h19.836c.563 0 1.027-.427 1.087-.974l.006-.119v-5.555c0-.273.221-.494.494-.494ZM11.999 0c.063 0 .125.013.185.037.027.01.05.032.075.047l.04.021.036.026 5.158 4.76a.495.495 0 0 1-.601.782l-.07-.054-4.328-3.994v14.739a.495.495 0 0 1-.982.089l-.008-.09V1.626L7.177 5.619a.495.495 0 0 1-.73-.661l.06-.066L11.663.13c.023-.021.05-.031.076-.047.025-.015.048-.036.075-.047A.496.496 0 0 1 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: "M23.505 15.87c.243 0 .445.174.487.405l.008.088v5.555c0 1.098-.854 2-1.933 2.077l-.149.005H2.082c-1.098 0-2-.854-2.077-1.933L0 21.918v-5.555a.494.494 0 0 1 .982-.088l.008.088v5.555c0 .562.427 1.027.973 1.087l.119.006h19.836c.563 0 1.027-.427 1.087-.974l.006-.119v-5.555c0-.273.221-.494.494-.494ZM11.999 0c.063 0 .125.013.185.037.027.01.05.032.075.047l.04.021.036.026 5.158 4.76a.495.495 0 0 1-.601.782l-.07-.054-4.328-3.994v14.739a.495.495 0 0 1-.982.089l-.008-.09V1.626L7.177 5.619a.495.495 0 0 1-.73-.661l.06-.066L11.663.13c.023-.021.05-.031.076-.047.025-.015.048-.036.075-.047A.496.496 0 0 1 12 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/UploadToCloud.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: "M10.5 10a.5.5 0 0 1 .09.992L10.5 11h-5c-.778 0-1.42.596-1.493 1.356L4 12.5V18h17v-5.5c0-.778-.596-1.42-1.355-1.493L19.5 11h-5a.5.5 0 0 1-.09-.992L14.5 10h5a2.503 2.503 0 0 1 2.495 2.336L22 12.5v7a2.503 2.503 0 0 1-2.335 2.495L19.5 22H13v1h3.5a.5.5 0 0 1 .09.992L16.5 24h-8a.5.5 0 0 1-.09-.992L8.5 23H12v-1H5.5a2.503 2.503 0 0 1-2.494-2.336L3 19.5v-7a2.503 2.503 0 0 1 2.336-2.495L5.5 10h5ZM21 19H4v.5c0 .778.596 1.42 1.356 1.493L5.5 21h14c.779 0 1.42-.596 1.493-1.356L21 19.5V19ZM12.44 5.012a.57.57 0 0 1 .167.002l.081.024.018.011a.55.55 0 0 1 .102.059l.045.04 2.001 2a.502.502 0 0 1 0 .706.502.502 0 0 1-.629.064l-.079-.064L13 6.708V15.5a.5.5 0 0 1-.992.09L12 15.5V6.707l-1.146 1.146a.5.5 0 0 1-.764-.638l.057-.069 2.001-2a.494.494 0 0 1 .224-.12c.023-.007.044-.01.067-.014ZM11.5 0c3.565 0 6.652 2.623 7.346 6.169C21.758 6.383 24 8.818 24 11.779c0 .465-.068.938-.216 1.488a.499.499 0 0 1-.615.358.513.513 0 0 1-.349-.63c.123-.46.18-.845.18-1.216 0-2.541-2.018-4.609-4.5-4.609-.258-.004-.538-.176-.573-.432-.453-3.257-3.216-5.714-6.427-5.714-3.584 0-6.5 2.987-6.5 6.658 0 .289.024.594.076.96a.522.522 0 0 1-.12.412.563.563 0 0 1-.383.173l-.075-.006a.64.64 0 0 1-.032-.005C2.57 9.218 1 10.826 1 12.803c0 .864.303 1.676.876 2.347a.52.52 0 0 1-.047.723.491.491 0 0 1-.705-.048A4.662 4.662 0 0 1 0 12.803c0-2.376 1.765-4.338 4.022-4.583A6.723 6.723 0 0 1 4 7.682C4 3.446 7.365 0 11.5 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: "M10.5 10a.5.5 0 0 1 .09.992L10.5 11h-5c-.778 0-1.42.596-1.493 1.356L4 12.5V18h17v-5.5c0-.778-.596-1.42-1.355-1.493L19.5 11h-5a.5.5 0 0 1-.09-.992L14.5 10h5a2.503 2.503 0 0 1 2.495 2.336L22 12.5v7a2.503 2.503 0 0 1-2.335 2.495L19.5 22H13v1h3.5a.5.5 0 0 1 .09.992L16.5 24h-8a.5.5 0 0 1-.09-.992L8.5 23H12v-1H5.5a2.503 2.503 0 0 1-2.494-2.336L3 19.5v-7a2.503 2.503 0 0 1 2.336-2.495L5.5 10h5ZM21 19H4v.5c0 .778.596 1.42 1.356 1.493L5.5 21h14c.779 0 1.42-.596 1.493-1.356L21 19.5V19ZM12.44 5.012a.57.57 0 0 1 .167.002l.081.024.018.011a.55.55 0 0 1 .102.059l.045.04 2.001 2a.502.502 0 0 1 0 .706.502.502 0 0 1-.629.064l-.079-.064L13 6.708V15.5a.5.5 0 0 1-.992.09L12 15.5V6.707l-1.146 1.146a.5.5 0 0 1-.764-.638l.057-.069 2.001-2a.494.494 0 0 1 .224-.12c.023-.007.044-.01.067-.014ZM11.5 0c3.565 0 6.652 2.623 7.346 6.169C21.758 6.383 24 8.818 24 11.779c0 .465-.068.938-.216 1.488a.499.499 0 0 1-.615.358.513.513 0 0 1-.349-.63c.123-.46.18-.845.18-1.216 0-2.541-2.018-4.609-4.5-4.609-.258-.004-.538-.176-.573-.432-.453-3.257-3.216-5.714-6.427-5.714-3.584 0-6.5 2.987-6.5 6.658 0 .289.024.594.076.96a.522.522 0 0 1-.12.412.563.563 0 0 1-.383.173l-.075-.006a.64.64 0 0 1-.032-.005C2.57 9.218 1 10.826 1 12.803c0 .864.303 1.676.876 2.347a.52.52 0 0 1-.047.723.491.491 0 0 1-.705-.048A4.662 4.662 0 0 1 0 12.803c0-2.376 1.765-4.338 4.022-4.583A6.723 6.723 0 0 1 4 7.682C4 3.446 7.365 0 11.5 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/UploadToCloud.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.5 10a.5.5 0 0 1 .09.992L10.5 11h-5c-.778 0-1.42.596-1.493 1.356L4 12.5V18h17v-5.5c0-.778-.596-1.42-1.355-1.493L19.5 11h-5a.5.5 0 0 1-.09-.992L14.5 10h5a2.503 2.503 0 0 1 2.495 2.336L22 12.5v7a2.503 2.503 0 0 1-2.335 2.495L19.5 22H13v1h3.5a.5.5 0 0 1 .09.992L16.5 24h-8a.5.5 0 0 1-.09-.992L8.5 23H12v-1H5.5a2.503 2.503 0 0 1-2.494-2.336L3 19.5v-7a2.503 2.503 0 0 1 2.336-2.495L5.5 10h5ZM21 19H4v.5c0 .778.596 1.42 1.356 1.493L5.5 21h14c.779 0 1.42-.596 1.493-1.356L21 19.5V19ZM12.44 5.012a.57.57 0 0 1 .167.002l.081.024.018.011a.55.55 0 0 1 .102.059l.045.04 2.001 2a.502.502 0 0 1 0 .706.502.502 0 0 1-.629.064l-.079-.064L13 6.708V15.5a.5.5 0 0 1-.992.09L12 15.5V6.707l-1.146 1.146a.5.5 0 0 1-.764-.638l.057-.069 2.001-2a.494.494 0 0 1 .224-.12c.023-.007.044-.01.067-.014ZM11.5 0c3.565 0 6.652 2.623 7.346 6.169C21.758 6.383 24 8.818 24 11.779c0 .465-.068.938-.216 1.488a.499.499 0 0 1-.615.358.513.513 0 0 1-.349-.63c.123-.46.18-.845.18-1.216 0-2.541-2.018-4.609-4.5-4.609-.258-.004-.538-.176-.573-.432-.453-3.257-3.216-5.714-6.427-5.714-3.584 0-6.5 2.987-6.5 6.658 0 .289.024.594.076.96a.522.522 0 0 1-.12.412.563.563 0 0 1-.383.173l-.075-.006a.64.64 0 0 1-.032-.005C2.57 9.218 1 10.826 1 12.803c0 .864.303 1.676.876 2.347a.52.52 0 0 1-.047.723.491.491 0 0 1-.705-.048A4.662 4.662 0 0 1 0 12.803c0-2.376 1.765-4.338 4.022-4.583A6.723 6.723 0 0 1 4 7.682C4 3.446 7.365 0 11.5 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: "M10.5 10a.5.5 0 0 1 .09.992L10.5 11h-5c-.778 0-1.42.596-1.493 1.356L4 12.5V18h17v-5.5c0-.778-.596-1.42-1.355-1.493L19.5 11h-5a.5.5 0 0 1-.09-.992L14.5 10h5a2.503 2.503 0 0 1 2.495 2.336L22 12.5v7a2.503 2.503 0 0 1-2.335 2.495L19.5 22H13v1h3.5a.5.5 0 0 1 .09.992L16.5 24h-8a.5.5 0 0 1-.09-.992L8.5 23H12v-1H5.5a2.503 2.503 0 0 1-2.494-2.336L3 19.5v-7a2.503 2.503 0 0 1 2.336-2.495L5.5 10h5ZM21 19H4v.5c0 .778.596 1.42 1.356 1.493L5.5 21h14c.779 0 1.42-.596 1.493-1.356L21 19.5V19ZM12.44 5.012a.57.57 0 0 1 .167.002l.081.024.018.011a.55.55 0 0 1 .102.059l.045.04 2.001 2a.502.502 0 0 1 0 .706.502.502 0 0 1-.629.064l-.079-.064L13 6.708V15.5a.5.5 0 0 1-.992.09L12 15.5V6.707l-1.146 1.146a.5.5 0 0 1-.764-.638l.057-.069 2.001-2a.494.494 0 0 1 .224-.12c.023-.007.044-.01.067-.014ZM11.5 0c3.565 0 6.652 2.623 7.346 6.169C21.758 6.383 24 8.818 24 11.779c0 .465-.068.938-.216 1.488a.499.499 0 0 1-.615.358.513.513 0 0 1-.349-.63c.123-.46.18-.845.18-1.216 0-2.541-2.018-4.609-4.5-4.609-.258-.004-.538-.176-.573-.432-.453-3.257-3.216-5.714-6.427-5.714-3.584 0-6.5 2.987-6.5 6.658 0 .289.024.594.076.96a.522.522 0 0 1-.12.412.563.563 0 0 1-.383.173l-.075-.006a.64.64 0 0 1-.032-.005C2.57 9.218 1 10.826 1 12.803c0 .864.303 1.676.876 2.347a.52.52 0 0 1-.047.723.491.491 0 0 1-.705-.048A4.662 4.662 0 0 1 0 12.803c0-2.376 1.765-4.338 4.022-4.583A6.723 6.723 0 0 1 4 7.682C4 3.446 7.365 0 11.5 0Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/UsbCable.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: "M5.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM5 4H4V3h1v1Zm14.5-4A4.505 4.505 0 0 0 15 4.5V19c0 2.206-1.794 4-4 4s-4-1.794-4-4v-.025c3.351-.257 6-3.059 6-6.475v-3c0-.651-.419-1.201-1-1.408V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v7.592c-.581.207-1 .757-1 1.408v3c0 3.415 2.649 6.218 6 6.475V19c0 2.757 2.243 5 5 5s5-2.243 5-5V4.5C16 2.57 17.57 1 19.5 1S23 2.57 23 4.5v4a.5.5 0 0 0 1 0v-4C24 2.019 21.981 0 19.5 0ZM2 1h9v7H2V1ZM1 12.5v-3a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v3c0 3.033-2.467 5.5-5.5 5.5A5.506 5.506 0 0 1 1 12.5ZM9.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM9 4H8V3h1v1Z",
-    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: "M5.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM5 4H4V3h1v1Zm14.5-4A4.505 4.505 0 0 0 15 4.5V19c0 2.206-1.794 4-4 4s-4-1.794-4-4v-.025c3.351-.257 6-3.059 6-6.475v-3c0-.651-.419-1.201-1-1.408V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v7.592c-.581.207-1 .757-1 1.408v3c0 3.415 2.649 6.218 6 6.475V19c0 2.757 2.243 5 5 5s5-2.243 5-5V4.5C16 2.57 17.57 1 19.5 1S23 2.57 23 4.5v4a.5.5 0 0 0 1 0v-4C24 2.019 21.981 0 19.5 0ZM2 1h9v7H2V1ZM1 12.5v-3a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v3c0 3.033-2.467 5.5-5.5 5.5A5.506 5.506 0 0 1 1 12.5ZM9.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM9 4H8V3h1v1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/UsbCable.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: "M5.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM5 4H4V3h1v1Zm14.5-4A4.505 4.505 0 0 0 15 4.5V19c0 2.206-1.794 4-4 4s-4-1.794-4-4v-.025c3.351-.257 6-3.059 6-6.475v-3c0-.651-.419-1.201-1-1.408V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v7.592c-.581.207-1 .757-1 1.408v3c0 3.415 2.649 6.218 6 6.475V19c0 2.757 2.243 5 5 5s5-2.243 5-5V4.5C16 2.57 17.57 1 19.5 1S23 2.57 23 4.5v4a.5.5 0 0 0 1 0v-4C24 2.019 21.981 0 19.5 0ZM2 1h9v7H2V1ZM1 12.5v-3a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v3c0 3.033-2.467 5.5-5.5 5.5A5.506 5.506 0 0 1 1 12.5ZM9.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM9 4H8V3h1v1Z",
-    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: "M5.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM5 4H4V3h1v1Zm14.5-4A4.505 4.505 0 0 0 15 4.5V19c0 2.206-1.794 4-4 4s-4-1.794-4-4v-.025c3.351-.257 6-3.059 6-6.475v-3c0-.651-.419-1.201-1-1.408V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5v7.592c-.581.207-1 .757-1 1.408v3c0 3.415 2.649 6.218 6 6.475V19c0 2.757 2.243 5 5 5s5-2.243 5-5V4.5C16 2.57 17.57 1 19.5 1S23 2.57 23 4.5v4a.5.5 0 0 0 1 0v-4C24 2.019 21.981 0 19.5 0ZM2 1h9v7H2V1ZM1 12.5v-3a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v3c0 3.033-2.467 5.5-5.5 5.5A5.506 5.506 0 0 1 1 12.5ZM9.5 2h-2a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5ZM9 4H8V3h1v1Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/rn/icons/User.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/User.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/UserAdd.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: "M11 0c3.06 0 3.892 1.569 3.99 2.345C15.508 2.729 16 3.389 16 5v2.651c.277.188.43.508.485.728a.49.49 0 0 1 .015.121c0 .822-.481 2.049-.536 2.186a.503.503 0 0 1-.343.3c-.014.012-.096.126-.117.39l-.004.124c0 .435-.148.912-.439 1.42a.501.501 0 0 1-.868-.498c.201-.35.307-.668.307-.922 0-.747.309-1.161.601-1.357.144-.392.373-1.104.397-1.567a.328.328 0 0 0-.057-.094C15.165 8.481 15 8.276 15 8V5c0-1.325-.383-1.7-.607-1.855l-.068-.045c-.121-.078-.325-.206-.355-.481a.519.519 0 0 1 .022-.195l-.024-.094C13.826 1.886 13.155 1 11 1 8.558 1 7 3.369 7 5v3a.5.5 0 0 1-.5.5c.024 0 .015.034.002.072.023.466.253 1.179.397 1.57.292.196.601.611.601 1.358 0 .673.663 1.573 1.318 2.114A.5.5 0 0 1 9 14c0 .635-.577 3.24-2.308 3.962L2.22 19.454c-.708.236-.989.805-1.22 1.706V23h12.605a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5v-2.402a.49.49 0 0 1 .015-.121c.261-1.044.67-2.065 1.889-2.472l4.438-1.479c1.043-.436 1.531-2.162 1.636-2.817-.714-.656-1.383-1.62-1.469-2.518L6.5 11.5c0-.354-.105-.5-.161-.527-.156-.039-.244-.138-.304-.287l-.106-.284C5.77 9.961 5.5 9.117 5.5 8.5a.49.49 0 0 1 .015-.121c.055-.22.208-.54.485-.728V5c0-2.088 1.902-5 5-5Zm7.5 13c3.033 0 5.5 2.468 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.032 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.5Zm0 2a.5.5 0 0 1 .5.5V18h1.5a.5.5 0 0 1 0 1H19v1.5a.5.5 0 0 1-1 0V19h-1.5a.5.5 0 0 1 0-1H18v-1.5a.5.5 0 0 1 .5-.5Z",
-    clipRule: "evenodd"
-  })]
-});
+}) => {
+  const iconSharedUtils = require('./utils/icon-shared-utils');
+  const hasGradient = iconSharedUtils.hasValidGradient(gradient);
+  let fillValue = color;
+  let gradientDefs;
+  let gradientUtils;
+  if (hasGradient) {
+    gradientUtils = iconSharedUtils.getGradientUtils();
+    const iconWebUtils = require('./utils/icon-web-utils');
+    const gradientId = gradientUtils.generateGradientId(gradient);
+    fillValue = `url(#${gradientId})`;
+    gradientDefs = iconWebUtils.renderWebGradientDefs(gradient, gradientId);
+  }
+  const svgContent = (0, _jsxRuntime.jsxs)("svg", {
+    ...props,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    height: size,
+    width: size,
+    fill: fillValue,
+    role: title ? 'img' : undefined,
+    "aria-hidden": !title,
+    "aria-labelledby": titleId,
+    children: [title ? (0, _jsxRuntime.jsx)("title", {
+      id: titleId,
+      children: title
+    }) : null, (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M11 0c3.06 0 3.892 1.569 3.99 2.345C15.508 2.729 16 3.389 16 5v2.651c.277.188.43.508.485.728a.49.49 0 0 1 .015.121c0 .822-.481 2.049-.536 2.186a.503.503 0 0 1-.343.3c-.014.012-.096.126-.117.39l-.004.124c0 .435-.148.912-.439 1.42a.501.501 0 0 1-.868-.498c.201-.35.307-.668.307-.922 0-.747.309-1.161.601-1.357.144-.392.373-1.104.397-1.567a.328.328 0 0 0-.057-.094C15.165 8.481 15 8.276 15 8V5c0-1.325-.383-1.7-.607-1.855l-.068-.045c-.121-.078-.325-.206-.355-.481a.519.519 0 0 1 .022-.195l-.024-.094C13.826 1.886 13.155 1 11 1 8.558 1 7 3.369 7 5v3a.5.5 0 0 1-.5.5c.024 0 .015.034.002.072.023.466.253 1.179.397 1.57.292.196.601.611.601 1.358 0 .673.663 1.573 1.318 2.114A.5.5 0 0 1 9 14c0 .635-.577 3.24-2.308 3.962L2.22 19.454c-.708.236-.989.805-1.22 1.706V23h12.605a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5v-2.402a.49.49 0 0 1 .015-.121c.261-1.044.67-2.065 1.889-2.472l4.438-1.479c1.043-.436 1.531-2.162 1.636-2.817-.714-.656-1.383-1.62-1.469-2.518L6.5 11.5c0-.354-.105-.5-.161-.527-.156-.039-.244-.138-.304-.287l-.106-.284C5.77 9.961 5.5 9.117 5.5 8.5a.49.49 0 0 1 .015-.121c.055-.22.208-.54.485-.728V5c0-2.088 1.902-5 5-5Zm7.5 13c3.033 0 5.5 2.468 5.5 5.5S21.533 24 18.5 24a5.506 5.506 0 0 1-5.5-5.5c0-3.032 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.5Zm0 2a.5.5 0 0 1 .5.5V18h1.5a.5.5 0 0 1 0 1H19v1.5a.5.5 0 0 1-1 0V19h-1.5a.5.5 0 0 1 0-1H18v-1.5a.5.5 0 0 1 .5-.5Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};