@telus-uds/palette-koodo 3.9.0 → 3.10.0

package/build/web/icons/PaymentCycle.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M21.396 10.845a.62.62 0 0 1 .448.191.62.62 0 0 1 .19.448v2.47a.68.68 0 0 1-.686.686l-2.536-.003-.125-.012a.63.63 0 0 1-.323-.178.617.617 0 0 1 0-.894.62.62 0 0 1 .448-.191h.636a3.554 3.554 0 1 0-1.781 6.632 3.555 3.555 0 0 0 3.556-3.555.889.889 0 1 1 1.777 0 5.333 5.333 0 1 1-2.24-4.344v-.614c0-.171.067-.322.191-.446a.614.614 0 0 1 .445-.19Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M19.004 2.228c.625 0 1.157.22 1.597.66.44.44.66.974.66 1.599V7.69a2.665 2.665 0 0 1-2.665 2.665H3.26v5.904h8.376c-.002.06-.005.12-.005.18 0 .731.138 1.43.388 2.076l-.048.003H3.26a2.18 2.18 0 0 1-1.6-.66A2.18 2.18 0 0 1 1 16.259V4.487c0-.625.221-1.158.661-1.599.44-.44.973-.66 1.598-.66h15.745ZM3.259 6.384h15.745V4.487H3.259v1.897Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/PaymentTime.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M17.321 13.584c.385 0 .697.311.698.696v2.656l1.032 1.032a.697.697 0 0 1-.986.985l-1.237-1.235a.696.696 0 0 1-.203-.514l-.001-.02V14.28c0-.385.313-.696.697-.696Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M17.566 11.116a5.495 5.495 0 1 1 0 10.99 5.495 5.495 0 0 1 0-10.99Zm0 1.394a4.1 4.1 0 1 0 0 8.2 4.1 4.1 0 0 0 0-8.2Z",
+      clipRule: "evenodd"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M18.7 1.833c.615 0 1.14.218 1.572.65.433.434.65.957.65 1.572v3.148A2.621 2.621 0 0 1 18.3 9.825H3.22v5.804h8.08a6.322 6.322 0 0 0 .024 2.221H3.221a2.141 2.141 0 0 1-1.572-.65A2.141 2.141 0 0 1 1 15.63V4.054c0-.615.217-1.138.65-1.571.432-.433.956-.65 1.571-.65h15.48ZM3.221 5.92h15.48V4.055H3.22v1.864Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsDown.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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.237 2.34c.645 0 1.215.312 1.575.79a3.925 3.925 0 0 1 2.367-.79h7.249l.152.004a2.953 2.953 0 0 1 2.796 2.796l.004.152c0 .11-.009.218-.02.324.5.489.83 1.155.881 1.9l.007.206c0 .228-.028.45-.077.662a2.94 2.94 0 0 1 .822 1.84l.007.207c0 .544-.149 1.052-.404 1.488.254.435.404.941.404 1.484a2.953 2.953 0 0 1-2.951 2.952h-5.336c.047.456.073.87.056 1.18a12.2 12.2 0 0 1-.207 1.583l-.098.471c-.28 1.273-1.423 2.07-2.638 2.07a2.81 2.81 0 0 1-2.794-2.52l-.013-.287v-1.077c0-.337-.09-.67-.261-.964l-.228-.389a1.963 1.963 0 0 1-1.293.486H3.972A1.972 1.972 0 0 1 2 14.937V4.311l.01-.201a1.973 1.973 0 0 1 1.962-1.77h2.265Zm3.942 1.971c-1.02 0-1.86.777-1.96 1.77l-.011.202v7.116c0 .213.068.41.187.574.036.051.07.106.096.163.025.055.047.098.067.132l.903 1.552c.302.518.48 1.1.52 1.698l.008.257v1.077c0 .462.375.836.837.836.38 0 .65-.239.713-.522l.088-.423c.083-.434.15-.894.174-1.318.018-.325-.05-1.012-.18-1.913a.988.988 0 0 1 .974-1.128h6.454l.1-.005a.982.982 0 0 0 .88-.976.97.97 0 0 0-.266-.667l-.153-.147a.986.986 0 0 1 .078-1.417.976.976 0 0 0 .34-.74l-.01-.137a.98.98 0 0 0-.498-.722.989.989 0 0 1-.377-1.36.975.975 0 0 0 .133-.49l-.01-.135a.98.98 0 0 0-.493-.72.987.987 0 0 1-.434-1.22.993.993 0 0 0 .064-.266l.005-.09a.982.982 0 0 0-.88-.976l-.1-.005h-7.25Zm-6.207 0v10.626h2.265V4.311H3.972Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsDownFilled.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M5.493 16.215a1.06 1.06 0 0 0 1.059-1.06V3.74a1.06 1.06 0 0 0-1.059-1.06H3.06A1.06 1.06 0 0 0 2 3.74v11.416c0 .585.474 1.06 1.059 1.06h2.434Zm5.56 5.105c.856 0 1.616-.556 1.8-1.392.136-.614.266-1.351.304-2.04.027-.472-.064-1.316-.203-2.267h6.935A2.113 2.113 0 0 0 22 13.508c0-.639-.286-1.209-.733-1.596a2.111 2.111 0 0 0-.361-3.448 2.104 2.104 0 0 0-.795-2.9c.094-.24.149-.499.149-.771a2.114 2.114 0 0 0-2.114-2.113h-7.788a3.179 3.179 0 0 0-3.177 3.177v7.646c0 .462.15.89.401 1.237.036.077.074.155.118.23l.972 1.668c.277.475.424 1.016.424 1.567v1.157c0 1.081.876 1.958 1.957 1.958Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsUp.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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.826 2.34c1.215 0 2.358.798 2.638 2.07l.098.472c.094.494.177 1.046.207 1.582.017.311-.009.725-.056 1.18h5.336A2.954 2.954 0 0 1 22 10.597c0 .543-.15 1.049-.404 1.483.256.437.404.945.404 1.489l-.007.208a2.938 2.938 0 0 1-.822 1.839c.05.212.077.434.077.662l-.007.206a2.939 2.939 0 0 1-.882 1.9c.012.106.02.214.02.323l-.003.153a2.953 2.953 0 0 1-2.796 2.796l-.152.004h-7.25a3.924 3.924 0 0 1-2.366-.79c-.36.478-.93.79-1.575.79H3.972c-1.02 0-1.86-.776-1.961-1.77L2 19.689V9.063a1.97 1.97 0 0 1 1.972-1.97h2.265c.495 0 .947.183 1.293.485l.228-.39c.17-.292.26-.626.26-.963V5.148l.014-.287a2.809 2.809 0 0 1 2.794-2.52ZM3.972 19.69h2.265V9.063H3.972v10.626Zm6.854-15.377a.836.836 0 0 0-.837.836v1.077l-.009.257a3.89 3.89 0 0 1-.52 1.698l-.902 1.552c-.02.034-.042.077-.067.132a.988.988 0 0 1-.096.163.976.976 0 0 0-.187.574v7.116l.01.201c.102.994.94 1.77 1.96 1.77h7.25l.1-.004a.982.982 0 0 0 .88-.977l-.005-.09a1 1 0 0 0-.064-.266.986.986 0 0 1 .434-1.22.98.98 0 0 0 .494-.72l.01-.133a.974.974 0 0 0-.134-.491.987.987 0 0 1 .377-1.36.98.98 0 0 0 .499-.723l.01-.135a.975.975 0 0 0-.341-.742.988.988 0 0 1-.078-1.416l.153-.147a.969.969 0 0 0 .265-.667.982.982 0 0 0-.88-.977l-.1-.004h-6.453a.986.986 0 0 1-.975-1.128c.131-.902.199-1.588.18-1.913-.023-.424-.09-.884-.173-1.318l-.088-.423c-.063-.283-.334-.522-.713-.522Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/ThumbsUpFilled.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M5.552 7.785a1 1 0 0 1 1 1V20.32a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8.785a1 1 0 0 1 1-1h2.552Zm5.501-5.105c.856 0 1.616.557 1.8 1.393.136.614.266 1.35.304 2.038.027.473-.064 1.317-.203 2.269h6.934c1.166 0 2.112.947 2.112 2.113 0 .638-.285 1.209-.732 1.596a2.108 2.108 0 0 1-.363 3.448 2.11 2.11 0 0 1-.794 2.9 2.107 2.107 0 0 1-1.964 2.883H10.18a3 3 0 0 1-3-3v-7.94c0-.511.193-.977.508-1.33l.012-.02.972-1.668a3.117 3.117 0 0 0 .423-1.568V4.638c0-1.082.876-1.958 1.958-1.958Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/Time.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M11.3 6.039a1 1 0 0 1 1 1v5.384l2.466 2.466a1 1 0 0 1-1.414 1.414L10.65 13.6a1.01 1.01 0 0 1-.141-.18.996.996 0 0 1-.208-.607V7.038a1 1 0 0 1 1-1Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      d: "M12 2a9.75 9.75 0 0 1 3.905.787 10.093 10.093 0 0 1 3.172 2.136c.9.899 1.612 1.957 2.136 3.173A9.748 9.748 0 0 1 22 12a9.748 9.748 0 0 1-.787 3.905 10.093 10.093 0 0 1-2.136 3.172c-.899.9-1.957 1.612-3.173 2.136A9.75 9.75 0 0 1 12 22a9.747 9.747 0 0 1-3.904-.787 10.094 10.094 0 0 1-3.173-2.136 10.115 10.115 0 0 1-2.136-3.173A9.75 9.75 0 0 1 2 12a9.75 9.75 0 0 1 .787-3.904 10.094 10.094 0 0 1 2.136-3.173c.9-.9 1.958-1.612 3.173-2.136A9.748 9.748 0 0 1 12 2Zm0 2.23c-2.173 0-4.011.752-5.515 2.255C4.982 7.99 4.23 9.827 4.23 12c0 2.173.752 4.011 2.255 5.515C7.99 19.018 9.827 19.77 12 19.77c2.173 0 4.012-.752 5.516-2.255 1.503-1.503 2.255-3.342 2.255-5.515 0-2.173-.752-4.011-2.255-5.515C16.012 4.982 14.173 4.23 12 4.23Z",
+      clipRule: "evenodd"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/TimeCycle.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _jsxRuntime = require("react/jsx-runtime");
+module.exports = ({
+  title,
+  titleId,
+  size,
+  color,
+  gradient,
+  ...props
+}) => {
+  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: "M9.347 2.358a10 10 0 0 1 5.221-.023c1.1.273 2.12.74 3.063 1.4.565.385 1.087.826 1.56 1.315V3.735c0-.336.127-.63.378-.881a1.21 1.21 0 0 1 .882-.378c.337 0 .633.126.886.38.253.253.38.549.38.886v4.446c-.001.393-.133.72-.398.982-.264.26-.592.392-.982.396l-4.451-.005c-.337 0-.632-.127-.885-.38a1.214 1.214 0 0 1-.38-.885c0-.337.127-.632.38-.885s.548-.38.885-.38l1.342.005h.673a7.712 7.712 0 0 0-2.447-1.933l-.322-.152a7.716 7.716 0 0 0-5.178-.387l-.342.103a7.712 7.712 0 0 0-4.107 3.175l-.186.305a7.715 7.715 0 0 0-.862 5.46l.083.347a7.714 7.714 0 0 0 2.929 4.287l.294.202a7.714 7.714 0 0 0 5.045 1.227l.354-.046A7.714 7.714 0 0 0 19.712 12 1.145 1.145 0 0 1 22 12a10.003 10.003 0 0 1-8.493 9.887l-.458.059a10.003 10.003 0 0 1-6.544-1.59l-.38-.262a10.005 10.005 0 0 1-3.8-5.56l-.106-.45a10.003 10.003 0 0 1 1.118-7.08l.24-.394a10.003 10.003 0 0 1 5.327-4.12l.443-.13Z"
+    }), (0, _jsxRuntime.jsx)("path", {
+      d: "M11.3 6.038a1 1 0 0 1 1 1v5.384l2.466 2.467a1 1 0 0 1-1.415 1.414L10.65 13.6a1.005 1.005 0 0 1-.141-.179.995.995 0 0 1-.208-.608V7.038a1 1 0 0 1 1-1Z"
+    })]
+  });
+  return hasGradient ? gradientUtils.addGradientToSvg(svgContent, gradientDefs) : svgContent;
+};

