@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankKcb.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 BankKcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKcb.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 BankKcb = forwardRef(function BankKcb(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": "115.28 115.28 793.44 793.44", "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": "M21.333 512a490.667 490.667 0 1 0 981.334 0 490.667 490.667 0 1 0-981.334 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M341.59 682.667V341.76h340.906v15.872h-15.872a6.827 6.827 0 1 0 0 13.184h15.915v15.915H637.14a6.827 6.827 0 0 0 0 13.141h45.526v15.957H607.53a6.827 6.827 0 0 0 0 13.142h75.136v15.914H578.432a6.827 6.827 0 0 0-6.827 6.827 6.827 6.827 0 0 0 6.827 8.448h104.619v15.915H548.224a6.827 6.827 0 0 0 0 13.141h134.315v15.957h-163.84a6.827 6.827 0 1 0 0 13.142h163.84v15.914H548.18a6.827 6.827 0 1 0 0 13.184H682.54v15.915H578.432a6.827 6.827 0 1 0 0 13.141h104.619v15.915h-75.52a6.827 6.827 0 0 0 0 13.184h75.136v15.915H637.14a6.827 6.827 0 0 0 0 13.141h45.526v15.915h-16.043a6.827 6.827 0 0 0 0 13.696h15.915v15.914l-340.907 2.518zm170.24-512a341.333 341.333 0 1 0 .298 682.666 341.333 341.333 0 0 0-.256-682.666z", "fill": originColor ? "#d82b17" : "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/BankKcccb.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 BankKcccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKcccb.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 BankKcccb = forwardRef(function BankKcccb(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": "M482.8 488.8c19.6-29.2 43.2-2 45.2-29.2h-16c-16.4 0-35.6 29.6-42 42 11.6-2.8 15.2-6.4 29.2-6.4 24.4 0 39.6 9.6 52 9.6h3.2c20 0 37.2-11.2 38.8-29.2-5.2 2.8-14.8 9.6-19.6 9.6h-3.2l-51.6-7.2c-8 0-28.4 9.2-36 10.8m-310.8 26v6.4c0 100.4 51.6 187.6 104.4 236 66 60 124 94.8 248.8 94.8C664 852 803.6 740.8 840 611.6c14.8-52.8 16.8-131.2 1.6-184-8-28-20.8-57.6-28-71.6-16.8-32.8-38.8-59.6-64-85.2-30.4-30.4-92.8-72.4-154.4-88.8-46.4-12.8-113.6-12.8-160.4-2-69.6 16-134 65.2-171.2 102.4-50.4 50-91.6 132.8-91.6 232.4m233.2-191.2c0-29.6 22-55.2 48.4-55.2h12.8c20.8 0 24.8 6.4 45.2 6.4 20.8 0 24.8-6.4 45.2-6.4h16c18.4 0 45.2 23.6 45.2 42v16.4c0 28-11.2 37.2-16.4 58.4 16.8-11.2 45.6-38.8 71.2-38.8 29.2 0 54.4 27.2 55.2 58.4.8 43.2 29.2 64.4 29.2 84.4V512c0 49.6-51.2 45.2-100.4 45.2 10.8 14.8 58.4 31.2 58.4 64.8v12.8c0 44.4-36.8 45.2-63.6 62.8-26.4 17.6-36 49.6-75.6 50.4 6.8-25.6 22.8-34.4 22.8-77.6V638c0-54.4-50.8-126.4-103.6-126.4h-19.6c-12.8 0-21.6 1.6-29.2 6.4 45.2 0 74.4 37.6 74.4 81.2v32.4c0 39.2-48.8 113.6-84.4 113.6h-3.2c-23.6 0-41.2-28.8-56-41.2-19.2-16.4-43.2-19.6-60-37.2-58.8-61.2 40-97.6 51.2-113.6l-45.2 4c-28.8 2.8-61.6-24.4-61.6-52 0-36.8 21.6-47.6 29.6-87.2 6-30.4 11.2-71.6 48.4-71.6h16c25.6 0 51.6 31.2 68 42-3.2-18.4-18.4-38-18.4-64.8", "fill": originColor ? "#be3338" : "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/BankKeb.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 BankKeb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKeb.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 BankKeb = forwardRef(function BankKeb(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": "m506 493.2-32.8 51.2c-15.2 4.8-34.8 12-58 22.4s-58.8 26.8-106 50c19.2-22.4 46.8-45.2 82-68.8s73.6-41.6 114.8-54.8m54.4-93.2L522 454.8c-28 11.2-60 26.8-96 46.4s-88.8 50.8-158.8 93.6c-8.4-1.2-10.4-3.6-6-8.4C302.8 545.2 364 500.8 394 481.2c41.2-27.2 96.8-54 166.4-81.2m51.2-92.8-40 58c-43.6 19.6-93.2 43.6-148 72S306 510 235.2 570l-13.6-9.2c66-67.6 127.6-119.2 185.6-154.4s126-68 204.4-99.2m56-93.2-42.8 61.6C520.4 320.4 443.6 358 395.6 389.2S284.4 472 206.4 544.8l-20.8-16c74-80.4 148.4-144.4 224-192.8s161.6-89.2 258-122m52.8-90-40 58.8c-50 15.2-127.2 52-230.8 110.4S256 420.4 180 500c-10.4 0-10.4-8.8 0-26 18.8-32 74.4-105.6 247.6-212.4 49.2-30.8 146.8-76.4 292.8-137.6", "fill": originColor ? "#1b9dd6" : "currentColor" }), createElement("path", { "d": "m855.2 802.8-98 36C477.2 719.2 310.4 639.6 256.4 600s-81.6-70-84.4-92c13.6 20.8 46.8 44.8 100 71.6q80.4 40.2 583.2 223.2m-664-236c12 12 34 29.6 66 53.2 32 23.2 186.4 101.6 463.2 234.8l-79.6 28c-153.6-86-262-151.6-325.6-196-63.2-44.4-104.8-84.4-124-120m410.4 321.6-76.4 8.8C340.8 768 235.6 675.6 208.4 620c-15.6-32.4-8.8 2 83.2 68 43.6 31.6 146.8 98.4 310 200.4M230.4 667.2q21.6 31.8 80.4 85.2c58.8 53.4 97.2 84 173.2 144.8l-66-3.6c-61.2-59.2-104.8-104.8-131.2-136.4s-44.8-62-56.4-90m20.4 55.6c20.4 31.6 37.6 56 51.2 72.8s35.2 41.2 64.4 72.8c-35.2-22.8-60.4-43.6-76-62.4-14.8-18.8-28.4-46.8-39.6-83.2", "fill": originColor ? "#ce1648" : "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/BankKfccb.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 BankKfccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKfccb.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 BankKfccb = forwardRef(function BankKfccb(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": "M484 544V419.6L584 368v122zm119.6-352.8S307.2 105.6 206.8 406c-13.2 39.2-19.2 77.6-19.2 114 .4 224.8 226 390 454 298 0 0 150.4-70 190-237.2 0 0-94 154.8-217.6 181.2 0 0-84.8 24.8-174 .4l42-86v-65.2l100.4-54v50.4l40.4 44V535.2l45.2-24.4-45.2-27.2V278L384.4 400.4l47.2 36.4-.8 132.4-61.2 32.8 60.8 30.4-.8 127.2c-39.6-12.4-79.2-35.2-112.4-74-111.6-131.2-83.6-318.8 64-434.4.8 0 55.2-54 222.4-60", "fill": originColor ? "#003a81" : "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/BankKlb.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 BankKlb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKlb.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 BankKlb = forwardRef(function BankKlb(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": "M614.4 194c-29.2-9.2-65.6 16.4-98 17.6l8.4 223.6c.4 4 3.2 7.2 6.8 8.8 4.4 2 8.8.8 12-2.4l143.2-174.4c-26.4-18.8-40.8-62.8-72.4-73.2m165.2 119.2c-18.8-25.2-62-26.4-89.2-43.2L562 455.2c-1.6 2.8-2 6.4-.4 10 1.6 4 5.6 6.4 10 6.4l223.6-56c-9.6-31.6 4-76-15.6-102.4m17.6 107.2-216 72.8c-4 2-6.4 5.6-6.4 10s2.8 8.4 6.8 10.4l215.2 86.8c10-30 47.2-56.8 47.2-90s-34.8-60.4-46.8-90m-350.4 72.8-216-72.8C218.8 450 184 477.2 184 510c0 33.2 37.2 60 47.2 90l215.2-86.8c4-1.6 6.8-5.6 6.8-10.4 0-4-2.4-8-6.4-9.6M413.6 194c-31.6 10-46 54.4-72.4 73.6L484.4 442c3.2 3.2 8 4 12 2.4 3.6-1.6 6.4-4.8 6.8-8.8l8.4-223.6c-32.8-1.6-68.8-27.2-98-18m-76.4 76c-27.2 16.8-70.4 18-89.2 43.2-19.2 26.4-6 70.4-16 102.4L456 472c4.4 0 8.4-2.4 10.4-6.4 1.6-3.2 1.2-6.8-.4-10z", "fill": originColor ? "#ed9f2d" : "currentColor" }), createElement("path", { "d": "M514.8 528 232 608c8 31.6-4.4 73.6 13.6 99.2 19.2 26.8 66 27.2 92 46.4 26.4 19.6 40.8 64.8 72.8 75.2C441.2 839.2 479.6 812 514 812c33.2 0 70.4 27.2 100.4 17.6 31.6-10.4 46-54.8 72.4-74s73.2-19.2 92.4-45.6 5.6-71.2 16-103.2z", "fill": originColor ? "#c60009" : "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/BankKsb.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 BankKsb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKsb.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 BankKsb = forwardRef(function BankKsb(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": "119.34 89.84 785.32 785.32", "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.001-.001 224 224v576q.001 224.001-224 224H224q-224.001.001-224-224V224Q-.001-.001 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M495.642 585.247a23.14 23.14 0 0 1 32.716 0l196.214 196.219c14.577 14.571 4.255 39.49-16.358 39.49H315.786c-20.613 0-30.935-24.919-16.358-39.49z", "fill": originColor ? "#fed92b" : "currentColor" }), createElement("path", { "d": "m495.642 150.835-53.361 53.36h-173.62a46.27 46.27 0 0 0-46.274 46.27v532.951l257.05-254.663a46.264 46.264 0 0 1 65.126 0l257.045 254.663v-532.95a46.27 46.27 0 0 0-46.27-46.27H581.72l-53.36-53.36a23.13 23.13 0 0 0-32.717 0m0 314.42L342.333 311.935c-14.576-14.577-4.25-39.496 16.359-39.496h306.616c20.613 0 30.935 24.92 16.364 39.496L528.358 465.244a23.13 23.13 0 0 1-32.716 0z", "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/BankKsrcb.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 BankKsrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKsrcb.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 BankKsrcb = forwardRef(function BankKsrcb(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 172c-186.4 0-340 150-340 340s153.6 340 340 340c190 0 340-153.6 340-340S702 172 512 172m-2 628c-157.6 0-286-128.4-286-286s128.4-286 286-286 286 128.4 286 286c0 40.4-7.2 76.8-22 113.6 0 3.6-3.6 7.2-3.6 7.2l3.6 18.4s-3.6-3.6-11.2-7.2c-132-99.2-344.8-99.2-344.8-99.2 29.2-51.2 29.2-120.8 29.2-120.8 69.6-55.2 176-40.4 176-40.4l-25.6 113.6 80.8-150.4c-143.2-18.4-304.4 44-304.4 44 32.8 120.8-95.2 242-95.2 242 278.8-66 428.8 0 476.8 25.6C704.4 744.8 616.4 800 510 800", "fill": originColor ? "#a40000" : "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/BankLbot.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 BankLbot: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankLbot.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 BankLbot = forwardRef(function BankLbot(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": "M704.8 615.6s-6 17.6-20.4 52.8c-14.4 35.6-27.2 34.4-39.2 34.4s-262 1.2-262 1.2-4.8-.4-2.8-9.2S522 304 522 304l132.4.4L552 583.2l130.4-1.2c38.4 0 22.4 33.6 22.4 33.6M305.6 472s-25.6 4-14.8-34.8l24-65.2s10.8-19.6 40.8-19.6H468l-44.8 118zm328.8 0 42.8-124h132.4c-58-104-166-176-294.8-176C326 172 172 318.8 172 512c0 21.6 2 48.8 6 69.2h202.4l-41.6 122h-110C289.6 794.8 388 852 513.6 852 702 852 852 693.2 852 513.6c0-14.4-.8-24.4-.8-41.6z", "fill": originColor ? "#00633e" : "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/BankLfrcu.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 BankLfrcu: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankLfrcu.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 BankLfrcu = forwardRef(function BankLfrcu(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": "M584 264.06h106.4c14.8 0 28 6 37.6 16l10.4 10.8c.4.4 13.2 16.4-1.6 31.2l-112.8 114s2.4-3.6 2.4-6.8-1.2-5.6-3.2-7.6l-53.2-54.4c-4.4-4-10-6-16-6h-74l89.2-90.8c3.6-3.6 8.8-6 14.8-6.4m-143.6 0c6 0 11.2 2.4 14.8 6.4l47.2 48-100.8 102.8c-2 2-3.2 4.8-3.2 7.6 0 3.6 2.4 6.8 2.4 6.8l-112.4-114c-14.4-14.8-2-30.8-1.6-31.2l10.4-10.4c9.6-10 22.8-16 37.2-16z", "fill": originColor ? "#ba512c" : "currentColor" }), createElement("path", { "d": "m736 321.66-223.6 226-223.2-226c-14.4-14.4-2.4-30-1.6-31.2-42 42.8-99.6 101.2-99.6 101.2-8.8 8.4-14.4 20.4-14.4 33.6s5.6 25.2 14 34l274.8 277.6c12.8 12.8 30.8 20.8 50 20.8 19.6 0 37.2-8 50-20.8l274.8-277.6c8.8-8.8 14-20.4 14-34 0-13.2-5.6-25.2-14-34 0 0-58-58.4-100-100.8.8.8 13.2 16.4-1.2 31.2", "fill": originColor ? "#cc7824" : "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/BankLhb.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 BankLhb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankLhb.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 BankLhb = forwardRef(function BankLhb(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": "151.66 149.16 722.68 722.68", "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.001-.001 224 224v576q.001 224.001-224 224H224q-224.001.001-224-224V224Q-.001-.001 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "m643.072 231.27-1.674-.788a40.955 40.955 0 0 0-47.13 8.986L349.788 498.4a20.48 20.48 0 0 0 .41 28.54l67.906 67.91a20.48 20.48 0 0 0 28.964 0l32.584-32.583a20.48 20.48 0 0 0 0-28.964l-8.105-8.105a20.48 20.48 0 0 1-.41-28.539L609.7 349.906c13.583-14.387 35.804-17.29 50.565-4.117C705.987 386.601 734.72 445.967 734.72 512c0 119.194-93.63 216.52-211.354 222.433l-82.851 79.027a310.5 310.5 0 0 0 71.485 8.3c171.075 0 309.76-138.685 309.76-309.76 0-124.303-73.216-231.414-178.688-280.73", "fill": originColor ? "#f39903" : "currentColor" }), createElement("path", { "d": "m383.488 790.17 1.674.783a40.955 40.955 0 0 0 47.13-8.98l244.48-258.934a20.48 20.48 0 0 0-.41-28.54l-67.906-67.91a20.48 20.48 0 0 0-28.964 0l-32.584 32.583a20.48 20.48 0 0 0 0 28.964l8.105 8.105a20.48 20.48 0 0 1 .41 28.539L416.86 671.534c-13.583 14.382-35.804 17.29-50.565 4.117-45.722-40.812-74.455-100.183-74.455-166.211 0-119.194 93.63-216.52 211.354-222.433l82.851-79.027a310.5 310.5 0 0 0-71.485-8.295C343.485 199.68 204.8 338.36 204.8 509.44c0 124.298 73.216 231.409 178.688 280.724z", "fill": originColor ? "#0051a4" : "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/BankLjbank.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 BankLjbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankLjbank.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 BankLjbank = forwardRef(function BankLjbank(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": "m507.736 164 191.276.528L622.5 227.4h85.48c18.696 0 144.02 19.568 144.02 151.848-6.232 123.28-77.552 130.9-85.168 144.06s-2.08 33.24 7.616 35.316c9.696 2.08 76.16 36.708 76.16 150.292C847.84 840.516 720.5 860 720.5 860H176.22s-24.928-121.3 46.388-134.46l500.492.52V674.9H563.996V410.444h159.792v-49.58H173.592s17.856-86.056 22.288-104.892c4.332-18.44 16.104-21 24.388-21.104h73.44l59.436-43.16h101.968c10.528 0 24.932-5.556 52.624-27.708m2.48 247.14v265.148H179.992V560.84H393.06v-50.472H179.992V411.14z", "fill": originColor ? "#fbbe02" : "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,
+  );
+});