@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankTaccb.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 BankTaccb = forwardRef(function BankTaccb(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": "M851.6 292v212L808 460.4c-24.8-24.4-64.4-24.8-89.6-.8L680 496.8 557.6 371.2c-24.8-25.2-65.2-26-90.4-1.2l-1.2 1.2-135.6 140.4-27.2-27.2c-25.2-24.8-65.6-24.8-90.4.4l-40 40L172 292c0-66.4 53.6-120 120-120h439.6c66 0 120 53.6 120 120m-80 393.2c26.8 26.4 53.6 52.4 80.4 78.8-.4 48.8-40 88-88.8 88h-94.4l-292-292c44.8-45.2 90-90.4 134.8-136 86.4 87.2 173.2 174 260 261.2m80.4-84c-.4 22.4.4 44.8 0 67.2-40.4-40.8-81.6-81.6-122-122 11.2-11.6 22.4-23.2 33.2-34.4 29.6 29.6 59.2 59.2 88.8 89.2M574.4 851.6 292 852c-66.4 0-120-53.6-120-120V622.4c28.4-28 56.8-56 85.2-84.4 105.2 104.4 212 209.6 317.2 313.6", "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/BankTbb.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 BankTbb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTbb.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 BankTbb = forwardRef(function BankTbb(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": "M335.2 280 160.8 498.4c-2.8 3.6-4.8 8.4-4.8 13.6s1.6 10 4.8 13.6L335.2 744h358l174.4-218.4c2.8-3.6 4.8-8.4 4.8-13.6s-1.6-10-4.8-13.6L692.8 280zM580 300l164 210-164 210zM284 510l164-210v420z", "fill": originColor ? "#ea5406" : "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/BankTcb.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 BankTcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTcb.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 BankTcb = forwardRef(function BankTcb(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": "M225.12 3.984h573.76c123.118 0 223.128 100.01 223.128 223.129v573.759c0 123.119-100.01 223.128-223.129 223.128H225.121C102 1024 1.992 923.99 1.992 800.872v-573.76c0-123.118 100.01-223.128 223.129-223.128", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M668.19 687.714c-89.65-5.579-160.174-80.088-160.174-170.933 0-94.43 76.9-171.33 171.33-171.33s171.331 76.9 171.331 171.33-76.9 171.331-171.33 171.331v155.393H508.015c-182.488 0-330.709-148.221-330.709-330.708 0-182.089 147.425-329.513 329.513-329.513h1.196l171.33.797v160.971H504.031c-94.431 0-171.33 76.9-171.33 171.33S409.6 687.715 504.03 687.715zm-51-233.488v124.713h124.712V454.226z", "fill": originColor ? "#007a55" : "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/BankTcrcb.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 BankTcrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTcrcb.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 BankTcrcb = forwardRef(function BankTcrcb(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 176c187.6 0 340 150.4 340 336S699.6 848 512 848 172 697.6 172 512s152.4-336 340-336m48 54.4c-2.8-10-7.6-19.6-14-26.4-9.6-10-23.6-15.6-40.8-16-18 0-36 11.2-41.6 28.4-.4 1.6-.8 2.8-1.2 4.4-2-.4-4-1.2-5.6-2-4.4-2-8.8-3.6-13.6-4-6.4-.4-16.4 3.2-20 8.4-1.2 2-2.8 4-3.2 6-.4 2.8.4 6 3.2 8.4 1.6 1.2 3.2 2 5.2 2 3.2 0 6.4-1.2 8.8-2.8s3.2-7.2 1.2-9.2c-1.2-1.6-4.8-2-6.4-.4-.4.4-2 1.6-2.8 2-.8-1.2-.8-2.4-.4-3.2.8-2.4 3.6-4.4 6-4.8q2.4 0 4.8 1.2c3.6 2.4 4.4 7.2 3.6 11.2-1.2 6.4-5.2 9.6-11.6 10.8-5.6.8-10.4-1.2-14.4-4.8-2-2-3.2-3.2-6-2.4-19.6 6.8-38.4 14.4-56 24.4-16.8 9.6-32.4 21.6-47.2 34-12.8 10.8-24.4 22.8-34.4 35.2-20.8 26-35.2 49.2-46.4 80.4-16.4 46.4-19.2 99.2-9.6 147.6 3.6 18.4 8.8 34.8 12.4 41.6-.8-4-1.6-7.6-2.4-11.2-3.2-14-5.6-28-6.8-42-2.4-24-3.6-50.4-.4-74.4 1.6-14 4.8-27.6 9.2-42.4s10.8-31.6 18-44.8c2.8-5.2 6-9.6 8.8-14.8.8-1.2 2.8-4.8 2.8-4.8-2.4 5.2-4.4 10.4-6.4 15.6-4 9.2-7.2 18.4-10.4 27.6-9.6 27.6-16.4 57.6-18 86.8-.8 12.8-.8 25.6-.4 38.4.4 26.8 5.2 54.4 14 80 6.4 18.4 13.2 33.6 23.6 50.4 10.8 17.6 24 34.4 38.8 48.8 14.4 14 29.6 26.4 46.4 37.6 2.4 1.6 8.4 4.8 14 7.6 8.4 4.4 17.2 8.4 17.2 8.4-.4-.4-8-4.8-15.6-9.2-15.6-8.8-29.2-18.8-41.6-30.8-12.8-12.4-25.2-27.2-34-42.8-11.2-19.6-18.4-41.6-21.2-65.2-4.4-38 2.8-78 20.4-113.2 20.4-41.2 54.8-76.4 95.2-102 26.8-16.8 63.2-35.6 99.6-41.2 20-3.2 47.6-2.8 66 7.6 4.4 2.4 8 6 9.6 10.8 2 5.2 1.6 8.8-2 13.6-2.8 3.2-8.8 3.6-12.4 1.2-2.8-2-3.2-4.8-2.8-7.6 1.2-4.8 3.6-5.6 7.6-7.2 1.2-.8 2-.8 1.2-1.2l-2.4-1.2c-5.2-2.4-17.6-1.2-17.6 6.4s5.2 13.6 10.4 18.8c15.6 15.6 36.8 23.2 58.8 20.4 15.6-2 27.2-10.8 36-22.8 9.6-12.8 14.4-27.2 9.6-42.4-.8-2.4-1.6-4.4-2.8-6.4-2.4-4.4-6-8-8.8-12 0 0 .4-.4.8-1.2 1.6-3.2 2.8-6 3.6-9.2 4.4-12.4 2.8-24.4-3.6-35.6-1.2-2.4-3.2-4.8-5.6-7.2-1.6-1.6-3.6-2.8-3.6-2.8v-4c-.4-7.2-5.6-17.2-10.4-22.8-6.8-7.6-16.8-13.6-26.8-16.8-6.4-2-13.6-3.2-19.2-4.4-.8 0-3.2-.4-3.2-.4-.8.4-2.4-4-3.2-6m-86 564c3.2 10 7.6 19.6 14.4 26.4 10 10 24 15.2 40.8 15.2 18 0 35.6-11.6 40.8-29.2.4-1.6.8-2.8 1.2-4.4 2 .4 4 .8 5.6 1.6 4.4 2 8.8 3.6 13.6 4 6.4.4 16.4-3.2 20-8.8 1.2-2 2.8-4 3.2-6.4.4-2.8-.4-6-3.2-8.4-1.6-1.2-3.2-2-5.2-2-3.2.4-6 1.2-8.8 3.2-2.4 1.6-3.2 7.2-1.2 9.2 1.2 1.6 4.8 1.6 6.4.4.4-.4 2-1.6 2.8-2 .8 1.2.8 2.4.4 3.2-.8 2.4-3.6 4.4-6 4.8q-2.4.6-4.8-1.2c-3.6-2.4-4.4-7.2-3.6-11.2 1.2-6.4 4.8-9.6 11.2-10.8 5.6-1.2 10.4.8 14.4 4.4 2 2 3.2 3.2 6.4 2.4 19.6-7.2 38-15.2 55.6-25.6 16.4-10 32-22 46.4-35.2 12.4-11.2 24-23.2 33.6-36 20-26.4 34.4-50 44.8-81.2 15.6-46.8 17.2-100 7.2-148-4-18.4-9.6-34.4-13.2-41.6.8 4 1.6 7.6 2.8 11.2 3.2 14 6 28 7.6 42 2.8 24 4.4 50.4 1.6 74.4-1.6 14-4.4 27.6-8.4 42.4s-10.4 31.6-17.2 45.2c-2.4 5.2-6 9.6-8.4 14.8-.8 1.6-2.4 4.8-2.8 4.8 2.4-5.2 4-10.4 6-15.6 3.6-9.2 6.8-18.4 10-27.6 9.2-28 15.2-58 16.4-87.2.4-12.8.4-25.6 0-38.8-.8-27.2-6.4-54.4-15.2-80-6.4-18.4-14-33.6-24.4-50-11.2-17.2-24.4-34.4-39.6-48.4-14.8-13.6-29.6-26-46.8-36.8-2.8-1.6-8.4-4.8-14-7.6-8.4-4-17.2-8-17.2-8 .4.4 8.4 4.8 15.6 8.8 15.6 8.4 29.2 18.4 41.6 30 13.2 12.4 25.6 27.2 34.8 42.4 11.6 19.6 19.2 41.2 22.4 64.8 5.2 38-1.6 78.4-18.4 113.6-19.6 41.6-53.6 77.6-93.2 104-26.4 17.6-62.4 36.8-98.4 43.2-20 3.6-47.2 3.6-65.6-6.4-4.4-2.4-8-5.6-10-10.8s-2-8.8 2-13.6c2.8-3.6 8.8-4 12.4-1.6 2.8 1.6 3.6 4.8 2.8 7.6-.8 4.8-3.6 5.6-7.6 7.2-1.2.8-2 .8-.8 1.2l2.4 1.2c5.2 2 17.2.8 17.6-6.4 0-7.6-5.6-13.6-10.4-18.8-15.6-15.6-36.8-22.4-58.8-19.6C420 601.2 408.8 610 400 622c-9.2 12.8-14 27.2-8.8 42.8.8 2.4 1.6 4.4 2.8 6.4 2.4 4 6 8 9.2 11.6 0 0-.4.4-.8 1.2-1.6 3.2-2.4 6-3.6 9.6-4 12.8-2.4 24.4 4 36q1.8 3.6 6 7.2c1.6 1.6 3.6 2.8 3.6 2.8v4c.4 7.2 6 17.2 10.8 22.4 6.8 7.6 17.2 13.2 26.8 16.4 6.4 2 13.6 3.2 19.2 4 .8 0 3.2.4 3.2.4-.8 1.2.8 5.6 1.6 7.6m-46-282.8 86 80.4 82-83.6-86-80.4z", "fill": originColor ? "#004da1" : "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/BankTjrcb.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 BankTjrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTjrcb.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 BankTjrcb = forwardRef(function BankTjrcb(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": "M844 511.6c0 145.6-95.6 269.2-220.4 320.4C712 781.2 778 679.2 778 570c0-131.2-102.8-232.8-235.2-232.8-66 0-117.6 50.8-117.6 116.4S476.8 570 542.8 570c-14.8 7.2-36.8 14.4-58.8 14.4-102.8 0-183.6-80-183.6-182C300 286 395.6 184 520.4 184 696.8 184 844 329.6 844 511.6m-668 .8c0-145.6 88.4-269.6 220.4-320.4C308 242.8 242 344.8 242 454c0 131.2 102.8 232.8 235.2 232.8 66 0 117.6-50.8 117.6-116.4S543.2 454 477.2 454c14.8-7.2 36.8-14.4 58.8-14.4 102.8 0 183.6 80 183.6 182C719.6 738 624 840 499.2 840 323.2 840 176 694.4 176 512.4", "fill": originColor ? "#ea5603" : "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/BankTlcb.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 BankTlcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTlcb.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 BankTlcb = forwardRef(function BankTlcb(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": "M297.424 651.96c-.964 0-1.448-.956-1.928-1.916-33.748-169.272 49.168-338.548 194.272-418.148-13.98-15.344-26.996-40.28-15.908-73.848.48-.96 1.448-1.44 2.892-1.92 1.448-.48 2.412.48 3.376.96 10.604 11.032 39.048 36.444 74.72 46.516 79.06-22.536 167.28-15.824 182.22 16.304 16.872 35.484-41.456 96.864-114.732 139.064-11.088 18.7-21.208 47.472-19.28 86.316 0 1.44-.964 2.876-2.412 3.356-.964.48-2.412.48-3.856 0-12.052-7.196-34.228-23.976-36.156-60.42-1.928.48-3.376 1.44-5.304 1.92-93.52 33.084-226.088 111.728-255.496 257.504.964.48.48 4.796-2.408 4.316z", "fill": originColor ? "#f45d3d" : "currentColor" }), createElement("path", { "d": "M339.46 581.976c.48-1.48 1.428-1.976 2.86-1.976 1.428 0 1.428 1.976 1.428 2.472-.952 56.84 31.44 138.884 132.44 156.68 0 0 3.812.492 3.812 2.964 0 .988-.952 1.48-1.904 2.472-2.86 1.976-18.104 6.424-22.868 8.4-11.912 4.944-29.064 14.336-33.828 30.152-3.808 11.368-2.38 25.208 5.24 39.54a196.7 196.7 0 0 0 28.588 36.08c.952.992 1.904 2.472.952 3.956-.952 1.48-2.384 1.48-3.336.988-67.648-16.312-177.7-132.46-113.384-281.728", "fill": originColor ? "#ffc200" : "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/BankTzbank.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 BankTzbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTzbank.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 BankTzbank = forwardRef(function BankTzbank(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": "M592.152 326.964v70.916c0 10.172 4.272 19.384 11.128 26.068l49.492 47.78a7.95 7.95 0 0 1 0 11.5l-49.408 47.724c-6.92 6.7-11.212 15.94-11.212 26.148v70.896c86.072 0 155.848-67.388 155.848-150.52 0-83.116-69.776-150.508-155.848-150.508zm55.38-11.284c6.92 6.692 16.488 10.832 27.072 10.832H748C748 243.384 678.224 176 592.152 176c-86.068 0-155.832 67.384-155.832 150.512h73.404a38.9 38.9 0 0 0 27.012-10.756L586.2 267.96c3.28-3.16 8.64-3.16 11.92 0l49.408 47.72zm-156.26 172.56-49.488 47.788c-3.26 3.16-8.62 3.16-11.9 0l-49.404-47.712a38.9 38.9 0 0 0-27.092-10.836H280C280 560.604 349.76 628 435.836 628c86.068 0 155.832-67.396 155.832-150.52h-73.404a38.83 38.83 0 0 0-26.992 10.76m-55.44-11.212v-70.904c0-10.172-4.248-19.396-11.128-26.076l-49.488-47.776a7.96 7.96 0 0 1 0-11.508l49.408-47.72c6.94-6.688 11.212-15.94 11.212-26.144V176C349.784 176 280 243.388 280 326.52c0 83.12 69.784 150.508 155.836 150.508z", "fill": originColor ? "#4abdd2" : "currentColor" }), createElement("path", { "d": "M528.216 448C541.304 448 552 437.308 552 424.22v-36.444c0-13.08-10.696-23.776-23.784-23.776h-36.432C478.696 364 468 374.696 468 387.776v36.44C468 437.308 478.696 448 491.784 448z", "fill": originColor ? "#fbcf00" : "currentColor" }), createElement("path", { "d": "M428 692H280v17.104h54.22v130.64c0 4.56 3.896 8.256 8.708 8.256h22.144c4.792 0 8.688-3.696 8.688-8.26V709.104H428zm144.92 25.288A15.48 15.48 0 0 0 576 708c0-8.836-7.4-16-16.524-16H449.76v17.108h85.056l-96.428 118.24c-1.612 2.16-2.388 4.808-2.388 7.688 0 7.24 5.868 12.936 13.324 12.964h126.02v-17.112h-94.976l92.548-113.6zm125.744 88.452c0 17.032-15.532 28.348-30.4 28.348H637.16c-5.592-.16-10.06-4.532-10.12-9.932v-47.744h40.72c14.612 0 30.904 9.956 30.904 29.328M637.1 705.896h27.156c15.168 0 28.92 10.06 28.92 25.304 0 18.904-15.032 27.784-29.464 27.784H627.04v-43.256c.1-5.34 4.528-9.64 10.06-9.832m71.812 60.164c14.684-6.82 21.584-21.204 21.584-36.376 0-15.128-12.416-37.684-48.504-37.684h-80.844c-7.276 0-13.148 5.136-13.148 11.476v131.748c0 7.2 5.872 12.776 13.148 12.776H687.5c36.08 0 48.5-25.62 48.5-42.54 0-19.264-8.588-32.508-27.088-39.4", "fill": originColor ? "#4abdd2" : "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/BankTzrcb.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 BankTzrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankTzrcb.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 BankTzrcb = forwardRef(function BankTzrcb(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": "M507.2 537.2S380.4 523.6 348.4 408c-34.4-91.6 48-268.8 196.8-230.8 91.2 23.2 118.8 78 134 108.4 6 12.4 3.2 11.2 6 12.4 116.4 42 149.2 89.2 166 196.4 4.8 30.8-11.6 87.6-32 120.4-20.8 33.6-44.8 57.6-64 71.6-8.8 6.4-20.8 12-31.2 15.6-6.8 2.4-13.6 4.4-19.2 4.8-22.8 2.4-20.8 2-16-2.4 26.4-24.8 43.6-72.4 53.6-121.6 10.4-51.6-12-117.2-34.8-146.4-43.2-56.4-140.8-110.8-212.8-49.6-72.4 61.2 12.4 150.4 12.4 150.4m16-47.2s127.6 13.6 160 128c34.4 90.8-48.4 266.4-198.4 228.8-91.6-23.2-120-77.2-134.8-107.6-6-12-3.2-11.2-6-12-117.2-42-150.4-88.4-167.2-194.8-4.8-30.4 12-87.2 32-119.2C230 380 254 356 273.6 342c8.8-6.4 20.8-11.6 31.2-15.6 6.8-2.4 13.6-4.4 19.2-4.8 22.8-2 20.8-2 16.4 2.4-26.8 24.8-44 71.6-54 120.4-10.4 51.2 12 116 34.8 145.2 43.6 56 142 109.6 214.8 49.2S523.2 490 523.2 490", "fill": originColor ? "#e3001e" : "currentColor" }), createElement("path", { "d": "M507.6 538.8S418 493.6 440.8 386C464 277.6 580.4 284 580.4 284s42.8 1.2 71.2 29.6c18.8 18.8 35.6 50.8 42.4 66 0 0 8.8 3.2 18.8 4.4 16.4 2.4 38 12 50.4 26 25.2 28.4 40.4 59.6 40.4 59.6s10.4 26.4 12.4 56c1.6 23.6-4.4 49.2-12.4 66.8-10 22.8-33.2 49.2-50.8 61.2-25.2 16.8-44 25.2-43.2 24 9.2-15.2 32.8-68 35.6-116.4 2.4-42.8-15.6-82.8-15.6-82.8s-42.8-114.4-180-114c-72.4 18-93.2 62-79.2 110.8 10 36.4 37.2 63.6 37.2 63.6m12.8-49.6S610 534.4 587.2 642C564 750.4 447.6 744 447.6 744s-42.8-1.2-71.2-29.6c-18.8-18.8-35.6-50.8-42.4-66 0 0-8.8-3.2-18.8-4.4-16.4-2.4-38-12-50.4-26-25.2-28.4-40.4-59.6-40.4-59.6S214 532 212 502.4c-1.6-23.6 4.4-49.2 12.4-66.8 10-22.8 33.2-49.2 50.8-61.2 25.2-16.8 44-25.2 43.2-24-9.2 15.2-32.8 68-35.6 116.4-2.4 42.8 15.6 82.8 15.6 82.8s42.8 114.4 180 114c72.4-18 93.2-62 79.2-110.8-10-36.4-37.2-63.6-37.2-63.6", "fill": originColor ? "#ab1a21" : "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/BankUbs.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 BankUbs: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankUbs.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 BankUbs = forwardRef(function BankUbs(props, ref) {
+  const {
+    size,
+    color,
+    originColor = false,
+    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": "M816 630.4c0 14.4-4 28-11.6 41.2l-16-13.2c-10 3.2-18.8 13.6-20 24l16.8 12.4c-16 13.6-36.4 20.8-56.4 20.8-32.8 0-76.8-25.6-76.8-60.4 0-16.8 12.8-34.8 31.6-34.8 17.6 0 32.4 14 32.4 30.8 0 13.6-11.6 28-25.6 30l20 15.6c16-6.4 30.8-25.2 30.8-42.4 0-6-1.2-11.2-3.2-15.6 2.8.8 6 .8 8.8.8 20.8 0 40.4-19.6 44.4-39.6l-20-16v2c.8 16-15.6 29.6-30.8 29.6-17.6 0-32.4-14.4-32.4-31.6 0-18.4 19.6-32.4 37.6-32.4 39.6.4 70.4 42 70.4 78.8m24 72L822.8 688c10.8-17.2 16-37.2 16-57.6 0-58.4-45.2-104.4-103.2-104.4-28 0-55.2 11.2-76 30l-4.8-4 16-19.2c-2.8-8.8-10.8-15.2-20-16.8l-16 20-94.8-78 93.2-76 12.8 15.6-16.8 14 12.8 16 17.2-14 12.8 16-16.8 14 12.8 16 46-37.6-48.4-27.6 13.2-10.8 45.2 25.6-16-49.2 12.8-10.8 16.8 53.6 46.8-37.6-12.8-16.8-17.2 14-13.2-16 17.2-14-12.8-16-17.2 14-12.8-16 38-30.8c-1.2-10.8-10-22-20.8-24.8L530 424.4V156.8c-4.8-3.2-10.8-4.8-16-4.8s-11.2 1.2-16 4v49.2h-20.8v-22h-20.8v22H436v-22h-20v60l51.6-20.8v16.8L420 258.8l47.6 19.2v17.2L416 274v59.6h20.4v-22h20.4v22h20.8v-22h20.8v112L295.2 258.8c-10 2.8-18.8 14-20 24.8l38 30.8-12.8 16-17.2-14.4-13.2 16 17.2 14-12.8 16-17.2-14-13.2 17.2 46.4 37.6 16.8-53.6L320 360l-15.2 49.6 45.6-25.6 12.8 10.8-48.4 27.6 46 37.6 13.2-16-17.2-14 12.8-16 17.2 14 13.2-16-17.2-14 12.8-15.6 93.6 76-95.6 77.6-16-20c-8.8 1.2-17.2 8-20 16.8l16 19.2-4.8 4c-20-18.4-48-30-76-30-58 0-103.2 46-103.2 104.4 0 20.8 6 40.4 16.8 57.6l-18 14.4c1.2 10.8 10 21.2 20 24.8l18-14.8c20.8 19.2 48 30.8 76 30.8 58 0 103.2-46.8 103.2-103.6 0-20.8-6-40.8-16-58.4l4.8-4 16 20c8.8-1.2 17.6-8 20-16.8l-16-19.6 84-68.8v110.4h-25.6c-2.8 4-4 8.8-4 13.6s1.2 8.8 3.2 12.8h26v6c-52.4 8-93.6 51.2-93.6 104.4 0 54.8 41.2 98.8 93.6 106l.8 22.8c4.8 2.8 10 4 16 4 5.2 0 10.8-1.2 15.2-4v-22.8c52.4-7.6 94.4-51.2 94.4-106 0-54-42-97.2-94.4-104.4v-6h26c2-4 3.2-8 3.2-12.8s-1.2-9.6-3.2-13.6h-26V492l85.2 68.8-16 19.6c2.8 8.8 10.8 15.6 20 16.8l16-20 4.8 4c-10.8 17.6-16 37.6-16 58.4 0 57.2 45.2 103.6 103.2 103.6 28 0 55.2-11.2 76-30.8l17.2 14.8c10.4-3.6 18.4-14 19.6-24.8m-240 37.2c0 40.8-29.6 73.6-68.8 80.4v-20.8c-4.8-2.8-10-4-16-4-5.2 0-10.4 1.2-16 4l.8 20.8c-39.2-6.8-68.4-39.2-68.4-80.4 0-27.2 11.6-55.6 42.4-55.6 17.2 0 29.2 14 29.2 31.2 0 16-14 30.4-30.4 30.4-7.2 0-15.2-2.4-20.4-7.6v26.4c6.4 3.2 14.4 5.2 22.4 5.2 18 0 32-5.2 40.4-21.2 9.2 16 23.2 21.2 40.8 21.2 7.2 0 15.2-2 22-5.2V738c-5.2 5.2-13.2 7.6-20.4 7.6-16.4 0-29.6-14.4-29.6-30.4 0-17.2 11.2-31.2 28.4-31.2 31.6 0 43.6 28.4 43.6 55.6m-220-84c0 35.2-43.6 60.4-76.8 60.4-20 0-40.4-7.2-56.4-20.8l16.8-12.4c-1.2-10.4-10-20.8-20-24l-16 13.2c-7.6-13.2-11.6-26.8-11.6-41.2 0-36.8 31.6-78.4 70.4-78.4 18 0 37.6 14 37.6 32.4 0 17.2-14.8 31.6-32.4 31.6-16 0-32.4-15.2-30.8-31.6l-20 16c4 20 23.6 39.6 44.4 39.6 2.8 0 6 0 8.8-.8-2 4.4-3.2 9.6-3.2 15.6 0 16.8 14.8 36 30.8 42.4l20-15.6c-14-2-25.6-16.4-25.6-30 0-16.8 14.8-30.8 32.4-30.8 18.8-.4 31.6 17.2 31.6 34.4" }),
+  );
+  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/BankUccb.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 BankUccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankUccb.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 BankUccb = forwardRef(function BankUccb(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": "M471.6 208c66.8-16.8 134.4-6.4 191.6 23.2-45.6-10.4-95.6-11.6-145.2.8-147.2 36-236 174.8-198 309.2 7.2 25.2 19.2 47.2 34 68.4-29.6-28.4-50.8-64-62.4-104-38.4-130.4 42.4-264 180-297.6M632 680.8c-23.2 13.6-50 25.2-79.6 31.6-145.2 32.8-297.2-51.6-336.4-189.2-37.2-124 30.8-251.6 151.6-297.6-88 56.8-131.6 166-100.8 274.4 40.4 138 187.6 224 328 191.6 13.6-2.4 25.6-6.4 37.2-10.8M178.4 448.4C201.6 812 687.2 830.8 749.6 538c39.2-179.2-180-335.2-365.6-192.8C495.2 196.4 738.8 217.6 820.4 384c7.6 14.8 12.8 29.6 18 45.2 7.6 25.2 10.8 51.6 11.6 78v4.4c0 8.4-1.2 18-2 27.6-10.4 114.8-90 217.2-207.6 261.2-3.2 1.2-5.2 2-7.6 3.2h-.8c-2 1.2-4.4 2-7.6 3.2h-1.2c-230.8 74.8-495.6-103.2-444.8-358.4", "fill": originColor ? "#005da9" : "currentColor" }), createElement("path", { "d": "M530.8 335.6c94.4 0 171.6 72.8 171.6 161.6s-77.2 160.4-171.6 160.4C435.6 657.6 358 586 358 497.2c.4-88.8 77.6-161.6 172.8-161.6m0 234.4 83.6-72.8-83.6-74-83.6 74z", "fill": originColor ? "#f8a600" : "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/BankUnionpay.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 BankUnionpay: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};