@nstc-design/icons 0.1.1 → 0.2.1

package/packages/react/icons/BankCtbc.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCtbc = forwardRef(function BankCtbc(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M177.2 512c0-184.8 150.8-334.8 337.2-334.8 186 0 337.2 150 337.2 334.8S700.8 846.8 514.4 846.8c-186 0-337.2-150-337.2-334.8", "fill": originColor ? "#d51b19" : "currentColor" }), createElement("path", { "d": "M505.2 719.2v29.6c0 6 5.2 11.2 11.2 11.2h52.4V635.2h-52.4c-6.4 0-11.2 5.2-11.2 11.2V674H536c6.4 0 11.2 5.2 11.2 11.2v22.4c0 6-5.2 11.2-11.2 11.2h-30.8zm-10 0v29.6c0 6-5.2 11.2-11.2 11.2h-52.4V635.2H484c6.4 0 11.2 5.2 11.2 11.2V674h-30.8c-6.4 0-11.2 5.2-11.2 11.2v22.4c0 6 5.2 11.2 11.2 11.2h30.8z", "fill": originColor ? "#094" : "currentColor" }), createElement("path", { "d": "M817.6 483.6C817.6 665.2 670.8 812 490 812c-93.6 0-178-39.2-237.6-102.4 60 74.8 152 122.8 255.6 122.8 181.2 0 327.6-147.2 327.6-328.4 0-87.6-34.4-167.2-90-226.4 44.8 56.4 72 128 72 206", "fill": originColor ? "#f54b49" : "currentColor" }), createElement("path", { "d": "M675.2 436.8h-55.6c.4 22 10 34 27.6 34 5.6 0 12.4-.8 22.4-9.2-.8 1.2-1.2 2.8-1.2 4.4 0 1.2.4 2.8.8 3.6-2.8 2.4-10 7.6-26 7.6-22 0-37.6-16.8-37.6-40 0-22.8 15.2-38.8 37.2-38.8 16.4 0 32.4 7.6 32.4 38.4m-12.4-5.6c0-17.6-8.4-28.4-20-28.4-12.4 0-22.4 11.2-22.4 28.4zm-21.6 49.6c5.2-.4 9.2 2.8 9.6 6.4s-3.2 7.2-8.4 7.6-9.2-2.8-9.6-6.4 3.2-7.2 8.4-7.6m-198.4-86h-12c-9.2-31.2-15.2-54.4-36.4-115.2h18l29.6 99.2 30-99.2h10.8l32.8 97.6 28.4-97.6h11.6c-14.8 36.4-38.4 115.2-38.4 115.2h-12l-31.6-94.4zm134.8-70c-12.4 0-22.4 11.6-22.4 28.4h42.4c-.4-17.6-8.4-28.4-20-28.4m-36.8 34.4c0-22.8 15.2-38.8 37.2-38.8 16.4 0 32.4 7.6 32.4 38.4h-55.6c.4 22 10 34 27.6 34 6 0 13.2-1.2 24.4-10.8-.4 1.6-.4 2.8-.4 8-2.4 2-10 9.2-27.6 9.2-22.4 0-38-16.8-38-40m2.8 78.4-17.2 3.6c-10.8 2.4-16 7.6-15.6 16.4 0 8.8 5.6 15.2 14 15.2 5.2 0 11.6-2.8 16.4-7.2 2-1.6 2.8-4 2.8-7.6zm-46 21.2c0-12.4 8.4-18 24.4-21.6 16-3.2 18.4-3.6 22.4-6.4 0-16.8-2.4-24.4-18.4-24.4-8 0-14.8 3.6-20 11.2h-2v-8.4c8-6 16.4-8.8 26.8-8.8 20.8 0 24.8 12.4 24.8 25.2 0 44.4-.4 48 7.6 48h2l.4 3.2c-5.2 1.6-9.2.8-12 .8-5.6 0-8.4-2.8-10-9.6-3.6 3.2-10 10.8-24 10.8s-22-7.6-22-20m102.4-46c-8 0-16.8 2.8-16.8 38 0 7.2.4 15.2 1.2 26.8-6.4-.8-12.4-.4-12.8-.4.8-18 2.4-43.6 0-76.8 2.4.4 4.8.8 7.2.8 2 0 4 0 6-.4 0 3.6-.4 9.6-.8 18.8 7.2-14.4 12.4-18.4 21.6-18.4 1.6 0 3.2 0 4.8.4-.4 5.2-.8 7.2-.8 12.4l-1.2.8c-4-1.6-6-2-8.4-2M364.4 579.6l.4-.4-.4-1.2c-5.2-56.4-74.4-122.4-121.6-92.8-22.4 14-36.4 58-14.4 82.8 40 43.6 111.6 31.2 136 11.6m66.4-97.6c-3.2 8.8-7.6 23.6-15.2 40.8s-18.8 36-34.8 52.4c-44.8 46-125.2 42-159.6 8.8-16.4-15.6-33.6-57.2 11.6-95.6 58.4-49.6 133.6 12 136 84.8v3.6l2.4-2.8c12.8-15.2 22.8-35.6 29.6-54 6.8-18 11.2-33.6 13.2-38.8l.8-1.6h-2c-5.6-.4-24 0-41.2 0-8.8 0-17.2.4-23.6.4h-11.2c.8-2 5.6-8 6.8-10 6.8 0 66.8-.8 73.6-1.6h.8l.4-.8c2.4-4.8 5.6-16.8 12.4-29.6s16.8-26.8 32.8-36.4c3.6-2 10.4-5.6 17.2-8 3.2-1.2 6.4-2 9.2-2.4s4 0 4.4.8c.4.4.4.8 0 2.4s-1.2 3.2-2.4 5.6c-2 4-4.4 8.8-6.4 13.2-.4-.4-.4-.8-.8-1.6-.4-1.2-1.2-2.8-2.4-4-2.8-2.8-7.6-4-15.6-.8-11.6 4.8-19.2 19.6-24 32.8s-7.2 27.2-7.2 27.2 17.2 0 26-.4c.8 0 1.6 0 2.4-.4.8 0 1.2-.4 1.6-.4.8-.4 1.2-.4 2 0 .4 0 .8.4.8 2.4 0 1.6-.4 4-.8 6.8-1.2 5.2-2.8 12.4-4 20-.4 0-.8-.4-.8-.8-3.6-7.6-8.4-10.8-13.6-12.4q-4.2-1.2-8.4-1.2c-2.8 0-5.6 0-8-.4h-1.2zm28.8 101.2c.4.4 1.6 0 1.6 0 2.4-.8 6-2 8.8-2.8-2.8 2-7.2 5.2-12 8.4-7.6 5.6-12 8.8-14.8 11.2h-1.6c-.4 0-.8-.4-1.2-.4 0-2.8 4-21.6 8.4-29.2l-2-1.6c-2 2-4.8 5.2-8.4 8.8s-7.6 7.2-12 10.4c-8.8 6.8-18.8 11.2-26.8 8.4-10-3.6-1.6-44.8 47.6-71.2 12.8-6.8 29.2-13.6 49.2-12.4.4 3.2-.4 8-.4 8l-.4 1.6-1.2 1.2s-1.2 1.2-2.4 2c-4.8-5.6-31.2-3.2-43.6 3.2-19.2 10.4-47.6 42.8-32.8 54 10.8 8.4 42.4-28.8 45.6-52l4.8-1.2c.4 4.4-1.6 10.8-4.4 16.4-2.8 6.4-6 11.6-6.4 12l2 2c1.2-.8.8 0 4.4-1.6 1.6-.8 3.2-1.6 4.8-2 .8 0 1.2-.4 1.6-.4 0 .8-.4 2-.4 3.2-.4 3.2-1.2 5.2-2.4 8.4-1.6 5.2-2.8 7.6-4.8 12.8-1.2 1.6-1.2 2.4-.8 2.8m122.8-.8 2.4-.8c3.2-1.2 7.2-1.6 8.4-1.6-1.2 1.2-3.6 2.4-6 4-4.8 3.2-11.2 7.2-16.4 11.6-2.4 2-6 3.6-7.6 3.2-.4-.4-.8-.8-.8-1.6 0-1.6.4-4 1.6-7.2 2-6.4 5.6-14.8 9.6-23.6s7.6-17.6 10.4-24.8c1.2-3.6 2.4-6.8 2.8-9.6.4-2.4.8-4.8-.4-6.4-.8-1.2-2.4-1.2-3.2-.8-1.2.4-2.4.8-3.6 1.6-2.4 1.6-5.6 3.6-8.8 6-6 4.8-12 10-12 10s-4 9.6-8 20c-3.6 9.6-7.6 20-8.8 24.4-6.4 3.2-11.2 6-14.8 8-2 1.2-3.2 2-4.8 2.4-1.2.8-2.4 1.2-3.2 1.6s-1.6.4-2 .4c2.4-4.4 9.2-18 15.6-32 4-8.4 7.6-17.2 10.4-23.6 1.2-3.2 2.4-6.4 2.8-8.4.4-1.2.4-2 .4-2.8s0-1.6-.8-2.4c-4-2.8-19.2 6.4-26.4 14.4-5.6 9.6-14.8 26.4-20 44-.8 2.4-17.6 11.2-20.8 10-1.6-.4-1.6-2-.4-3.2 13.6-12 28.4-53.6 32-67.6.4-.8-.4-1.6-.8-2s-.8-.8-1.6-.8c-1.2-.4-2.4-.8-4-.8-2.4-.4-5.2 0-7.2 1.2-.4-.8-1.6-2.4-1.6-2.8.8 0 6.4-.8 11.6-2.4 5.6-1.6 12.4-4.8 17.6-10 .4-.4 1.6-1.2 2.4-1.6s1.6-.4 1.6-.4c0 .8 0 1.6-.4 2.8-.4 2-.8 4.8-1.6 8-1.2 6-3.2 12-4.4 13.6l2 1.6c7.2-7.6 32.4-22 36.4-19.6 2.4 1.2 3.2 4.4 2.8 8 0 2-.4 3.6-.8 5.2s-.8 3.2-1.2 4l-1.2 4 3.2-2.8c6.4-5.2 14.8-10.8 22-14.4 3.6-2 6.8-3.2 9.6-4s4.4-.4 4.8 0c3.2 2.8.4 15.2-4.4 30-4.8 14.4-11.2 29.2-13.2 35.6zm90-85.2c4-9.6 6.8-16.8 7.6-18.4 1.2-2 0-3.6-1.6-4.4s-3.2-.8-5.2-1.2h-6.8v-.8c2-.4 6.4-1.2 11.2-2.4 6.4-1.6 13.6-4 18-7.6h8c-3.2 6.8-14 31.2-24.4 54.8-12 27.6-24.4 57.2-22.4 60.8l.4 1.2c0 .4.4.8.8 1.2.8.8 1.6 1.2 2.8.8 2.4 0 4.4-1.6 6-3.2.8-.8 1.6-1.6 2.4-2s1.2-.8 1.6-1.2h.8c-.4.8-.8 1.2-1.2 1.6-2 3.2-21.6 19.2-29.2 20-4 .4-5.2-.4-5.6-1.2-.4-.4-.4-.8-.8-1.6s-.4-1.6-.4-2 10.8-28 22.8-56.8zm48.8 94.8 1.6-3.6-3.6 1.6c-5.6 2.8-13.6 5.2-22.8 7.6s-19.6 5.2-30 8.4c-20.4 6.4-40.8 14.8-50.4 28.8-12.4 18.4-6 41.2 21.6 36.4 25.6-3.6 68.4-46 83.6-79.2m74.4-165.6c14.8 5.6 39.2 32.8 39.6 54.4.4 46.8-43.6 86.8-103.2 104.8h-.8l-.4.8c-29.6 71.2-86.8 110.8-119.2 103.2-24-5.6-20.8-42-1.6-60.8 13.6-13.2 30.4-20 50-26s42-11.6 65.6-22.4l.4-.4v-.4c1.2-2.8 6-14.8 9.6-26.8 2-6 3.6-12 4-16.4.4-2.4.4-4.4 0-6.4-.4-1.6-.8-3.2-2.4-4-8-4.4-42 37.2-58.4 64.8-.4-.8-.8-1.2-.8-1.6 7.2-16 18-56.4 10.4-63.6-.8-.8-2-.8-2.4-.8q-1.2 0-2.4 1.2c-1.2.8-2 1.6-2.8 2l-1.2-.8c5.2-4 20.8-16 24.8-13.2.8.8 1.6 2.4 1.6 5.2s-.4 6.4-.8 10c-1.2 7.2-3.2 14.8-4 17.2l2.4 1.2c11.6-20 38.4-40.4 43.6-40.4 2.4 0 6.8 5.6 7.6 8 1.6 6-2.4 18.8-7.6 31.2s-10.8 24-12 27.2l-1.2 2.8 2.8-.8c29.6-8.4 93.6-46.4 93.2-94 .8-25.6-19.6-46.4-34.4-55.2M608.4 527.6c-.8 0-2.4-.8-2-2 1.6-.8 6-2.4 10-3.6l6.4-2c2-.8 3.6-1.2 4-1.6 1.6-.8 4.4-2.4 7.6-4s6.4-2 8.4-1.2c0 0 0 .4.4.4v2.4c-.4 2-1.2 4.8-2.4 8-2.4 6.8-6.4 15.2-10.4 24s-8 17.6-10.4 24.4c-1.2 3.6-2 6.4-2.4 8.8 0 1.2-.4 2.4 0 3.2 0 .8.8 2 1.6 2.4 4 2 7.6.4 10.4-1.2.8-.4 1.2-.8 1.6-.8.4-.4 1.2-.4 1.6-.8h1.2c-.8.8-1.6 1.2-3.2 2-2.8 1.6-7.2 3.6-11.6 5.2-9.6 3.6-18.8 5.6-20.8 4.8-5.6-2.4 25.6-68 26-69.6l1.2-2.4z", "fill": originColor ? "#fefefe" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankCub.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankCub: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankCub.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCub = forwardRef(function BankCub(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M852.8 513.6c-4.8-9.6-11.6-19.2-20.4-27.6-8.4-8.4-19.2-23.2-20.8-42q-.6-7.2-2.4-14.4c-93.6-8.4-206 11.2-317.2 61.2-100.4 45.2-180.8 104.4-237.2 172 2 .4 3.6.4 5.6.4h2c2.4 0 4.4.4 6.8.4h150.4c4.4 0 8.8 1.2 12.4 3.2 6.4 3.6 11.2 10 13.2 17.6.4 1.6.4 3.6.4 5.6v6c0 24-23.6 27.2-23.6 27.2l-122.4 21.2c-4.4.8-8 3.6-8 8v15.2h446v-15.2c0-4.4-3.6-7.2-8-8l-122.4-21.2s-23.6-3.2-23.6-27.2v-6c0-9.6 5.2-17.6 12.4-22.4.4-.4.8-.4 1.2-.4h162.4c58 0 105.2-47.2 105.2-105.6-.8-16.4-4.4-32.4-12-48", "fill": originColor ? "#058f44" : "currentColor" }), createElement("path", { "d": "m753.2 364-6-2.4c-2-.8-4.4-1.6-6.8-2.8-11.2-5.2-22.8-14-29.6-26.4-18.4-33.6-55.2-53.6-96.8-48.8-17.2 2-34-2.4-45.2-10-15.6-10.8-33.2-17.6-54.8-17.6s-39.2 6.8-54.8 17.2c-11.2 7.6-28 12-45.2 10-42-4.4-78.4 15.6-97.2 49.2-8.4 14.8-22.8 24.4-36.4 29.2-32.8 11.2-60.4 41.6-64 80.8-1.6 18.8-12.4 33.6-20.8 41.6-22.4 22.4-31.6 48.4-31.6 75.2v4c134.4-154 399.2-220.4 589.2-199.2", "fill": originColor ? "#48a935" : "currentColor" }), createElement("path", { "d": "M809.2 428.4c-7.6-30-28.8-53.2-55.6-64.4-188-25.6-460 45.6-589.6 199.2 2 51.2 40.4 93.2 90.4 100 58.8-65.2 131.6-123.6 232-168.8 111.2-50 222.8-66.4 322.4-64.8", "fill": originColor ? "#199a3f" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankCzb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankCzb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankCzb.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCzb = forwardRef(function BankCzb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M797.22 172c9.904-.02 18.42 2.624 26.58 7.624 20.936 10.52 28.32 26.628 28.2 50.844-.984 191.6-.584 383.188-.604 574.776-1.632 7.84-.544 16.304-5.2 23.48-7.42 11.32-17.648 18.772-30.576 22.552-155.332.08-310.668.168-466 .224-38.392.024-76.84-.92-115.2.44-18.108.656-32.324-3.94-44.08-17.388-3.36-3.832-7.116-7.328-10.684-10.988-6.36-7.68-7.668-16.472-7.656-26.32.216-189.54.152-379.06.168-568.576 0-29.768 26.332-56.476 55.964-56.5 189.704-.064 379.388.048 569.088-.168M304.832 549.468c-16.596-.02-19.48 2.496-19.004 19.38.84 30.232-.656 59.912-10.744 88.98-10.68 30.752-19.716 62.116-29.2 93.296-3.672 12.06-1.172 15.78 10.12 15.824 32.88.104 65.76-.192 98.64.084 9.96.068 14.36-4.096 16.16-13.98 3.28-18.04 7.82-35.84 11.836-53.728 4.524-21 8.88-42.044 13.72-63 1.048-4.52 3.864-8.556 9.14-9.58 2.38-2.192 5.34-2.548 8.336-2.548 67.548.024 135.12.04 202.68.08 7.384 0 13.46 2.168 15.252 10.536 4.616 7.948 5.716 16.92 7.416 25.744 5.764 29.896 11.48 59.812 17.512 89.66 2.316 11.388 7.088 18.688 21.38 18.328 34.792-.856 69.648-1.808 104.444.46.896-.776 1.792-1.532 2.692-2.312.968-20.348-8.7-38.28-13.824-57.088-11.248-41.308-25.564-81.756-37.128-122.956-5.016-17.88-12.72-31.464-31.028-37.1-132.808-.02-265.604-.04-398.4-.08m33.792-291.82c-25.196.328-50.396.08-75.592.144-14.12.04-15.96 3.14-10.588 15.992 9.492 22.732 18.68 45.592 27.992 68.412 4.856 3.956 7.168 50.776 7.4 68.64.24 18.552-3.664 22.948-21.876 23.2-9.728.12-14.12 4.388-13.948 13.992.228 12.344.308 24.688.26 37.056-.088 27.616-.136 28.9 24.32 28.96h4.312c150.612-.1 301.232-.1 451.84-.1 3.412 0 6.856.04 10.24.436 12.88 1.5 17.98-2.832 18.08-15.884.12-16.62.008-33.232.116-49.844.064-10.62-4.732-15.072-15.704-15.036-110.812.46-221.624.772-332.432.772q-17.208 0-17.208-19.404v-61.168c-.6-19.224-3.184-33.256-7.76-42.1-9.384-14.176-18.856-28.3-28.16-42.52-5.06-7.744-11.7-11.672-21.292-11.548m358.08.056c-15.996-.804-25.344 6.28-32.692 19.36-6.68 11.912-14.6 23.104-21.68 34.804-6.284 10.38-15.428 13.42-27.048 13.32-56.24-.48-112.48-.56-168.72-.668-11.584-.024-17.32 5.6-17.2 16.864l-.176 39.82c0 12.24 5.856 18.356 17.56 18.336 41.332-.068 82.668-.016 123.988-.016v-.216c41.336 0 82.664.192 124-.104 13.92-.108 29.08-2.04 35.328-16.088 16.148-36.4 30.76-73.496 45.32-110.564 4.42-11.28 1.052-14.848-10.94-14.812-22.6.088-45.212 1.1-67.744-.036z", "fill": originColor ? "#e62119" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankCzbank.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankCzbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankCzbank.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCzbank = forwardRef(function BankCzbank(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M785.052 461 561.88 238.692c-15.752-15.692-15.752-39.232 0-54.92 15.752-15.696 39.384-15.696 55.136 0L840.18 406.076c15.756 15.692 15.756 39.232 0 54.924-13.128 15.692-39.38 15.692-55.132 0zM540.88 369.46 414.856 243.924c-15.752-15.692-15.752-39.232 0-54.924 15.756-15.692 39.384-15.692 55.136 0l126.024 125.54c15.752 15.692 15.752 39.228 0 54.92s-39.384 15.692-55.136 0m-76.14 75.848-126.02-125.54c-15.756-15.692-15.756-39.228 0-54.92 15.752-15.696 39.38-15.696 55.132 0l126.024 125.536c15.752 15.692 15.752 39.232 0 54.92-15.752 13.08-39.38 13.08-55.136 0zm-76.136 73.232L262.58 393c-15.752-15.692-15.752-39.232 0-54.92 15.752-15.696 39.38-15.696 55.136 0l126.02 125.536c15.756 15.692 15.756 39.232 0 54.92-13.124 15.696-39.38 15.696-55.132 0zM186.44 468.848c-15.752-15.696-15.752-39.232 0-54.924s39.384-15.692 55.136 0L367.6 539.46c15.752 15.692 15.752 39.232 0 54.924-13.128 15.692-39.384 15.692-55.136 0zm598.612 141.228L659.028 484.54c-15.752-15.692-15.752-39.232 0-54.924s39.38-15.692 55.136 0l126.02 125.536c15.756 15.696 15.756 39.232 0 54.924-15.752 15.692-42.008 15.692-55.132 0m-76.14 75.848-126.024-125.54c-15.752-15.692-15.752-39.232 0-54.92 15.752-15.696 39.384-15.696 55.136 0L764.048 631c15.752 15.692 15.752 39.232 0 54.92-15.756 15.696-39.384 15.696-55.136 0zm-76.14 75.844L506.748 636.232c-15.752-15.692-15.752-39.232 0-54.924s39.384-15.692 55.136 0l126.024 125.54c15.752 15.692 15.752 39.228 0 54.92s-39.384 15.692-55.136 0m-76.14 75.848-126.02-125.54c-15.756-15.692-15.756-39.228 0-54.92 15.752-15.696 39.38-15.696 55.132 0l126.024 125.536c15.752 15.692 15.752 39.232 0 54.92-15.752 15.696-39.38 15.696-55.136 0zm-149.652 2.616L183.816 617.92c-15.756-15.692-15.756-39.232 0-54.924 15.752-15.692 39.38-15.692 55.132 0l223.168 222.308c15.752 15.692 15.752 39.232 0 54.92-15.752 15.696-39.384 15.696-55.136 0z", "fill": originColor ? "#e60012" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankCzcb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankCzcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankCzcb.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCzcb = forwardRef(function BankCzcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "m546.312 751.728 61.94 62.02C583.052 837.468 549.124 852 511.9 852c-37.176 0-71.1-14.536-96.348-38.252l61.972-62.02a115.23 115.23 0 0 1 68.788 0m130.3-199.08a115.43 115.43 0 0 1 68.772-.032l62.052 62c-25.3 23.72-59.188 38.252-96.42 38.252-37.236 0-71.156-14.532-96.408-38.3C638.332 639.892 652.88 673.76 652.88 711c0 37.228-14.56 71.172-38.28 96.428l-61.976-62.016a115.24 115.24 0 0 1 0-68.852l61.976-62 .008.008zm-329.284.204 61.812 61.804.096-.096 61.94 62a116 116 0 0 1 .08 68.82l-62.02 62c-23.704-25.208-38.312-59.152-38.312-96.38 0-36.012 13.648-68.872 35.972-93.88-24.928 22.372-57.92 36-93.98 36-37.136 0-71.064-14.548-96.28-38.248l61.976-62.02a115.74 115.74 0 0 1 68.716 0m130.36-199.14a115.83 115.83 0 0 1 68.736 0l61.784 61.852.08-.088 62.04 62a115.94 115.94 0 0 1 0 68.772l-62.04 62.048c-23.712-25.256-38.244-59.184-38.244-96.424 0-36.204 13.76-69.344 36.34-94.332-24.98 22.64-58.108 36.472-94.368 36.472-37.176 0-71.104-14.58-96.348-38.292l.052.044c23.664 25.256 38.236 59.176 38.236 96.344 0 36.008-13.64 68.928-35.96 93.9 24.972-22.356 57.916-36.02 93.904-36.02 37.224 0 71.152 14.584 96.352 38.3l-61.94 62a115.57 115.57 0 0 1-68.74 0l-61.812-61.836-.088.1-61.98-62.048a115.56 115.56 0 0 1 0-68.724l61.98-62.064zm-267.448 62 61.996 62.02a115.7 115.7 0 0 1 0 68.772l-62 62.048c-23.704-25.26-38.236-59.2-38.236-96.44 0-37.2 14.532-71.172 38.24-96.4m603.468-.24C837.404 440.688 852 474.66 852 511.872c0 37.24-14.596 71.168-38.292 96.424l-61.96-62.048a115.7 115.7 0 0 1 0-68.772l61.96-62zm-500.792-44.356c37.26 0 71.236 14.58 96.44 38.3l-61.98 62a115.64 115.64 0 0 1-68.76 0l-62.012-62c25.248-23.72 59.176-38.3 96.312-38.3m301.8-154.5c23.72 25.208 38.28 59.188 38.28 96.38 0 36.228-13.796 69.344-36.408 94.372 25.004-22.644 58.14-36.508 94.428-36.508 37.232 0 71.12 14.6 96.42 38.3l-62.004 62a115.83 115.83 0 0 1-68.82 0l-61.816-61.84-.08.084-61.976-62.04a114.95 114.95 0 0 1 0-68.76l61.972-61.988zm-205.364 0 61.94 61.992a115.35 115.35 0 0 1 0 68.804l-61.94 61.992c-23.708-25.252-38.312-59.188-38.312-96.408 0-37.192 14.604-71.172 38.312-96.38M512.016 172c37.224 0 71.18 14.58 96.4 38.292l-61.992 61.992a115.37 115.37 0 0 1-68.784 0l-61.972-61.992C440.912 186.58 474.84 172 512.016 172", "fill": originColor ? "#a72226" : "currentColor" }), createElement("path", { "d": "m546.312 751.728 61.94 62.02C583.052 837.468 549.124 852 511.9 852c-37.176 0-71.1-14.536-96.348-38.252l61.972-62.02a115.23 115.23 0 0 1 68.788 0m130.3-199.08a115.43 115.43 0 0 1 68.772-.032l62.052 62c-25.3 23.72-59.188 38.252-96.42 38.252-37.236 0-71.156-14.532-96.408-38.3C638.332 639.892 652.88 673.76 652.88 711c0 37.228-14.56 71.172-38.28 96.428l-61.976-62.016a115.24 115.24 0 0 1 0-68.852l61.976-62 .008.008zm-329.284.204 61.812 61.804.096-.096 61.94 62a116 116 0 0 1 .08 68.82l-62.02 62c-23.704-25.208-38.312-59.152-38.312-96.38 0-36.012 13.648-68.872 35.972-93.88-24.928 22.372-57.92 36-93.98 36-37.136 0-71.064-14.548-96.28-38.248l61.976-62.02a115.74 115.74 0 0 1 68.716 0m130.36-199.14a115.83 115.83 0 0 1 68.736 0l61.784 61.852.08-.088 62.04 62a115.94 115.94 0 0 1 0 68.772l-62.04 62.048c-23.712-25.256-38.244-59.184-38.244-96.424 0-36.204 13.76-69.344 36.34-94.332-24.98 22.64-58.108 36.472-94.368 36.472-37.176 0-71.104-14.58-96.348-38.292l.052.044c23.664 25.256 38.236 59.176 38.236 96.344 0 36.008-13.64 68.928-35.96 93.9 24.972-22.356 57.916-36.02 93.904-36.02 37.224 0 71.152 14.584 96.352 38.3l-61.94 62a115.57 115.57 0 0 1-68.74 0l-61.812-61.836-.088.1-61.98-62.048a115.56 115.56 0 0 1 0-68.724l61.98-62.064zm-267.448 62 61.996 62.02a115.7 115.7 0 0 1 0 68.772l-62 62.048c-23.704-25.26-38.236-59.2-38.236-96.44 0-37.2 14.532-71.172 38.24-96.4m603.468-.24C837.404 440.688 852 474.66 852 511.872c0 37.24-14.596 71.168-38.292 96.424l-61.96-62.048a115.7 115.7 0 0 1 0-68.772l61.96-62zm-500.792-44.356c37.26 0 71.236 14.58 96.44 38.3l-61.98 62a115.64 115.64 0 0 1-68.76 0l-62.012-62c25.248-23.72 59.176-38.3 96.312-38.3m301.8-154.5c23.72 25.208 38.28 59.188 38.28 96.38 0 36.228-13.796 69.344-36.408 94.372 25.004-22.644 58.14-36.508 94.428-36.508 37.232 0 71.12 14.6 96.42 38.3l-62.004 62a115.83 115.83 0 0 1-68.82 0l-61.816-61.84-.08.084-61.976-62.04a114.95 114.95 0 0 1 0-68.76l61.972-61.988zm-205.364 0 61.94 61.992a115.35 115.35 0 0 1 0 68.804l-61.94 61.992c-23.708-25.252-38.312-59.188-38.312-96.408 0-37.192 14.604-71.172 38.312-96.38M512.016 172c37.224 0 71.18 14.58 96.4 38.292l-61.992 61.992a115.37 115.37 0 0 1-68.784 0l-61.972-61.992C440.912 186.58 474.84 172 512.016 172", "fill": originColor ? "#a72226" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankCzrxrcb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankCzrxrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankCzrxrcb.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankCzrxrcb = forwardRef(function BankCzrxrcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M512 176c-187.6 0-340 152.8-340 341.6C172 676.4 280 810 426.4 848V450c0-14.8 2-17.6 16-17.6h138c14 0 16 2.8 16 17.6v135.6c0 14.8-2 17.6-16 17.6l-122.4.4c-14.4 1.2-16.4 13.2-10 21.2 43.6 52.8 87.6 104.8 131.6 157.6l47.6 56.8C758.4 792 852.4 665.6 852.4 517.6 852 328.8 699.6 176 512 176m137.6 576-70.4-83.6h43.6c24.8 0 45.2-21.6 45.2-48V411.2c0-26.4-20.4-48-45.2-48H407.6c-24.8 0-45.6 21.6-45.6 48v209.2c0 2 0 3.6.4 5.6v113.6C290.8 690.8 244 608.4 244 515.6c0-150 121.6-271.6 272-271.6s272 121.6 272 271.6c0 101.2-55.6 190-138.4 236.4", "fill": originColor ? "#e50113" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankDahsing.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankDahsing: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankDahsing.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankDahsing = forwardRef(function BankDahsing(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M720 212H308c-70.8 0-128 57.2-128 128s57.2 128 128 128h154.4V292h100.4v176H720c70.8 0 128-57.2 128-128s-57.2-128-128-128m0 344H599.6l129.2 129.2-71.2 70.8-144.8-144.8L368 756l-71.2-71.2L426 556H308c-70.8 0-128 57.2-128 128s57.2 128 128 128h412c70.8 0 128-57.2 128-128s-57.2-128-128-128", "fill": originColor ? "#b90a7a" : "currentColor" }), createElement("path", { "d": "M559.2 296h-92.8v176H308c-72.8 0-132-59.2-132-132s59.2-132 132-132h412c72.8 0 132 59.2 132 132s-59.2 132-132 132H559.2zm8-8v176H720c68.4 0 124-55.6 124-124s-55.6-124-124-124H308c-68.4 0-124 55.6-124 124s55.6 124 124 124h150.4V288zm90.4 462.4 65.6-65.6L590 552h130c72.8 0 132 59.2 132 132s-59.2 132-132 132H308c-72.8 0-132-59.2-132-132s59.2-132 132-132h127.6L302.4 685.2l65.6 65.2 144.8-144.8zM720 560H609.6l125.2 125.2L658 762 513.2 617.2 368 761.6l-76.8-76.8L416.4 560H308c-68.4 0-124 55.6-124 124s55.6 124 124 124h412c68.4 0 124-55.6 124-124s-55.6-124-124-124", "fill": originColor ? "#adc5c9" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankDb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankDb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankDb.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankDb = forwardRef(function BankDb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M172 852V172h680v680zm95.2-95.2h490V265.6h-490zm61.6-69.6L573.6 326l132.4-2.8-252.8 364z", "fill": originColor ? "#26298a" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankDbs.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankDbs: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankDbs.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankDbs = forwardRef(function BankDbs(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M563.6 510.8v4c0 28.8 58.8 88.4 76 108.8 13.2 15.6 30.4 34.4 41.6 50 12 16.4 32 34.8 42.8 50.4-4.8-1.2-88.8-74-101.2-83.6-22.8-18-78-75.2-109.6-75.2h-6.4c-18.8 0-46.4 23.2-57.2 33.2-15.6 14.8-34.8 27.2-49.6 42-10.8 10.8-37.2 32.4-50 42-16.8 12.4-34 31.2-50 42 1.2-4.4 74-88.4 83.6-101.2 18.8-23.6 75.2-76.8 75.2-110.8v-1.2c0-21.6-20.8-46.4-32-58.4-14.8-16-27.2-34-42-49.6s-27.2-34.4-42-49.6c-9.6-10-34.4-39.2-41.6-50 6.8 2 84.8 71.6 98.8 82.4 23.2 17.2 77.6 74 108 74h9.2c24.8 0 88.4-59.6 106.8-75.2 10.8-9.2 96-82.8 100-83.6-10.8 16-29.6 33.2-42 50-10.8 14.4-30 37.6-42.4 50.8-14.8 16-28 34-42.8 50.4-11.2 11.2-33.2 36-33.2 58.4m-310-284.4v10.4c0 10.8 4.4 16.4 6.4 24.4-8-4-18-7.6-29.6-7.6-27.2 0-58.4 26.4-58.4 50.4v14.4c0 10.8 26.8 62.4 32.4 79.2 8.8 26 18.4 58.4 18.4 92.8v36c0 36.4-6.8 72.4-17.2 99.2-6.8 17.2-33.2 70-33.2 84.4v7.6c0 24.4 28.8 53.2 52 53.2h10.4c11.6 0 17.6-5.6 26-6.4-2.4 8.8-6.4 12-6.4 26v12.8c0 24.4 31.2 49.2 59.6 49.2 16.4 0 60.8-24.4 79.2-31.2C418 812.4 450.8 802 484 802h59.6c30.8 0 67.6 11.2 90.4 19.6 18.4 6.8 60.8 30.8 79.2 30.8 30.8 0 59.6-27.6 59.6-56.8v-4c0-10.8-5.6-19.6-7.6-28.4 5.6 4 17.6 7.6 27.2 7.6h9.2c20.8 0 52-28.4 52-48V710c0-15.2-26.8-68.4-33.6-86.8-11.2-32-17.2-61.2-17.2-104.4v-28.4c0-26 10-75.6 18-93.2 6-13.2 10.4-26 16.8-38.8 4.8-9.2 15.6-29.2 15.6-41.2v-11.6c0-24.4-30-51.6-55.6-51.6-12.8 0-23.6 3.6-32.4 7.6 1.2-5.2 7.6-19.6 7.6-24.4v-7.6c0-27.2-29.2-56.8-55.6-56.8H712c-12.4 0-66 26.4-82.8 32.4-24.8 9.2-62 19.2-96 19.2h-38.8c-26.8 0-80-10-97.6-18.8-13.2-6.8-73.6-33.6-84.8-33.6h-2.4c-27.2 0-56 27.6-56 54.4", "fill": originColor ? "#e30016" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankDccb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankDccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankDccb.js

@@ -0,0 +1,41 @@
+import { createElement, forwardRef } from "react";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankDccb = forwardRef(function BankDccb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M322 502.4c88.8-42 149.2-105.2 189.2-198.4 25.2 37.6 29.2 71.6 83.2 125.6 14.4 14.4 37.6 32.8 58.4 46.4 12.8 8.4 60.8 30.8 67.2 36.4-10.4 6.8-24 10.8-34.8 16.4-36.8 19.2-61.2 39.2-89.6 67.6C529.2 662.8 549.2 662 512 720c-31.6-51.2-26-68-84-125.6-58.8-58.4-87.2-56.8-124-82zm180-328.8c-43.2 13.6-53.6 60.8-93.2 79.2-43.2 20.4-120-16-143.6 26.8-22 40 14.8 93.6-20.8 143.2-16.8 23.2-83.2 58-70.4 102.4 10.4 34.8 64 54.4 80 91.2 18 40.8-13.2 118.8 22.4 141.2 39.6 24.8 103.2-9.6 144 20 31.2 22.8 56.4 82 101.2 73.6 30.4-5.6 61.6-63.2 92-79.6 40.4-21.6 112.8 13.2 141.6-22 28-34-10.4-104 23.6-147.2 26.8-34 80.8-59.6 72.4-99.2-6.8-32.4-62.4-61.2-79.2-92-23.6-42.8 14.4-120.4-25.6-145.2-39.6-24.8-103.2 14.4-146.8-23.6-31.2-27.6-59.2-80.8-97.6-68.8", "fill": originColor ? "#735222" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

package/packages/react/icons/BankDgrcb.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+
+export interface IconCommonProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+}
+export type IconSvgProps = IconCommonProps & { button?: false; background?: never } & React.SVGProps<SVGSVGElement>;
+export type IconButtonProps = IconCommonProps & { button: true; background?: boolean } & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const BankDgrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};