@kivid/icons 1.0.0-alpha.10 → 1.0.0-alpha.14

package/src/components/web/PinRoute.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const PinRoute = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M16.0205 13.0562H18.0205C18.5509 13.0562 19.0597 13.267 19.4348 13.6421C19.8099 14.0172 20.0205 14.5257 20.0205 15.0562C20.0205 15.5866 19.8099 16.0951 19.4348 16.4702C19.0597 16.8453 18.5509 17.0562 18.0205 17.0562H6.02051C5.49007 17.0562 4.9814 17.267 4.60632 17.6421C4.23125 18.0172 4.02051 18.5257 4.02051 19.0562C4.02051 19.5866 4.23125 20.0951 4.60632 20.4702C4.9814 20.8453 5.49007 21.0562 6.02051 21.0562H10.0205M11.0205 13.0562C11.0205 13.0562 15.0205 9.86134 15.0205 6.94434C15.0205 5.88347 14.5991 4.86587 13.849 4.11572C13.0989 3.36558 12.0814 2.94434 11.0205 2.94434C9.95964 2.94434 8.94228 3.36558 8.19214 4.11572C7.44199 4.86587 7.02051 5.88347 7.02051 6.94434C7.02051 9.86134 11.0205 13.0562 11.0205 13.0562Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+PinRoute.displayName = "PinRoute";
+const ForwardRef = forwardRef(PinRoute);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as PinRoute };

package/src/components/web/Pix.tsx

