@nstc-design/icons 0.2.0 → 0.2.2

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

package/packages/react/icons/BankGlbank.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 BankGlbank = forwardRef(function BankGlbank(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": "M492.8 839.6c-68 37.6-129.6-6.8-187.6-61.2-40.8-37.6-98.8-88.8-119.2-140-54.4-105.6 95.6-238.8 201.2-252.4v252.4h252v3.6c.4 10-20 125.6-146.4 197.6", "fill": originColor ? "#1984bf" : "currentColor" }), createElement("path", { "d": "M387.2 638.8c0 10.4 20.4 126 146.4 198 68 37.6 129.6-6.8 187.6-61.2 40.8-37.6 98.8-88.8 119.2-140C894.8 530 739.6 396.8 634 383.2v252.4H387.2z", "fill": originColor ? "#1984bf" : "currentColor" }), createElement("path", { "d": "M639.6 382.8c0-10.4-20.4-126.4-146.4-198-68-37.6-129.2 6.8-187.2 61.2-40.8 34.4-102 88.8-122.8 136.8-54.4 106 98.4 239.2 204 252.8V382.8z", "fill": originColor ? "#aa2f82" : "currentColor" }), createElement("path", { "d": "M382 387.6c0-10.4 25.6-131.2 152-202.8 68-37.6 124 4 182 58.4 40.8 37.6 98.8 88.8 119.2 140C889.6 488.8 739.6 622 634 635.6v-248z", "fill": originColor ? "#aa2f82" : "currentColor" }), createElement("path", { "d": "M200.4 512c40.4 64 122.8 116.8 187.2 123.6V388.4C323.2 395.2 240.8 448 200.4 512", "fill": originColor ? "#1b2c79" : "currentColor" }), createElement("path", { "d": "M634 388.4c0-10.4-13.6-115.6-120.4-190.8-106.8 72-126.8 180.8-126.8 190.8z", "fill": originColor ? "#86167b" : "currentColor" }), createElement("path", { "d": "M634 388.4v247.2c62-7.2 148.4-60.4 189.6-130.4-40.4-64-125.2-110-189.6-116.8", "fill": originColor ? "#1b2c79" : "currentColor" }), createElement("path", { "d": "M634 635.6c0 10.4-12 114.4-118.8 190C408.4 750 386.8 646 386.8 636z", "fill": originColor ? "#0d579f" : "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/BankGmrcb.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 BankGmrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGmrcb.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 BankGmrcb = forwardRef(function BankGmrcb(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": "M399.2 749.2c91.2 0 172-44.8 222-114l-2-2c-32 30.8-75.2 49.6-123.2 49.6-98.4 0-178-79.6-178.4-178q-1.2-12.6-1.2-25.2c0-140 110.8-252.8 250.8-252.8 47.6 0 95.6 17.6 133.6 40.4-56-46-128.8-79.2-206.8-79.2-177.6 0-322 144.4-322 322.8 0 64 18.8 123.6 50.8 174 47.6 40 109.2 64.4 176.4 64.4", "fill": originColor ? "#2f9226" : "currentColor" }), createElement("path", { "d": "m554.4 568.4 66.8 67.2c-49.6 69.2-130.4 114-222 114-67.6 0-129.2-24.4-177.2-65.2 56.8 91.2 158 152 273.2 152 106.4 0 200.4-51.6 259.2-131.6 0 0 91.6-118.8 97.6-136L703.2 419.6z", "fill": originColor ? "#f38a00" : "currentColor" }), createElement("path", { "d": "M315.6 475.6c0 8 .4 15.6 1.2 23.2 3.2-96 82-172.8 178.8-172.8 72.8 0 135.6 43.6 163.6 106.4l41.2-41.2 111.2 111.2c.8-8.8 1.6-17.6 1.6-26.8 0-137.2-111.2-248.8-248.8-248.8-137.2 0-248.8 111.6-248.8 248.8", "fill": originColor ? "#f38a00" : "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/BankGwb.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 BankGwb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGwb.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 BankGwb = forwardRef(function BankGwb(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": "M510.4 172c-158.8 0-278 134-266.8 282.8 8 104.8 62.4 154.4 148 208.8 54.8 34.8 102.8 67.6 120 78h1.2s76-52 134.4-89.2c78.4-48 127.2-109.6 130-198 8-151.6-107.6-282.4-266.8-282.4", "fill": originColor ? "#0a7db7" : "currentColor" }), createElement("path", { "d": "M778 438c0 72.4-28.8 132-76 174.4v-176l-96.4 70.4v44.4l-16 11.6v-44l-66.4 48.8v40l-11.6 8.4-11.6-8.4v-40l-66.8-48.8v44l-15.6-11.6v-44l-96.4-70.8V612c-46.8-42-76-102-76-174.4 0-126 88.4-231.6 206.8-258.8-159.2 28.4-280 166.8-280 334 0 187.2 152 338.8 339.6 338.8S851.2 700 851.2 512.8c0-166.8-120.8-305.6-279.6-333.6C689.6 206 778 311.6 778 438M631.6 602.8v-32l13.2-9.6v92l-133.2 88.4-133.2-88.4v-92l13.2 9.6v32l64.8 47.6v-37.6l13.2 9.6v38l41.6 30.4 41.6-30.4v-38l13.2-9.6v37.6z", "fill": originColor ? "#ffc82f" : "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/BankGxrcu.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 BankGxrcu: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGxrcu.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 BankGxrcu = forwardRef(function BankGxrcu(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": "M694 356.8 598.4 234l31.2-26 199.6 222c35.6 45.2 26.8 90-6.8 128.4l-71.6 91.2c-30.8 35.6-19.2 73.6 21.6 113.6l51.2 52.4H642l-76.4-108.4c-44-54.8-42.8-106 12.8-152.8l101.2-104.8c34-29.2 40.8-60.4 14.4-92.8m-357.6 0c-26.8 32.8-20 63.6 14.4 93.6l102.4 104.8c56.4 46.8 57.6 98 12.8 152.8l-77.2 108h-184l52-52.4c41.2-40 53.2-78.4 21.6-113.6L206 558.4c-34-38.4-42.8-83.2-6.8-128.4l202-222 31.6 26z", "fill": originColor ? "#009035" : "currentColor" }), createElement("path", { "d": "M508 268c63.2 0 114.8 47.6 119.6 108.4h-67.2L510 327.2l-59.2 58 59.2 58 50.4-49.2H628c-4 61.2-56 110-120 110-66.4 0-120-52.8-120-118s53.6-118 120-118", "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/BankGyccb.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 BankGyccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGyccb.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 BankGyccb = forwardRef(function BankGyccb(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": "M168 510.4c.4-4 .8-7.6.8-11.6 2.8-75.2 28.8-142 76.4-200.4 24.8-30.4 54.4-56 88-76.4 1.2-.8 2.4-1.2 2.8-2-6.4 12.4-13.2 24.4-18.8 37.2-6.8 16.4-11.2 33.6-12.4 51.2-.8 11.2-1.2 22-1.2 33.2v346.8c-6.4-1.2-12.4-2-18-3.2C236 673.6 201.2 644.8 182 598c-4.8-12-7.2-25.2-9.2-38-2-14.4-2.8-28.8-4-43.2 0-.8-.4-1.6-.8-2.4zM216 684c10 5.2 20 11.6 30.4 16.4 19.6 8.8 40.4 14 61.6 14.8 10.4.4 20.8.8 30.8.8H688c-1.2 7.2-2.4 14-4 20.8-6.8 28-20 52.4-40.8 72.4-20 18.8-44.4 31.2-71.2 36.4-27.6 5.6-55.6 7.6-83.6 5.6-51.6-3.2-102-18.4-146.8-44-50.8-28.8-93.6-70.4-124-120.4zm468 120c5.2-9.6 10.8-18.8 15.6-28.8 8.4-17.6 13.2-36 14.8-55.2 1.2-12.4 1.6-25.2 1.6-37.6V336c8.4 1.6 16.8 3.2 24.8 5.2 47.6 12.8 80 42.8 98.4 88 4.8 12.4 6.8 26 9.2 39.2 3.2 17.2 4 34.8 3.6 52-.8 42.8-10 84.8-26.8 124-28.4 66-76.8 121.6-138.8 158.8zM332 306.4c5.6-40.8 22-75.2 54.8-100.4 18.4-14.4 40-23.6 62.8-28 24.8-4.8 50.4-6.8 75.6-5.6 66 2.8 130 25.2 183.6 64 37.2 26.8 68.8 60.8 92.8 99.6l2 4c-4.8-3.2-8.8-5.6-12.8-8-22.8-13.6-48.4-21.6-74.8-24-10.8-.8-21.6-1.6-32.4-1.6z", "fill": originColor ? "#e70012" : "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/BankGyrcb.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 BankGyrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGyrcb.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 BankGyrcb = forwardRef(function BankGyrcb(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": "166.66 165.16 693.68 693.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": "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": "M575.744 213.888c.725 0 1.11.427 1.11 1.152L576 382.08a2.176 2.176 0 0 1-2.219 2.219H218.197c-1.45 0-2.133-.726-2.218-2.134-.128-14.208-2.859-30.506 4.693-43.093a342.66 342.66 0 0 1 120.96-120.79 33.45 33.45 0 0 1 17.152-4.693c72.32-.426 144.64-.298 216.96.299m119.723 116.779h17.322c1.494 0 2.219-.726 2.219-2.176v-87.51c0-2.176.853-2.602 2.603-1.28 25.002 19.456 92.245 83.2 92.416 115.414.384 65.792.384 131.669 0 197.589 0 1.579-.768 2.347-2.262 2.347l-90.325-.64c-1.621 0-2.432-.854-2.432-2.432V386.475c0-1.451-.725-2.176-2.219-2.176H610.987c-1.451 0-2.176-.726-2.176-2.219V216.533q0-2.56 2.56-2.56l65.877.256a17.323 17.323 0 0 1 17.237 17.494l-1.066 96.938c0 1.323.64 2.006 2.005 2.006zM344.32 807.424c-48.427-24.363-96-76.075-123.69-122.027a32.47 32.47 0 0 1-4.609-16.981c-.17-83.413-.17-166.827 0-250.197 0-1.451.768-2.176 2.219-2.176h153.685a2.773 2.773 0 0 1 2.731 2.73v387.84c0 1.238-.64 1.963-1.835 2.262-11.52 2.816-20.992 2.304-28.501-1.451M576 648.021V589.44c0-1.792.896-2.688 2.73-2.688l228.48-.043c1.835 0 2.731.854 2.774 2.688.299 21.248 5.333 79.616-4.565 96.128A344.7 344.7 0 0 1 685.312 805.42a32.34 32.34 0 0 1-16.853 4.522h-259.84a2.39 2.39 0 0 1-2.39-2.432l.512-155.733c0-.853.726-1.579 1.579-1.579h165.461q2.176 0 2.176-2.176z", "fill": originColor ? "#e02c0d" : "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/BankGzb.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 BankGzb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGzb.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 BankGzb = forwardRef(function BankGzb(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": "m369.6 538 114 114.4-120.4 118-140-137.6c-68.4-65.6-68.4-173.6 0-238.8l166-160.4c64.8-65.6 175.6-65.6 244-3.2L369.6 485.6l-29.2 26zm431.2-147.2c68.4 68.8 68.4 173.6 0 239.2l-166 160.4c-68.4 65.6-175.6 65.6-244 3.2L654.4 538l29.2-26.4-29.2-26.4-114-110.8 120.4-118z", "fill": originColor ? "#c7161e" : "currentColor" }), createElement("path", { "d": "M625.2 512 510.8 400.8 396 512l118 111.2z", "fill": originColor ? "#bb864f" : "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/BankGzcb.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 BankGzcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGzcb.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 BankGzcb = forwardRef(function BankGzcb(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": "M176 512c0-185.6 150.4-336 336-336s336 150.4 336 336-150.4 336-336 336-336-150.4-336-336m582.8-27.2H585.6L514.8 414l-91.6 91.6 91.6 91.6 70.8-70.8h112c-8 94-87.2 167.6-183.6 167.6-102 0-184-82-184-184s82-184 184-184c73.6 0 137.2 43.2 166.8 106.4l66.4-.4C714.4 334.4 622 264 514 264c-135.6 0-246 110.4-246 246s110.4 246 246 246 246-110.4 246-246q0-13.8-1.2-25.2", "fill": originColor ? "#d82321" : "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/BankGzrcub.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 BankGzrcub: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGzrcub.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 BankGzrcub = forwardRef(function BankGzrcub(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": "19 19 474 474", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "474", "rx": "103.688", "ry": "103.688", "width": "474", "x": "19", "y": "19" }), createElement("defs", {  }, createElement("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__b", "x1": "0", "x2": "0", "y1": "90", "y2": "425" }, createElement("stop", { "offset": "0", "stopColor": "#008042" }), createElement("stop", { "offset": ".09", "stopColor": "#028040" }), createElement("stop", { "offset": ".21", "stopColor": "#008740" }), createElement("stop", { "offset": ".33", "stopColor": "#008e43" }), createElement("stop", { "offset": ".45", "stopColor": "#119740" }), createElement("stop", { "offset": ".57", "stopColor": "#33a13e" }), createElement("stop", { "offset": ".69", "stopColor": "#56ad3c" }), createElement("stop", { "offset": ".81", "stopColor": "#74ba36" }), createElement("stop", { "offset": ".93", "stopColor": "#7bbd35" }), createElement("stop", { "offset": "1", "stopColor": "#7bbd35" })), createElement("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__c", "x1": "0", "x2": "0", "y1": "90", "y2": "425" }, createElement("stop", { "offset": "0", "stopColor": "#7bbd34" }), createElement("stop", { "offset": ".09", "stopColor": "#7abd37" }), createElement("stop", { "offset": ".21", "stopColor": "#7bbd35" }), createElement("stop", { "offset": ".33", "stopColor": "#7bbd35" }), createElement("stop", { "offset": ".45", "stopColor": "#6ab63a" }), createElement("stop", { "offset": ".57", "stopColor": "#3ca53e" }), createElement("stop", { "offset": ".69", "stopColor": "#119742" }), createElement("stop", { "offset": ".81", "stopColor": "#018f43" }), createElement("stop", { "offset": ".93", "stopColor": "#018742" }), createElement("stop", { "offset": "1", "stopColor": "#008341" })), createElement("linearGradient", { "id": "bank-gzrcub_svg__d", "x1": "0", "x2": "1", "y1": "0", "y2": "1" }, createElement("stop", { "stopColor": "#fa9d37" }), createElement("stop", { "offset": ".42", "stopColor": "#f23500" }), createElement("stop", { "offset": ".68", "stopColor": "#e60010" }), createElement("stop", { "offset": "1", "stopColor": "#f69c00" })), createElement("radialGradient", { "cx": "222", "cy": "132", "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__e", "r": "87" }, createElement("stop", { "stopColor": "#ffe8ae", "stopOpacity": ".95" }), createElement("stop", { "offset": ".3", "stopColor": "#ffd178", "stopOpacity": ".8" }), createElement("stop", { "offset": ".7", "stopColor": "#ff9829", "stopOpacity": ".3" }), createElement("stop", { "offset": "1", "stopColor": "#ff7b00", "stopOpacity": "0" })), createElement("clipPath", { "id": "bank-gzrcub_svg__a" }, createElement("path", { "d": "M192 71c4.37 1.09 6.05 2.44 9.44 5.31.92.78 1.85 1.56 2.81 2.37.9.76 1.81 1.53 2.75 2.32.48.33.48.33 2.91 1.98.69.67 1.38 1.33 2.09 2.02-1.1 5.52-2.2 6.7-6 10.62-4.45 4.71-8.64 9.5-12.7 14.54-2.51 3.1-5.09 6.12-7.68 9.15-3.86 4.55-7.59 9.17-11.24 13.88-3.19 4.09-6.43 8.05-9.94 11.87-10.58 11.57-18.79 22.09-19.75 38.13.79 14.77 9.15 23.75 18.87 33.93 1.41 1.49 2.82 2.97 4.22 4.45.7.73 1.41 1.47 2.13 2.23 7.86 8.27 15.58 16.62 23.09 25.2l3.5 3.5c3.69 3.69 7.06 7.57 10.5 11.5 2.33 2.51 4.66 5.01 7 7.5 19.02 20.35 32.46 37.64 32.43 66.39-.76 9.04-3.61 16.45-8.43 24.11h-2l-2 5c-1.84 2.46-3.74 4.87-5.69 7.25-1.09 1.34-2.17 2.68-3.29 4.05-1 1.22-1.99 2.44-3.02 3.7-6.76 8.6-13.36 17.31-20 26-6.98 9.13-13.96 18.26-20.98 27.36-1.69 2.2-3.36 4.42-5.02 6.64-4.15 1.38-7.91 1.13-12.29 1.13-1.95 0-3.9.01-5.91.01-2.14 0-4.28 0-6.42-.01-2.19 0-4.38 0-6.56.01-4.59 0-9.17 0-13.75-.01-5.88-.01-11.76 0-17.65 0-4.51.01-9.02.01-13.54 0-2.17 0-4.34 0-6.51.01-3.02 0-6.05-.01-9.08-.01h-5.23C75 443 75 443 72 442c1.28-3.83 3.61-5.38 6.62-7.93 7.53-6.54 14.44-13.82 21.51-20.85 2.04-2.02 4.08-4.04 6.13-6.05 2.98-2.93 5.95-5.87 8.91-8.81.45-.45.45-.45 2.76-2.7 8.07-8.1 12.6-15.62 13.38-27.35-.66-11.29-5.73-17.42-13.34-25.23C110 334.82 110 334.82 110 332h-2a90 90 0 0 1-3.88-4.62C98.58 320.44 92.79 313.73 87 307c-3-3.49-5.99-6.99-8.98-10.48-2.06-2.4-4.12-4.78-6.2-7.16-11.73-13.5-20.79-24.8-20.27-43.42C52.69 235.92 57.49 228.5 64 221a2153.549 2153.549 0 0 1 9.02-10.52c2.57-3 5.07-6.03 7.54-9.1 3.18-3.93 6.51-7.67 9.94-11.38 5.99-6.46 11.51-13.24 16.99-20.13.81-1.01 1.61-2.02 2.45-3.06.36-.46.36-.46 2.21-2.79.61-.67 1.22-1.33 1.85-2.02h2l2-4c1.56-1.97 3.17-3.9 4.81-5.81.99-1.15 1.97-2.3 2.99-3.49 4.33-5 8.66-10 12.99-14.99 12.82-14.82 12.82-14.82 18.27-22.02.97-1.22 1.94-2.44 2.94-3.69h2l2-4c1.94-2.35 3.92-4.66 5.94-6.94C177.44 88.5 184.93 79.92 192 71", "xmlns": "http://www.w3.org/2000/svg" }))), createElement("g", { "clipPath": "url(#bank-gzrcub_svg__a)" }, createElement("path", { "d": "M40 60h220v390H40Z", "fill": "url(#bank-gzrcub_svg__b)" }), createElement("path", { "d": "M195 83c-23.57 36-58.84 72-87.5 108-11.52 13.67-10.26 27.33-6 41 17.88 32 62.05 64 80 96 26.26 33.33-24.25 66.67-45.5 100l40 15h84V60h-65Z", "fill": "url(#bank-gzrcub_svg__c)" }), createElement("path", { "d": "m72 442 64-14 40 14Z", "fill": originColor ? "#008140" : "currentColor" }), createElement("path", { "d": "m195 71 16 15-16-3Z", "fill": originColor ? "#69ad2d" : "currentColor" })), createElement("g", { "clipPath": "url(#bank-gzrcub_svg__a)", "transform": "matrix(-1 0 0 1 512 0)" }, createElement("path", { "d": "M40 60h220v390H40Z", "fill": "url(#bank-gzrcub_svg__b)" }), createElement("path", { "d": "M195 83c-23.57 36-58.84 72-87.5 108-11.52 13.67-10.26 27.33-6 41 17.88 32 62.05 64 80 96 26.26 33.33-24.25 66.67-45.5 100l40 15h84V60h-65Z", "fill": "url(#bank-gzrcub_svg__c)" }), createElement("path", { "d": "m72 442 64-14 40 14Z", "fill": originColor ? "#008140" : "currentColor" }), createElement("path", { "d": "m195 71 16 15-16-3Z", "fill": originColor ? "#69ad2d" : "currentColor" })), createElement("path", { "d": "M330.25 173.75a73.9 73.9 0 1 0 0 9.5H284l-27.5 27.5-32.25-32.25 32.25-32.25 27.5 27.5Z", "fill": "url(#bank-gzrcub_svg__d)" }), createElement("path", { "d": "M330.25 173.75a73.9 73.9 0 1 0 0 9.5H284l-27.5 27.5-32.25-32.25 32.25-32.25 27.5 27.5Z", "fill": "url(#bank-gzrcub_svg__e)" }),
+  );
+  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/BankHainanrcb.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 BankHainanrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHainanrcb.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 BankHainanrcb = forwardRef(function BankHainanrcb(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": "-81.92 -81.92 1187.84 1187.84", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1187.84", "rx": "259.84", "ry": "259.84", "width": "1187.84", "x": "-81.92", "y": "-81.92" }), createElement("path", { "d": "M1024 511.999C1024 794.775 794.775 1024 512.026 1024 229.25 1024 0 794.775 0 511.999 0 229.277 229.251 0 512.026 0 794.775 0 1024 229.249 1024 511.999", "fill": originColor ? "#ef001e" : "currentColor" }), createElement("path", { "d": "M237.497 237.603c-6.355 6.38-10.662 61.717-10.662 79.761 0 75.48 26.553 143.448 70.07 194.504-43.517 51.053-70.07 119.129-70.07 194.504 0 18.121 4.307 73.432 10.662 79.787 6.356 6.357 60.668 10.663 79.788 9.614 74.482 0 143.686-26.631 194.715-70.23V298.27c-51.029-43.675-120.233-70.252-194.715-70.252-19.12-1.051-73.432 3.177-79.788 9.586m559.615 80.023c0-18.07-4.228-73.38-10.61-79.761-6.434-6.41-60.666-10.69-79.787-9.612-74.482 0-143.658 26.603-194.688 70.2v427.302c51.03 43.595 120.206 70.28 194.688 70.28 19.12.998 73.353-3.257 79.787-9.612 6.382-6.357 10.61-61.772 10.61-79.79 0-75.48-26.552-143.447-70.043-194.503 43.491-51.054 70.043-119.076 70.043-194.504", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M512.893 345.07v-.316h-1.208v.289c0 91.66-74.824 165.957-167.218 166.036v1.707c92.394.157 167.218 74.404 167.218 166.061 0 .158-.054.264-.054.368h1.26v-.368c0-91.448 74.536-165.589 166.666-166.035v-1.707c-92.103-.446-166.664-74.586-166.664-166.035", "fill": originColor ? "#fb9b00" : "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/BankHana.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 BankHana: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};