package/build/web/icons/bank-cycle-filled.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M11.709 17.817a5.69 5.69 0 0 0 .44 1.952H1.978a.945.945 0 0 1-.694-.282.945.945 0 0 1-.283-.695.94.94 0 0 1 .283-.693.945.945 0 0 1 .694-.282h9.732ZM5.38 8.328a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.016.168.73.73 0 0 1-.166 1.44H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v5.862a.92.92 0 0 1-.015.168.73.73 0 0 1-.167 1.44h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .183-1.437h1.46Zm5.109 0a.73.73 0 0 1 .182 1.437v2.249a6.036 6.036 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46ZM9.376 1.255a.745.745 0 0 1 .765 0l7.954 4.698c.733.432.451 1.645-.382 1.645H1.804c-.833 0-1.114-1.213-.382-1.645l7.954-4.698Z"/>
+  <path d="M19.47 14.494a3.53 3.53 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .883.883 0 1 1 1.766 0 5.299 5.299 0 1 1-2.225-4.317v-.61c0-.17.065-.32.189-.444a.614.614 0 0 1 .887 0 .613.613 0 0 1 .189.446v2.454a.676.676 0 0 1-.682.682l-2.52-.002-.123-.012a.624.624 0 0 1-.321-.177.613.613 0 0 1 0-.888.613.613 0 0 1 .444-.19h.633Z"/>
+</svg>