@@ -0,0 +1,39 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Pix = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M3.91384 16.2804C4.20673 16.5733 4.6816 16.5733 4.9745 16.2804C5.26739 15.9875 5.26739 15.5126 4.9745 15.2197L3.91384 16.2804ZM2.96017 14.2661L3.4905 13.7357L3.48973 13.735L2.96017 14.2661ZM2.96017 9.73407L3.48973 10.2652L3.4905 10.2644L2.96017 9.73407ZM4.7315 9.0234C5.02439 8.7305 5.02439 8.25563 4.7315 7.96274C4.4386 7.66984 3.96373 7.66984 3.67084 7.96274L4.7315 9.0234ZM20.1475 7.73774C19.8546 7.44484 19.3797 7.44484 19.0868 7.73774C18.7939 8.03063 18.7939 8.5055 19.0868 8.7984L20.1475 7.73774ZM21.0832 9.73407L21.6136 9.2038L21.6135 9.20374L21.0832 9.73407ZM22.0216 12.0001H22.7716H22.0216ZM21.0832 14.2661L21.6133 14.7966L21.6136 14.7963L21.0832 14.2661ZM19.11 15.1776C18.817 15.4703 18.8169 15.9452 19.1097 16.2382C19.4024 16.5312 19.8773 16.5314 20.1703 16.2386L19.11 15.1776ZM17.4362 7.22407V6.47407H17.4362L17.4362 7.22407ZM15.5292 8.02407L14.9941 7.49853L14.9935 7.49912L15.5292 8.02407ZM13.7652 9.82407L13.2295 9.29912L13.2291 9.29954L13.7652 9.82407ZM10.2082 9.84107L10.7392 9.31144L10.7382 9.31045L10.2082 9.84107ZM8.37117 8.00607L7.84084 8.5364L7.84113 8.53669L8.37117 8.00607ZM6.48217 7.22407L6.4821 7.97407H6.48246L6.48217 7.22407ZM6.18217 6.49807L6.71165 7.02924L6.71168 7.02921L6.18217 6.49807ZM9.75317 2.93807L10.2827 3.46922L10.2841 3.46775L9.75317 2.93807ZM12.0187 1.99805V1.24805V1.99805ZM14.2842 2.93807L13.7532 3.46775L13.7541 3.46862L14.2842 2.93807ZM17.8482 6.49907L18.3794 5.96965L18.3783 5.96851L17.8482 6.49907ZM17.5482 7.22407V7.97407L17.55 7.97406L17.5482 7.22407ZM6.59617 16.7761V17.5261H6.59618L6.59617 16.7761ZM8.50317 15.9761L7.96826 15.4504L7.96808 15.4505L8.50317 15.9761ZM10.5032 13.9411L11.0381 14.4668L11.0384 14.4665L10.5032 13.9411ZM13.5882 13.9261L13.0581 14.4567L13.0582 14.4568L13.5882 13.9261ZM15.6592 15.9941L16.1895 15.4637L16.1891 15.4634L15.6592 15.9941ZM17.5482 16.7761L17.5482 16.0261H17.5479L17.5482 16.7761ZM17.8482 17.5021L17.3187 16.9709L17.3187 16.9709L17.8482 17.5021ZM14.2772 21.0621L13.7477 20.5309L13.7462 20.5324L14.2772 21.0621ZM12.0117 22.0021V21.2521V22.0021ZM9.74617 21.0621L10.2771 20.5324L10.2764 20.5317L9.74617 21.0621ZM6.18417 17.5011L5.65292 18.0305L5.65391 18.0315L6.18417 17.5011ZM6.48417 16.7761V16.0261L6.48233 16.0261L6.48417 16.7761ZM4.9745 15.2197L3.4905 13.7357L2.42984 14.7964L3.91384 16.2804L4.9745 15.2197ZM3.48973 13.735C3.26148 13.5074 3.08038 13.237 2.95682 12.9393L1.57141 13.5143C1.77063 13.9943 2.0626 14.4302 2.4306 14.7972L3.48973 13.735ZM2.95682 12.9393C2.83325 12.6416 2.76965 12.3224 2.76965 12.0001H1.26965C1.26965 12.5197 1.37219 13.0343 1.57141 13.5143L2.95682 12.9393ZM2.76965 12.0001C2.76965 11.6777 2.83325 11.3586 2.95682 11.0609L1.57141 10.4858C1.37219 10.9658 1.26965 11.4804 1.26965 12.0001H2.76965ZM2.95682 11.0609C3.08038 10.7632 3.26148 10.4928 3.48973 10.2652L2.4306 9.20297C2.0626 9.56991 1.77063 10.0059 1.57141 10.4858L2.95682 11.0609ZM3.4905 10.2644L4.7315 9.0234L3.67084 7.96274L2.42984 9.20374L3.4905 10.2644ZM19.0868 8.7984L20.5528 10.2644L21.6135 9.20374L20.1475 7.73774L19.0868 8.7984ZM20.5528 10.2643C21.013 10.7247 21.2716 11.3491 21.2716 12.0001H22.7716C22.7716 10.9513 22.3551 9.94548 21.6136 9.2038L20.5528 10.2643ZM21.2716 12.0001C21.2716 12.6511 21.013 13.2754 20.5528 13.7358L21.6136 14.7963C22.3551 14.0547 22.7716 13.0488 22.7716 12.0001H21.2716ZM20.553 13.7356L19.11 15.1776L20.1703 16.2386L21.6133 14.7966L20.553 13.7356ZM17.4362 6.47407C16.9815 6.47407 16.5313 6.56467 16.112 6.74057L16.6923 8.12378C16.9279 8.02497 17.1807 7.97407 17.4362 7.97407L17.4362 6.47407ZM16.112 6.74057C15.6927 6.91646 15.3127 7.17413 14.9941 7.49853L16.0643 8.5496C16.2432 8.36736 16.4567 8.2226 16.6923 8.12378L16.112 6.74057ZM14.9935 7.49912L13.2295 9.29912L14.3008 10.349L16.0648 8.54901L14.9935 7.49912ZM13.2291 9.29954C13.0671 9.46508 12.8739 9.59683 12.6606 9.68714L13.2455 11.0684C13.6416 10.9007 14.0004 10.656 14.3012 10.3486L13.2291 9.29954ZM12.6606 9.68714C12.4473 9.77744 12.2182 9.82451 11.9866 9.82562L11.9938 11.3256C12.4239 11.3235 12.8494 11.2361 13.2455 11.0684L12.6606 9.68714ZM11.9866 9.82562C11.755 9.82673 11.5255 9.78185 11.3114 9.69358L10.7397 11.0804C11.1374 11.2443 11.5637 11.3277 11.9938 11.3256L11.9866 9.82562ZM11.3114 9.69358C11.0972 9.60532 10.9028 9.47543 10.7392 9.31144L9.67714 10.3707C9.98088 10.6752 10.3421 10.9165 10.7397 11.0804L11.3114 9.69358ZM10.7382 9.31045L8.90121 7.47545L7.84113 8.53669L9.67813 10.3717L10.7382 9.31045ZM8.90149 7.47573C8.58376 7.158 8.20652 6.906 7.79135 6.73413L7.21761 8.12007C7.45069 8.21656 7.66247 8.35803 7.84084 8.5364L8.90149 7.47573ZM7.79135 6.73413C7.37618 6.56226 6.93121 6.47389 6.48187 6.47407L6.48246 7.97407C6.73472 7.97397 6.98453 8.02358 7.21761 8.12007L7.79135 6.73413ZM6.48224 6.47407C6.54656 6.47407 6.60943 6.49316 6.66289 6.52892L5.82895 7.77574C6.02225 7.90502 6.24955 7.97404 6.4821 7.97407L6.48224 6.47407ZM6.66289 6.52892C6.71636 6.56468 6.75801 6.6155 6.78257 6.67495L5.39627 7.2478C5.48508 7.46272 5.63566 7.64645 5.82895 7.77574L6.66289 6.52892ZM6.78257 6.67495C6.80714 6.73439 6.81351 6.79979 6.80088 6.86286L5.33007 6.56843C5.28442 6.79645 5.30746 7.03289 5.39627 7.2478L6.78257 6.67495ZM6.80088 6.86286C6.78826 6.92593 6.7572 6.98383 6.71165 7.02924L5.65268 5.96689C5.48799 6.13106 5.37571 6.34041 5.33007 6.56843L6.80088 6.86286ZM6.71168 7.02921L10.2827 3.46921L9.22366 2.40692L5.65266 5.96692L6.71168 7.02921ZM10.2841 3.46775C10.5117 3.23961 10.7821 3.05861 11.0797 2.93511L10.5048 1.54965C10.025 1.74875 9.58911 2.04057 9.22219 2.40838L10.2841 3.46775ZM11.0797 2.93511C11.3773 2.81162 11.6964 2.74805 12.0187 2.74805V1.24805C11.4991 1.24805 10.9847 1.35054 10.5048 1.54965L11.0797 2.93511ZM12.0187 2.74805C12.3409 2.74805 12.66 2.81162 12.9576 2.93511L13.5325 1.54965C13.0526 1.35054 12.5382 1.24805 12.0187 1.24805V2.74805ZM12.9576 2.93511C13.2553 3.05861 13.5256 3.23961 13.7532 3.46775L14.8151 2.40838C14.4482 2.04057 14.0124 1.74875 13.5325 1.54965L12.9576 2.93511ZM17.3169 7.02848C17.2716 6.98303 17.2408 6.9252 17.2283 6.86225L18.6997 6.57062C18.6546 6.34307 18.5432 6.13397 18.3794 5.96965L17.3169 7.02848ZM17.2283 6.86225C17.2159 6.79931 17.2223 6.73409 17.2468 6.6748L18.6328 7.24833C18.7215 7.03398 18.7448 6.79817 18.6997 6.57062L17.2283 6.86225ZM17.2468 6.6748C17.2714 6.61551 17.3129 6.56481 17.3662 6.52909L18.2013 7.77513C18.394 7.64598 18.5442 7.46268 18.6328 7.24833L17.2468 6.6748ZM17.3662 6.52909C17.4195 6.49337 17.4822 6.47423 17.5463 6.47407L17.55 7.97406C17.782 7.9735 18.0086 7.90428 18.2013 7.77513L17.3662 6.52909ZM17.5482 6.47407H17.4362V7.97407H17.5482V6.47407ZM6.59618 17.5261C7.05087 17.5261 7.50101 17.4355 7.9203 17.2596L7.34003 15.8764C7.10448 15.9752 6.8516 16.0261 6.59616 16.0261L6.59618 17.5261ZM7.9203 17.2596C8.33959 17.0837 8.71964 16.826 9.03825 16.5016L7.96808 15.4505C7.78909 15.6328 7.57559 15.7775 7.34003 15.8764L7.9203 17.2596ZM9.03808 16.5018L11.0381 14.4668L9.96826 13.4154L7.96826 15.4504L9.03808 16.5018ZM11.0384 14.4665C11.1699 14.3325 11.3267 14.2259 11.4997 14.1528L10.9159 12.771C10.5605 12.9212 10.2383 13.1403 9.96797 13.4157L11.0384 14.4665ZM11.4997 14.1528C11.6727 14.0797 11.8584 14.0416 12.0462 14.0407L12.0389 12.5407C11.653 12.5426 11.2714 12.6209 10.9159 12.771L11.4997 14.1528ZM12.0462 14.0407C12.234 14.0398 12.4201 14.0761 12.5938 14.1475L13.1641 12.7601C12.8072 12.6134 12.4248 12.5388 12.0389 12.5407L12.0462 14.0407ZM12.5938 14.1475C12.7674 14.2189 12.9253 14.3239 13.0581 14.4567L14.1182 13.3955C13.8452 13.1228 13.5209 12.9068 13.1641 12.7601L12.5938 14.1475ZM13.0582 14.4568L15.1292 16.5248L16.1891 15.4634L14.1181 13.3954L13.0582 14.4568ZM15.1288 16.5244C15.4466 16.8421 15.8238 17.0941 16.239 17.266L16.8127 15.8801C16.5796 15.7836 16.3679 15.6421 16.1895 15.4637L15.1288 16.5244ZM16.239 17.266C16.6542 17.4379 17.0991 17.5262 17.5485 17.5261L17.5479 16.0261C17.2956 16.0262 17.0458 15.9766 16.8127 15.8801L16.239 17.266ZM17.5481 17.5261C17.4838 17.5261 17.4209 17.507 17.3674 17.4712L18.2014 16.2244C18.0081 16.0951 17.7808 16.0261 17.5482 16.0261L17.5481 17.5261ZM17.3674 17.4712C17.314 17.4355 17.2723 17.3846 17.2478 17.3252L18.6341 16.7523C18.5453 16.5374 18.3947 16.3537 18.2014 16.2244L17.3674 17.4712ZM17.2478 17.3252C17.2232 17.2657 17.2168 17.2003 17.2294 17.1373L18.7003 17.4317C18.7459 17.2037 18.7229 16.9673 18.6341 16.7523L17.2478 17.3252ZM17.2294 17.1373C17.2421 17.0742 17.2731 17.0163 17.3187 16.9709L18.3776 18.0332C18.5423 17.8691 18.6546 17.6597 18.7003 17.4317L17.2294 17.1373ZM17.3187 16.9709L13.7477 20.5309L14.8067 21.5932L18.3777 18.0332L17.3187 16.9709ZM13.7462 20.5324C13.5186 20.7605 13.2483 20.9415 12.9506 21.065L13.5255 22.4505C14.0054 22.2514 14.4412 21.9596 14.8081 21.5917L13.7462 20.5324ZM12.9506 21.065C12.653 21.1885 12.3339 21.2521 12.0117 21.2521V22.7521C12.5312 22.7521 13.0456 22.6496 13.5255 22.4505L12.9506 21.065ZM12.0117 21.2521C11.6894 21.2521 11.3703 21.1885 11.0727 21.065L10.4978 22.4505C10.9777 22.6496 11.4921 22.7521 12.0117 22.7521V21.2521ZM11.0727 21.065C10.7751 20.9415 10.5047 20.7605 10.2771 20.5324L9.21519 21.5917C9.58211 21.9596 10.018 22.2514 10.4978 22.4505L11.0727 21.065ZM6.71541 16.9717C6.7607 17.0171 6.79153 17.0749 6.804 17.1379L5.33263 17.4295C5.37773 17.6571 5.48917 17.8662 5.65292 18.0305L6.71541 16.9717ZM6.804 17.1379C6.81648 17.2008 6.81004 17.266 6.78551 17.3253L5.39949 16.7518C5.31079 16.9662 5.28753 17.202 5.33263 17.4295L6.804 17.1379ZM6.78551 17.3253C6.76098 17.3846 6.71945 17.4353 6.66614 17.471L5.83104 16.225C5.63834 16.3542 5.48818 16.5375 5.39949 16.7518L6.78551 17.3253ZM6.66614 17.471C6.61284 17.5068 6.55016 17.5259 6.486 17.5261L6.48233 16.0261C6.25036 16.0266 6.02375 16.0959 5.83104 16.225L6.66614 17.471ZM6.48417 17.5261H6.59617V16.0261H6.48417V17.5261ZM13.7541 3.46862L17.3181 7.02962L18.3783 5.96851L14.8143 2.40751L13.7541 3.46862ZM10.2764 20.5317L6.71442 16.9707L5.65391 18.0315L9.21591 21.5925L10.2764 20.5317Z"
+        fill={color}
+      />
+    </svg>
+  );
+};
+Pix.displayName = "Pix";
+const ForwardRef = forwardRef(Pix);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pix };

