@nstc-design/icons 0.2.0 → 0.2.2

package/packages/react/icons/BankCub.js

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

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

package/packages/react/icons/BankCustomOther.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 BankCustomOther = forwardRef(function BankCustomOther(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", "aria-labelledby": "title desc", "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("title", {  }, "其他银行"), createElement("desc", {  }, "白色圆角底上的灰蓝色银行建筑，三点符号表示其他银行。"), createElement("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1024", "rx": "224", "width": "1024" }), createElement("path", { "d": "M496 192a32 32 0 0 1 32 0l304 176c28 16 17 58-15 58H207c-32 0-43-42-15-58Z", "fill": originColor ? "#526782" : "currentColor" }), createElement("g", { "fill": originColor ? "#fff" : "currentColor" }, createElement("circle", { "cx": "432", "cy": "340", "r": "21" }), createElement("circle", { "cx": "512", "cy": "340", "r": "21" }), createElement("circle", { "cx": "592", "cy": "340", "r": "21" })), createElement("g", { "fill": originColor ? "#71849d" : "currentColor" }, createElement("rect", { "height": "220", "rx": "14", "width": "80", "x": "264", "y": "468" }), createElement("rect", { "height": "220", "rx": "14", "width": "80", "x": "472", "y": "468" }), createElement("rect", { "height": "220", "rx": "14", "width": "80", "x": "680", "y": "468" })), createElement("rect", { "fill": originColor ? "#526782" : "currentColor", "height": "48", "rx": "16", "width": "592", "x": "216", "y": "730" }), createElement("rect", { "fill": originColor ? "#71849d" : "currentColor", "height": "40", "rx": "16", "width": "672", "x": "176", "y": "800" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

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

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

package/packages/react/icons/BankCzb.js

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

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

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

package/packages/react/icons/BankCzbank.js

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

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

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

package/packages/react/icons/BankCzcb.js

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

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

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

package/packages/react/icons/BankCzrxrcb.js

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

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

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

package/packages/react/icons/BankDahsing.js

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

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

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

package/packages/react/icons/BankDb.js

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

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

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

package/packages/react/icons/BankDbs.js

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

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

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

package/packages/react/icons/BankDccb.js

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

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

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

package/packages/react/icons/BankDgrcb.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 BankDgrcb = forwardRef(function BankDgrcb(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": "M782 636.8H383.2V850h227.2c54.4 0 86.8-39.6 86.8-39.6s99.6-99.6 117.6-116.8c36.8-35.2 35.6-84 35.6-84-.4-.4-9.2 27.2-68.4 27.2", "fill": originColor ? "#9b0f11" : "currentColor" }), createElement("path", { "d": "M172 798c0 32.4 28 52 52 52h163.2V384H235.6c-48.8 0-63.6 35.2-63.6 35.2z", "fill": originColor ? "#c20714" : "currentColor" }), createElement("path", { "d": "M330.4 204c-14.4 13.2-79.6 80.4-119.2 118.8-40.8 38.8-39.2 79.6-39.2 96 1.2-2 20-35.2 64.4-34.8 26.8.4 336.8 0 398.8 0V231.2c.8-53.6-21.6-59.2-26-59.6H414c-36.4.4-63.6 13.6-83.6 32.4", "fill": originColor ? "#9b0f11" : "currentColor" }), createElement("path", { "d": "M635.6 232.4v406.4h146.8c58.8 0 67.6-27.6 67.6-27.6V402.8c0-54-40-87.6-40-87.6s-90.8-92-108.8-109.6C666.8 172 626.4 172 612 172h-2.8c2.8 0 26.4 4 26.4 60.4", "fill": originColor ? "#c20714" : "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,
+  );
+});