package/build/web/icons/bank-cycle.icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M21.406 11.994c.17 0 .32.064.445.189.125.124.19.275.19.445v2.453a.677.677 0 0 1-.682.683l-2.52-.003-.124-.012a.624.624 0 0 1-.321-.176.614.614 0 0 1 0-.89.615.615 0 0 1 .445-.188h.632a3.531 3.531 0 0 0-5.302 3.058 3.532 3.532 0 0 0 7.066 0 .884.884 0 1 1 1.765 0 5.299 5.299 0 1 1-2.225-4.318v-.61c0-.17.066-.32.19-.444a.61.61 0 0 1 .441-.187Z"/>
+  <path d="M11.71 17.818a5.69 5.69 0 0 0 .441 1.952H1.977a.946.946 0 0 1-.694-.283.944.944 0 0 1-.283-.693c0-.274.094-.505.283-.694a.945.945 0 0 1 .694-.282h9.732Zm-6.33-9.49a.73.73 0 0 1 .182 1.437v5.863a.92.92 0 0 1-.016.167.73.73 0 0 1-.166 1.441H3.92a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.016-.168V9.765a.73.73 0 0 1 .182-1.437h1.46Zm5.109 0a.731.731 0 0 1 .182 1.437l.001.023v5.84a.917.917 0 0 1-.015.167.731.731 0 0 1-.168 1.441h-1.46a.73.73 0 0 1-.167-1.44.92.92 0 0 1-.015-.168V9.765a.731.731 0 0 1 .183-1.437h1.459Zm5.111 0a.73.73 0 0 1 .181 1.437v2.25a6.034 6.034 0 0 0-1.824.973V9.765a.73.73 0 0 1 .182-1.437h1.46Z"/>
+  <path fill-rule="evenodd" d="M9.378 1.254a.744.744 0 0 1 .763 0l7.956 4.697c.732.433.45 1.647-.382 1.647H1.805C.97 7.598.69 6.384 1.421 5.95l7.956-4.697Zm-4.065 4.52h8.892L9.76 3.147 5.313 5.773Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/calendar-event.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M8.036 11.938a1.001 1.001 0 1 1 0 2.002 1.001 1.001 0 0 1 0-2.002Z"/>
+  <path fill-rule="evenodd" d="M16.657 2c.55 0 .996.366.996.816v1.059h2.358c.548 0 .994.445.994.993v16.139a.995.995 0 0 1-.994.993H3.99a.995.995 0 0 1-.995-.993V4.868c0-.548.446-.993.995-.993h2.43V2.816c0-.45.445-.816.994-.816.55 0 .995.366.996.816v1.059h7.254V2.816c0-.45.444-.816.993-.816ZM4.984 20.014h14.032v-9.77H4.984v9.77Zm0-11.757h14.032V5.86H4.984v2.397Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/calendar.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M10.529 12c1.18 0 1.97.454 1.97 1.499 0 .725-.407 1.092-1.045 1.275v.032c.733.112 1.139.518 1.14 1.259.007 1.068-.925 1.658-2.304 1.658-.813 0-1.3-.159-1.682-.398v-.997h.566c.183.175.518.335.98.335.518 0 .91-.23.91-.685 0-.446-.272-.646-.87-.646H9.74v-.997h.398c.606 0 .901-.223.901-.63 0-.39-.24-.605-.702-.605-.438 0-.796.16-1.003.31h-.535v-.948c.422-.263.997-.462 1.73-.462Zm4.864 5.652h-1.531V13.57l-.614.327h-.32v-1.06l1.38-.765h1.085v5.58Z"/>
+  <path fill-rule="evenodd" d="M16.605 2c.578 0 1.083.389 1.083.907v.95h2.234c.597 0 1.08.484 1.08 1.082v15.979c0 .597-.483 1.081-1.08 1.082H4.079a1.082 1.082 0 0 1-1.082-1.082V4.938c0-.597.485-1.081 1.082-1.081h2.305v-.95c0-.518.503-.907 1.082-.907.578 0 1.082.389 1.083.907v.95h6.975v-.95c0-.518.503-.907 1.081-.907ZM5.161 19.836H18.84V10.36H5.16v9.476Zm0-11.64H18.84V6.02H5.16v2.174Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/delete.icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M10.328 10.023c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Zm3.419 0c.626 0 1.134.508 1.134 1.134v5.64a1.134 1.134 0 0 1-2.268 0v-5.64c0-.626.508-1.133 1.134-1.134Z"/>
+  <path fill-rule="evenodd" d="M18.727 6.15v.004h.024v14.409h-.035c.006.052.011.107.011.162 0 .704-.559 1.275-1.248 1.275H6.399c-.69 0-1.248-.571-1.249-1.275 0-.055.005-.11.011-.163h-.01V6.15l13.576.001Zm-11.08 13.3h8.605V8.47H7.647v10.98Z" clip-rule="evenodd"/>
+  <path d="M14.294 2c.509 0 .94.336 1.083.798h3.487c.626 0 1.134.508 1.134 1.134v.226c0 .626-.508 1.134-1.134 1.134H5.136a1.134 1.134 0 0 1-1.134-1.134v-.226c0-.626.508-1.134 1.134-1.134h3.488A1.135 1.135 0 0 1 9.707 2h4.587Z"/>
+</svg>