package/src/components/web/Play.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Play = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M5.55439 5.36656C5.65463 5.03936 5.83015 4.74019 6.06684 4.49302C6.30352 4.24586 6.59478 4.0576 6.91733 3.94328C7.23988 3.82896 7.58475 3.79175 7.92426 3.8347C8.26376 3.87765 8.58848 3.99956 8.87241 4.1906C9.42041 4.5686 16.5634 9.4536 16.5634 9.4536C17.4494 10.0336 18.7014 10.7696 18.6084 12.0016C18.6086 12.36 18.5195 12.7129 18.3493 13.0284C18.1791 13.3438 17.9331 13.6119 17.6334 13.8086C17.2894 14.0886 9.4184 19.4406 8.8714 19.8086C8.5876 19.9998 8.26291 20.122 7.9234 20.1651C7.5839 20.2082 7.23902 20.1711 6.91642 20.0569C6.59381 19.9426 6.30247 19.7544 6.06577 19.5072C5.82906 19.2601 5.65359 18.9608 5.55341 18.6336C5.38341 18.2516 5.38839 5.76256 5.55439 5.36656Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Play.displayName = "Play";
+const ForwardRef = forwardRef(Play);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Play };

package/src/components/web/Pricetag.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Pricetag = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M6.11755 10.5474L13.4766 17.9064M17.9395 7.35742C17.9395 7.5552 17.8808 7.74854 17.7709 7.91299C17.661 8.07744 17.5049 8.20561 17.3221 8.2813C17.1394 8.35699 16.9383 8.37679 16.7444 8.33821C16.5504 8.29962 16.3722 8.20438 16.2323 8.06453C16.0925 7.92468 15.9973 7.74649 15.9587 7.55251C15.9201 7.35853 15.9399 7.15747 16.0156 6.97474C16.0913 6.79201 16.2194 6.63583 16.3839 6.52595C16.5483 6.41607 16.7417 6.35742 16.9395 6.35742C17.2047 6.35742 17.459 6.46278 17.6466 6.65032C17.8341 6.83785 17.9395 7.09221 17.9395 7.35742ZM14.1515 3.00244H18.7945C19.3849 3.00244 19.9511 3.23697 20.3686 3.65442C20.786 4.07188 21.0205 4.63807 21.0205 5.22844V9.87244C21.0202 10.4624 20.7857 11.0282 20.3685 11.4454L11.4685 20.3454C11.0511 20.7629 10.4849 20.9974 9.89454 20.9974C9.30418 20.9974 8.738 20.7629 8.32055 20.3454L3.67354 15.7024C3.46661 15.4959 3.30244 15.2505 3.19042 14.9804C3.07841 14.7104 3.02075 14.4208 3.02075 14.1284C3.02075 13.8361 3.07841 13.5465 3.19042 13.2764C3.30244 13.0064 3.46661 12.761 3.67354 12.5544L12.5735 3.65444C12.7808 3.4474 13.0269 3.28324 13.2976 3.17136C13.5684 3.05949 13.8586 3.00209 14.1515 3.00244Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Pricetag.displayName = "Pricetag";
+const ForwardRef = forwardRef(Pricetag);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Pricetag };

package/src/components/web/Print.tsx

@@ -0,0 +1,53 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Print = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#12-clip0_912_3077)">
+        <path
+          d="M7.02057 8V4C7.02057 3.73478 7.12593 3.48043 7.31346 3.29289C7.501 3.10536 7.75535 3 8.02057 3H16.0206C16.2858 3 16.5401 3.10536 16.7277 3.29289C16.9152 3.48043 17.0206 3.73478 17.0206 4V8M7.02057 17H5.02057C4.49014 17 3.98143 16.7893 3.60636 16.4142C3.23128 16.0391 3.02057 15.5304 3.02057 15V10C3.02057 9.46957 3.23128 8.96086 3.60636 8.58579C3.98143 8.21071 4.49014 8 5.02057 8H19.0206C19.551 8 20.0597 8.21071 20.4348 8.58579C20.8099 8.96086 21.0206 9.46957 21.0206 10V15C21.0206 15.5304 20.8099 16.0391 20.4348 16.4142C20.0597 16.7893 19.551 17 19.0206 17H17.0206M7.02057 11H8.02057M7.02057 13.8H17.0206V20C17.0206 20.2652 16.9152 20.5196 16.7277 20.7071C16.5401 20.8946 16.2858 21 16.0206 21H8.02057C7.75535 21 7.501 20.8946 7.31346 20.7071C7.12593 20.5196 7.02057 20.2652 7.02057 20V13.8Z"
+          stroke={color}
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="12-clip0_912_3077">
+          <rect
+            width={24}
+            height={24}
+            fill="white"
+            transform="translate(0.0205688)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};
+Print.displayName = "Print";
+const ForwardRef = forwardRef(Print);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Print };