package/build/web/icons/edit.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M17.21 7.04c.242.14.325.448.186.69L9.518 21.374a.505.505 0 0 1-.297.233l-3.02.873a.505.505 0 0 1-.63-.356l-.816-3.094a.505.505 0 0 1 .051-.382l7.875-13.64a.505.505 0 0 1 .69-.185l3.84 2.217ZM7.236 18.99a.459.459 0 0 0-.046.346l.006.023a.436.436 0 0 0 .799.107l6.324-10.954a.447.447 0 1 0-.775-.447L7.235 18.99Zm7.172-16.973a1.034 1.034 0 0 1 1.413-.378l2.923 1.688c.495.285.664.918.379 1.412l-1.026 1.776-4.714-2.722 1.025-1.776Z"/>
+</svg>

package/build/web/icons/home.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M11.424 2.535a1.128 1.128 0 0 1 1.192.094l9.929 7.368a1.128 1.128 0 0 1-1.344 1.81l-.813-.603v9.26a1.128 1.128 0 0 1-1.126 1.128h-5.41a1.128 1.128 0 0 1-1.126-1.128v-5.372h-1.324v5.372c0 .623-.504 1.128-1.127 1.128H4.74a1.127 1.127 0 0 1-1.127-1.128v-9.268l-.808.607a1.127 1.127 0 1 1-1.353-1.802l9.817-7.368.156-.098Zm-5.558 6.97v9.832h3.283v-5.372c0-.623.504-1.128 1.127-1.128h3.577c.622 0 1.128.505 1.128 1.128v5.372h3.153V9.531l-6.186-4.59-6.082 4.564Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/index.js