package/src/components/web/Procedure.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Procedure = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M7.02051 16H16.0205M7.02051 12H12.0205M7.02051 8H9.02051M20.0205 14V18C20.0205 19.6569 18.6774 21 17.0205 21H6.02051C4.36365 21 3.02051 19.6569 3.02051 18V6C3.02051 4.34315 4.36365 3 6.02051 3H10.0205M18.6455 8.625V10C18.6455 10.5523 18.1978 11 17.6455 11H16.3955C15.8432 11 15.3955 10.5523 15.3955 10V8.625H14.0205C13.4682 8.625 13.0205 8.17728 13.0205 7.625V6.375C13.0205 5.82272 13.4682 5.375 14.0205 5.375H15.3955V4C15.3955 3.44772 15.8432 3 16.3955 3H17.6455C18.1978 3 18.6455 3.44772 18.6455 4V5.375H20.0205C20.5728 5.375 21.0205 5.82272 21.0205 6.375V7.625C21.0205 8.17728 20.5728 8.625 20.0205 8.625H18.6455Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Procedure.displayName = "Procedure";
+const ForwardRef = forwardRef(Procedure);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Procedure };

package/src/components/web/Professional.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Professional = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 22"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M12.1216 13.405L13.0206 16M13.0206 16L16.5138 16.5822C17.9604 16.8233 19.0206 18.0749 19.0206 19.5414V21M13.0206 16L10.0206 19M7.92164 13.405L7.02064 16M7.02064 16L10.0206 19M7.02064 16L3.52743 16.5822C2.08087 16.8233 1.02063 18.0749 1.02063 19.5414V21M10.0206 19L10.0206 21M17.0206 16.7138V8.5C17.0206 4.63401 13.8866 1.5 10.0206 1.5C6.15464 1.5 3.02063 4.63401 3.02063 8.5V16.714M13.5206 20.75H15.5206M6.02063 8.00011H7.78463C9.15501 8.00008 10.4078 7.22581 11.0206 6.00011L11.1262 6.21115C11.6744 7.30748 12.7949 8 14.0206 8V10C14.0206 12.2091 12.2298 14 10.0206 14C7.81149 14 6.02063 12.2091 6.02063 10V8.00011Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Professional.displayName = "Professional";
+const ForwardRef = forwardRef(Professional);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Professional };

package/src/components/web/Protected.tsx

@@ -0,0 +1,51 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Protected = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 18 20"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M17.0206 9.24175C17.0206 13.6097 13.8636 17.7037 9.54063 18.9277C9.20263 19.0237 8.83863 19.0237 8.50063 18.9277C4.17763 17.7047 1.02063 13.6097 1.02063 9.24175V5.21375C1.02063 4.40175 1.51163 3.66975 2.26363 3.36275L7.12763 1.37275C8.34163 0.87575 9.70163 0.87575 10.9146 1.37275L15.7786 3.36275C16.5296 3.66975 17.0206 4.40175 17.0206 5.21375V9.24175Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.5586 9.92475C10.9946 9.43575 11.2006 8.73875 11.0056 7.99975C10.8246 7.31175 10.2606 6.75075 9.57263 6.57175C8.19763 6.21375 6.96163 7.24175 6.96163 8.55875C6.96163 9.08375 7.15863 9.56175 7.48163 9.92475C7.71363 10.1848 7.80763 10.5378 7.71263 10.8728L7.32663 12.2257C7.14363 12.8647 7.62363 13.5007 8.28863 13.5007H9.75463C10.4186 13.5007 10.8986 12.8647 10.7166 12.2257L10.3306 10.8728C10.2326 10.5378 10.3276 10.1848 10.5586 9.92475Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Protected.displayName = "Protected";
+const ForwardRef = forwardRef(Protected);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Protected };