@@ -7,12 +7,16 @@ module.exports = {
   ArrowLeft: require('./ArrowLeft'),
   ArrowRight: require('./ArrowRight'),
   Bank: require('./Bank'),
+  BankCycle: require('./BankCycle'),
+  BankCycleFilled: require('./BankCycleFilled'),
   BankFilled: require('./BankFilled'),
   BoxOutline: require('./BoxOutline'),
   BoxOutlineChecked: require('./BoxOutlineChecked'),
   Bullet: require('./Bullet'),
   BulletCircle: require('./BulletCircle'),
   BulletFill: require('./BulletFill'),
+  Calendar: require('./Calendar'),
+  CalendarEvent: require('./CalendarEvent'),
   CanadaFilled: require('./CanadaFilled'),
   Cart: require('./Cart'),
   CartFilled: require('./CartFilled'),
@@ -36,8 +40,10 @@ module.exports = {
   Coaxial: require('./Coaxial'),
   CreditCard: require('./CreditCard'),
   DSL: require('./DSL'),
+  Delete: require('./Delete'),
   Devices: require('./Devices'),
   Download: require('./Download'),
+  Edit: require('./Edit'),
   ExclamationOctagon: require('./ExclamationOctagon'),
   ExclamationTriangle: require('./ExclamationTriangle'),
   Expand: require('./Expand'),
@@ -50,6 +56,7 @@ module.exports = {
   FullscreenMinimize: require('./FullscreenMinimize'),
   Gift: require('./Gift'),
   Hamburger: require('./Hamburger'),
+  Home: require('./Home'),
   IOSEN: require('./IOSEN'),
   IOSFR: require('./IOSFR'),
   IdCard: require('./IdCard'),
@@ -82,6 +89,8 @@ module.exports = {
   OfferStarFilled: require('./OfferStarFilled'),
   Pause: require('./Pause'),
   PaymentAdd: require('./PaymentAdd'),
+  PaymentCycle: require('./PaymentCycle'),
+  PaymentTime: require('./PaymentTime'),
   Perk: require('./Perk'),
   Phone: require('./Phone'),
   PhoneManage: require('./PhoneManage'),
@@ -121,6 +130,12 @@ module.exports = {
   Tablet: require('./Tablet'),
   Tag: require('./Tag'),
   TagFilled: require('./TagFilled'),
+  ThumbsDown: require('./ThumbsDown'),
+  ThumbsDownFilled: require('./ThumbsDownFilled'),
+  ThumbsUp: require('./ThumbsUp'),
+  ThumbsUpFilled: require('./ThumbsUpFilled'),
+  Time: require('./Time'),
+  TimeCycle: require('./TimeCycle'),
   Times: require('./Times'),
   TimesCircled: require('./TimesCircled'),
   ToolTipFilled: require('./ToolTipFilled'),

package/build/web/icons/payment-cycle.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M21.396 10.845a.62.62 0 0 1 .448.191.62.62 0 0 1 .19.448v2.47a.68.68 0 0 1-.686.686l-2.536-.003-.125-.012a.63.63 0 0 1-.323-.178.617.617 0 0 1 0-.894.62.62 0 0 1 .448-.191h.636a3.554 3.554 0 1 0-1.781 6.632 3.555 3.555 0 0 0 3.556-3.555.889.889 0 1 1 1.777 0 5.333 5.333 0 1 1-2.24-4.344v-.614c0-.171.067-.322.191-.446a.614.614 0 0 1 .445-.19Z"/>
+  <path fill-rule="evenodd" d="M19.004 2.228c.625 0 1.157.22 1.597.66.44.44.66.974.66 1.599V7.69a2.665 2.665 0 0 1-2.665 2.665H3.26v5.904h8.376c-.002.06-.005.12-.005.18 0 .731.138 1.43.388 2.076l-.048.003H3.26a2.18 2.18 0 0 1-1.6-.66A2.18 2.18 0 0 1 1 16.259V4.487c0-.625.221-1.158.661-1.599.44-.44.973-.66 1.598-.66h15.745ZM3.259 6.384h15.745V4.487H3.259v1.897Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/payment-time.icon.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M17.321 13.584c.385 0 .697.311.698.696v2.656l1.032 1.032a.697.697 0 0 1-.986.985l-1.237-1.235a.696.696 0 0 1-.203-.514l-.001-.02V14.28c0-.385.313-.696.697-.696Z"/>
+  <path fill-rule="evenodd" d="M17.566 11.116a5.495 5.495 0 1 1 0 10.99 5.495 5.495 0 0 1 0-10.99Zm0 1.394a4.1 4.1 0 1 0 0 8.2 4.1 4.1 0 0 0 0-8.2Z" clip-rule="evenodd"/>
+  <path fill-rule="evenodd" d="M18.7 1.833c.615 0 1.14.218 1.572.65.433.434.65.957.65 1.572v3.148A2.621 2.621 0 0 1 18.3 9.825H3.22v5.804h8.08a6.322 6.322 0 0 0 .024 2.221H3.221a2.141 2.141 0 0 1-1.572-.65A2.141 2.141 0 0 1 1 15.63V4.054c0-.615.217-1.138.65-1.571.432-.433.956-.65 1.571-.65h15.48ZM3.221 5.92h15.48V4.055H3.22v1.864Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/thumbs-down-filled.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M5.493 16.215a1.06 1.06 0 0 0 1.059-1.06V3.74a1.06 1.06 0 0 0-1.059-1.06H3.06A1.06 1.06 0 0 0 2 3.74v11.416c0 .585.474 1.06 1.059 1.06h2.434Zm5.56 5.105c.856 0 1.616-.556 1.8-1.392.136-.614.266-1.351.304-2.04.027-.472-.064-1.316-.203-2.267h6.935A2.113 2.113 0 0 0 22 13.508c0-.639-.286-1.209-.733-1.596a2.111 2.111 0 0 0-.361-3.448 2.104 2.104 0 0 0-.795-2.9c.094-.24.149-.499.149-.771a2.114 2.114 0 0 0-2.114-2.113h-7.788a3.179 3.179 0 0 0-3.177 3.177v7.646c0 .462.15.89.401 1.237.036.077.074.155.118.23l.972 1.668c.277.475.424 1.016.424 1.567v1.157c0 1.081.876 1.958 1.957 1.958Z"/>
+</svg>

package/build/web/icons/thumbs-down.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M6.237 2.34c.645 0 1.215.312 1.575.79a3.925 3.925 0 0 1 2.367-.79h7.249l.152.004a2.953 2.953 0 0 1 2.796 2.796l.004.152c0 .11-.009.218-.02.324.5.489.83 1.155.881 1.9l.007.206c0 .228-.028.45-.077.662a2.94 2.94 0 0 1 .822 1.84l.007.207c0 .544-.149 1.052-.404 1.488.254.435.404.941.404 1.484a2.953 2.953 0 0 1-2.951 2.952h-5.336c.047.456.073.87.056 1.18a12.2 12.2 0 0 1-.207 1.583l-.098.471c-.28 1.273-1.423 2.07-2.638 2.07a2.81 2.81 0 0 1-2.794-2.52l-.013-.287v-1.077c0-.337-.09-.67-.261-.964l-.228-.389a1.963 1.963 0 0 1-1.293.486H3.972A1.972 1.972 0 0 1 2 14.937V4.311l.01-.201a1.973 1.973 0 0 1 1.962-1.77h2.265Zm3.942 1.971c-1.02 0-1.86.777-1.96 1.77l-.011.202v7.116c0 .213.068.41.187.574.036.051.07.106.096.163.025.055.047.098.067.132l.903 1.552c.302.518.48 1.1.52 1.698l.008.257v1.077c0 .462.375.836.837.836.38 0 .65-.239.713-.522l.088-.423c.083-.434.15-.894.174-1.318.018-.325-.05-1.012-.18-1.913a.988.988 0 0 1 .974-1.128h6.454l.1-.005a.982.982 0 0 0 .88-.976.97.97 0 0 0-.266-.667l-.153-.147a.986.986 0 0 1 .078-1.417.976.976 0 0 0 .34-.74l-.01-.137a.98.98 0 0 0-.498-.722.989.989 0 0 1-.377-1.36.975.975 0 0 0 .133-.49l-.01-.135a.98.98 0 0 0-.493-.72.987.987 0 0 1-.434-1.22.993.993 0 0 0 .064-.266l.005-.09a.982.982 0 0 0-.88-.976l-.1-.005h-7.25Zm-6.207 0v10.626h2.265V4.311H3.972Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/thumbs-up-filled.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M5.552 7.785a1 1 0 0 1 1 1V20.32a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8.785a1 1 0 0 1 1-1h2.552Zm5.501-5.105c.856 0 1.616.557 1.8 1.393.136.614.266 1.35.304 2.038.027.473-.064 1.317-.203 2.269h6.934c1.166 0 2.112.947 2.112 2.113 0 .638-.285 1.209-.732 1.596a2.108 2.108 0 0 1-.363 3.448 2.11 2.11 0 0 1-.794 2.9 2.107 2.107 0 0 1-1.964 2.883H10.18a3 3 0 0 1-3-3v-7.94c0-.511.193-.977.508-1.33l.012-.02.972-1.668a3.117 3.117 0 0 0 .423-1.568V4.638c0-1.082.876-1.958 1.958-1.958Z"/>
+</svg>

package/build/web/icons/thumbs-up.icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M10.826 2.34c1.215 0 2.358.798 2.638 2.07l.098.472c.094.494.177 1.046.207 1.582.017.311-.009.725-.056 1.18h5.336A2.954 2.954 0 0 1 22 10.597c0 .543-.15 1.049-.404 1.483.256.437.404.945.404 1.489l-.007.208a2.938 2.938 0 0 1-.822 1.839c.05.212.077.434.077.662l-.007.206a2.939 2.939 0 0 1-.882 1.9c.012.106.02.214.02.323l-.003.153a2.953 2.953 0 0 1-2.796 2.796l-.152.004h-7.25a3.924 3.924 0 0 1-2.366-.79c-.36.478-.93.79-1.575.79H3.972c-1.02 0-1.86-.776-1.961-1.77L2 19.689V9.063a1.97 1.97 0 0 1 1.972-1.97h2.265c.495 0 .947.183 1.293.485l.228-.39c.17-.292.26-.626.26-.963V5.148l.014-.287a2.809 2.809 0 0 1 2.794-2.52ZM3.972 19.69h2.265V9.063H3.972v10.626Zm6.854-15.377a.836.836 0 0 0-.837.836v1.077l-.009.257a3.89 3.89 0 0 1-.52 1.698l-.902 1.552c-.02.034-.042.077-.067.132a.988.988 0 0 1-.096.163.976.976 0 0 0-.187.574v7.116l.01.201c.102.994.94 1.77 1.96 1.77h7.25l.1-.004a.982.982 0 0 0 .88-.977l-.005-.09a1 1 0 0 0-.064-.266.986.986 0 0 1 .434-1.22.98.98 0 0 0 .494-.72l.01-.133a.974.974 0 0 0-.134-.491.987.987 0 0 1 .377-1.36.98.98 0 0 0 .499-.723l.01-.135a.975.975 0 0 0-.341-.742.988.988 0 0 1-.078-1.416l.153-.147a.969.969 0 0 0 .265-.667.982.982 0 0 0-.88-.977l-.1-.004h-6.453a.986.986 0 0 1-.975-1.128c.131-.902.199-1.588.18-1.913-.023-.424-.09-.884-.173-1.318l-.088-.423c-.063-.283-.334-.522-.713-.522Z" clip-rule="evenodd"/>
+</svg>

package/build/web/icons/time-cycle.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M9.347 2.358a10 10 0 0 1 5.221-.023c1.1.273 2.12.74 3.063 1.4.565.385 1.087.826 1.56 1.315V3.735c0-.336.127-.63.378-.881a1.21 1.21 0 0 1 .882-.378c.337 0 .633.126.886.38.253.253.38.549.38.886v4.446c-.001.393-.133.72-.398.982-.264.26-.592.392-.982.396l-4.451-.005c-.337 0-.632-.127-.885-.38a1.214 1.214 0 0 1-.38-.885c0-.337.127-.632.38-.885s.548-.38.885-.38l1.342.005h.673a7.712 7.712 0 0 0-2.447-1.933l-.322-.152a7.716 7.716 0 0 0-5.178-.387l-.342.103a7.712 7.712 0 0 0-4.107 3.175l-.186.305a7.715 7.715 0 0 0-.862 5.46l.083.347a7.714 7.714 0 0 0 2.929 4.287l.294.202a7.714 7.714 0 0 0 5.045 1.227l.354-.046A7.714 7.714 0 0 0 19.712 12 1.145 1.145 0 0 1 22 12a10.003 10.003 0 0 1-8.493 9.887l-.458.059a10.003 10.003 0 0 1-6.544-1.59l-.38-.262a10.005 10.005 0 0 1-3.8-5.56l-.106-.45a10.003 10.003 0 0 1 1.118-7.08l.24-.394a10.003 10.003 0 0 1 5.327-4.12l.443-.13Z"/>
+  <path d="M11.3 6.038a1 1 0 0 1 1 1v5.384l2.466 2.467a1 1 0 0 1-1.415 1.414L10.65 13.6a1.005 1.005 0 0 1-.141-.179.995.995 0 0 1-.208-.608V7.038a1 1 0 0 1 1-1Z"/>
+</svg>

package/build/web/icons/time.icon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M11.3 6.039a1 1 0 0 1 1 1v5.384l2.466 2.466a1 1 0 0 1-1.414 1.414L10.65 13.6a1.01 1.01 0 0 1-.141-.18.996.996 0 0 1-.208-.607V7.038a1 1 0 0 1 1-1Z"/>
+  <path fill-rule="evenodd" d="M12 2a9.75 9.75 0 0 1 3.905.787 10.093 10.093 0 0 1 3.172 2.136c.9.899 1.612 1.957 2.136 3.173A9.748 9.748 0 0 1 22 12a9.748 9.748 0 0 1-.787 3.905 10.093 10.093 0 0 1-2.136 3.172c-.899.9-1.957 1.612-3.173 2.136A9.75 9.75 0 0 1 12 22a9.747 9.747 0 0 1-3.904-.787 10.094 10.094 0 0 1-3.173-2.136 10.115 10.115 0 0 1-2.136-3.173A9.75 9.75 0 0 1 2 12a9.75 9.75 0 0 1 .787-3.904 10.094 10.094 0 0 1 2.136-3.173c.9-.9 1.958-1.612 3.173-2.136A9.748 9.748 0 0 1 12 2Zm0 2.23c-2.173 0-4.011.752-5.515 2.255C4.982 7.99 4.23 9.827 4.23 12c0 2.173.752 4.011 2.255 5.515C7.99 19.018 9.827 19.77 12 19.77c2.173 0 4.012-.752 5.516-2.255 1.503-1.503 2.255-3.342 2.255-5.515 0-2.173-.752-4.011-2.255-5.515C16.012 4.982 14.173 4.23 12 4.23Z" clip-rule="evenodd"/>
+</svg>