package/src/components/web/Queue.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Queue = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M13.0206 18H19.5206C20.9013 18 22.0206 16.8807 22.0206 15.5V5.5C22.0206 4.11929 20.9013 3 19.5206 3H12.5206C11.1399 3 10.0206 4.11929 10.0206 5.5V14M12.5206 7.5H13.0206M15.7706 7.49995L16.2706 7.50005M19.0206 7.5H19.5206M3.02063 15L5.57119 10.7491C5.86473 10.2598 6.2917 9.86445 6.80201 9.60929L7.3872 9.3167C7.80378 9.10842 8.26313 8.99999 8.72887 9H10.0206M8.02063 21L10.8291 19.9262C11.6043 19.6298 12.2681 19.0997 12.7285 18.4092L15.7441 13.8873C16.1794 13.2346 16.0934 12.3653 15.5386 11.8105C14.8959 11.1679 13.8541 11.1678 13.2113 11.8103L11.0207 14H9.02063"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Queue.displayName = "Queue";
+const ForwardRef = forwardRef(Queue);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Queue };

package/src/components/web/Refresh.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Refresh = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 20 18"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M16.4561 8.9989C16.4563 10.5395 15.9996 12.0456 15.1438 13.3267C14.288 14.6077 13.0715 15.6062 11.6482 16.1959C10.2249 16.7855 8.65875 16.9399 7.14774 16.6393C5.63673 16.3388 4.24877 15.5969 3.1594 14.5076C2.07003 13.4182 1.32818 12.0302 1.02767 10.5192C0.727161 9.00821 0.881496 7.44203 1.47115 6.01874C2.06081 4.59544 3.0593 3.37898 4.34035 2.52319C5.6214 1.6674 7.12746 1.21074 8.66807 1.21094M13.3651 10.7189L16.5111 8.06694L19.1631 11.2129"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Refresh.displayName = "Refresh";
+const ForwardRef = forwardRef(Refresh);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Refresh };

package/src/components/web/Relation.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Relation = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M8.51861 11.6101L13.189 6.93967M10.8521 13.9464V17.0577H13.9633M15.5239 12.3886L10.8535 17.0591M10.075 6.93967H13.1862V10.0509M22.0205 11.999C22.0205 17.5219 17.5434 21.999 12.0205 21.999C6.49766 21.999 2.02051 17.5219 2.02051 11.999C2.02051 6.47618 6.49766 1.99902 12.0205 1.99902C17.5434 1.99902 22.0205 6.47618 22.0205 11.999Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Relation.displayName = "Relation";
+const ForwardRef = forwardRef(Relation);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Relation };

package/src/components/web/Reload.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const Reload = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M19.3523 6.79339C18.1744 5.1179 16.4593 3.89474 14.4913 3.32757C12.5232 2.7604 10.4205 2.88359 8.53154 3.67523C6.6426 4.46687 5.08088 5.88026 4.10527 7.68109C3.12965 9.48191 2.79872 11.5619 3.16731 13.5766M4.44431 19.5938V17.207H6.8313M4.68829 17.207C5.86622 18.8825 7.58136 20.1047 9.54938 20.6719C11.5174 21.239 13.6201 21.1168 15.5091 20.3252C17.398 19.5336 18.9597 18.1202 19.9353 16.3193C20.9109 14.5185 21.2419 12.4385 20.8733 10.4238M19.5963 4.40625V6.79297H17.2073"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+Reload.displayName = "Reload";
+const ForwardRef = forwardRef(Reload);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as Reload };

package/src/components/web/ReloadHeart.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const ReloadHeart = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 25 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M19.3468 6.79339C18.1689 5.1179 16.4538 3.89474 14.4858 3.32757C12.5177 2.7604 10.415 2.88359 8.52604 3.67523C6.6371 4.46687 5.07539 5.88026 4.09978 7.68109C3.12416 9.48191 2.79323 11.5619 3.16182 13.5766M4.43881 19.5938V17.207H6.82581M4.6828 17.207C5.86073 18.8825 7.57586 20.1047 9.54388 20.6719C11.5119 21.239 13.6146 21.1168 15.5036 20.3252C17.3925 19.5336 18.9542 18.1202 19.9298 16.3193C20.9055 14.5185 21.2364 12.4385 20.8678 10.4238M19.5908 4.40625V6.79297H17.2018M12.0148 10.1418C12.1934 9.93695 12.4145 9.77411 12.6626 9.66325C12.9108 9.55239 13.1801 9.49657 13.4518 9.50016C14.0086 9.52145 14.5353 9.75852 14.9203 10.1613C15.3054 10.5641 15.5186 11.1012 15.5148 11.6584C15.5148 13.8334 12.7068 15.5002 12.0148 15.5002C11.3228 15.5002 8.51479 13.8334 8.51479 11.6584C8.51101 11.1012 8.72419 10.5641 9.10924 10.1613C9.49429 9.75852 10.021 9.52145 10.5778 9.50016C10.8495 9.49671 11.1188 9.5524 11.3669 9.66325C11.615 9.7741 11.8361 9.93706 12.0148 10.1418Z"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ReloadHeart.displayName = "ReloadHeart";
+const ForwardRef = forwardRef(ReloadHeart);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReloadHeart };

package/src/components/web/ReloadMoney.tsx

@@ -0,0 +1,41 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+import { Ref, forwardRef, memo } from "react";
+interface Props extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+  color?: string;
+}
+const ReloadMoney = (props: Props, ref: React.Ref<SVGSVGElement>) => {
+  const {
+    size = 24,
+    color = "currentColor",
+    stroke = "",
+    strokeWidth = 1.5,
+  } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      width={size}
+      height={size}
+      color={color}
+      stroke={stroke}
+      strokeWidth={strokeWidth}
+      ref={ref}
+      {...props}
+    >
+      <path
+        d="M11.7599 7V8.25M11.7599 16.9999V15.7539M14.2469 10C14.2169 9.52634 14.0077 9.08187 13.6619 8.75684C13.3161 8.4318 12.8595 8.25058 12.3849 8.25H11.0149C10.5862 8.24928 10.1721 8.40552 9.85063 8.68921C9.5292 8.97291 9.32273 9.36456 9.27019 9.79004C9.21765 10.2155 9.32271 10.6454 9.56548 10.9988C9.80824 11.3521 10.1719 11.6044 10.5879 11.708L12.9319 12.2959C13.3479 12.3995 13.7116 12.6518 13.9544 13.0051C14.1972 13.3585 14.3022 13.7886 14.2497 14.2141C14.1971 14.6396 13.9907 15.031 13.6692 15.3147C13.3478 15.5984 12.9336 15.7546 12.5049 15.7539H11.1349C10.6596 15.753 10.2025 15.5714 9.85649 15.2456C9.51044 14.9198 9.30138 14.4744 9.2719 14M5.87988 5.87211C7.20833 4.5355 8.93644 3.66848 10.8021 3.40287C12.6678 3.13727 14.5692 3.48741 16.2179 4.40019C17.8666 5.31297 19.1726 6.73858 19.9377 8.46073C20.7029 10.1829 20.8856 12.1078 20.4579 13.9432M19.1168 12.6021L20.6838 14.1689L22.2509 12.6021M18.1399 18.1279C16.8115 19.4645 15.0832 20.3316 13.2176 20.5972C11.3519 20.8628 9.45058 20.5126 7.8019 19.5999C6.15322 18.6871 4.84723 17.2615 4.08205 15.5393C3.31688 13.8171 3.13424 11.8922 3.56191 10.0569M4.90283 11.3979L3.33582 9.83105L1.76892 11.3979"
+        stroke={color}
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};
+ReloadMoney.displayName = "ReloadMoney";
+const ForwardRef = forwardRef(ReloadMoney);
+let MaybeCssInteropedComponent: React.ComponentType<Props> = ForwardRef;
+const Memo = memo(MaybeCssInteropedComponent);
+export { Memo as ReloadMoney };