@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankFhb.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 BankFhb = forwardRef(function BankFhb(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": "M398.4 160c0 1.2.4 2 .4 3.2V262c0 2.8-.8 3.6-3.6 3.6-13.6.8-27.2.4-40.8 2.4-22.4 3.2-42.4 11.2-57.6 28.8-12.4 14.8-19.6 33.2-19.6 52.8-.4 22 0 44.4 0 66.8v338.8c0 3.2.8 4.4 4.4 4.4H394c3.2 0 3.6-.8 3.6-3.6V571.6c0-3.2.8-4 4-4H604c3.2 0 4 .8 4 4v99.2c0 3.2-.4 4.4-4 4.4h-97.6c-2.8 0-3.6.8-3.6 3.6v186.4h-328c-2.8 0-3.2-.8-3.2-3.2V366.8q1.8-7.2 0-14.4v-6.8c.8-.4.8-1.2.8-2 .4-8.4 1.2-16.4 2-24.8 4.4-43.6 23.6-79.2 56-108.4C262 180.8 300 167.6 341.2 162c5.6-.8 10.8-.4 16-2z", "fill": originColor ? "#0095cc" : "currentColor" }), createElement("path", { "d": "M608.4 864c0-1.2.4-2.8.4-4v-92c0-6-.8-5.2 5.2-5.6 43.6-2 80-19.2 107.2-53.6 18.8-24 26.4-51.6 25.6-81.6-.8-16.8-2.8-33.2-8.4-49.2-7.6-21.6-21.6-39.2-38.8-54-4.4-4-8.8-7.6-13.2-11.2-3.2-2.8-2.8-3.2.4-5.2 20.8-14 35.2-32.4 40.4-57.6.8-4.4 1.2-9.2 1.2-13.6V273.2c0-3.2-.8-4-4-4h-110c-2.8 0-3.6.8-3.6 3.6v182.8c0 3.2-.8 4-4 4H404c-3.2 0-4-.8-4-4v-98.8c0-3.2.8-3.6 4-3.6h96.4c3.2 0 4-.8 4-4V160.8h326.4v237.6c0 17.6 0 35.2-.8 52.4-.8 19.6-5.2 37.2-18 52.4-4.4 5.2-4 5.2-.4 10.8 20.8 30 34 64.8 38.4 100.8.8 4.8.4 10 2 14.8v29.6c-.8.4-.8 1.2-.8 2-.4 4.8-.8 9.2-1.6 14-6 41.2-24.4 79.6-53.2 110.4-38.4 41.6-86.4 65.6-142 75.6-5.6 1.2-11.2 1.2-16.8 2.8z", "fill": originColor ? "#00a29d" : "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/BankFirstbank.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 BankFirstbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFirstbank.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 BankFirstbank = forwardRef(function BankFirstbank(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": "M622.8 514.4 515.6 622 408 514.4l107.6-107.6z", "fill": originColor ? "#d5ab48" : "currentColor" }), createElement("path", { "d": "m515.6 406.8 107.2 107.6H612l-96.4-96.8z", "fill": originColor ? "#e4c576" : "currentColor" }), createElement("path", { "d": "m515.6 417.6-96.8 96.8H408l107.6-107.6z", "fill": originColor ? "#f3e9d5" : "currentColor" }), createElement("path", { "d": "M515.6 622 408 514.4h10.8l96.8 96.8z", "fill": originColor ? "#e4c576" : "currentColor" }), createElement("path", { "d": "m515.6 611.2 96.4-96.8h10.8L515.6 622z", "fill": originColor ? "#b36c20" : "currentColor" }), createElement("path", { "d": "M271.2 285.6C211.6 344.8 174.8 426 174.8 516c0 148 121.2 263.6 271.2 263.6 77.6 0 147.2-28.4 196.4-79.2l-2.8-2.8c-37.6 28-84 44.4-134 44.4-124.4 0-229.2-100.8-229.2-225.2 0-90.4 32.8-162 85.6-210.8s125.2-74.8 203.6-74.8c58.8 0 113.6 18 158.8 48.4l2.8-2.8C668 223.2 590 190.4 504 190.4c-91.2 0-173.2 36.4-232.8 95.2", "fill": originColor ? "#b5883c" : "currentColor" }), createElement("path", { "d": "M237.2 510c0 135.2 110.8 240.8 247.6 240.8 59.6 0 114-18.4 156.4-51.6l-1.6-1.6c-37.6 28-84 44.4-134 44.4-124.4 0-229.2-100.8-229.2-225.2 0-90.4 32.8-162 85.6-210.8s125.2-74.8 203.6-74.8c58.8 0 113.6 18 158.8 48.4l1.2-1.2c-52-40.8-117.2-65.2-188.4-65.2-165.6 0-300 132.8-300 296.8", "fill": originColor ? "#824f2e" : "currentColor" }), createElement("path", { "d": "M236 510.4c0 135.6 111.2 241.2 248.8 241.2 59.6 0 114.4-18.4 157.2-51.6l-.8-.8c-42.4 32-95.6 49.2-154 49.2C350.8 748 240 643.6 240 509.6c0-162.4 134.4-294 300-294 70 0 134 23.6 184.8 62.8l.8-.8c-51.6-40.4-116.8-64.8-188-64.8C370.8 213.2 236 346 236 510.4", "fill": originColor ? "#d8c29b" : "currentColor" }), createElement("path", { "d": "m382 328.8 2.8 2.8c37.6-28 84-44.4 134-44.4 124.4 0 229.2 100.8 229.6 225.2 0 90.4-32.8 162-85.6 210.8S538 798 459.2 798c-58.8 0-113.6-18-158.8-48.4l-2.8 2.8c58.8 53.2 136.8 86 222.8 86 90.8 0 173.2-36.4 232.8-95.2s96.4-140.4 96.4-230c0-148-121.2-263.6-271.2-263.6-77.2 0-147.2 28-196.4 79.2", "fill": originColor ? "#48937c" : "currentColor" }), createElement("path", { "d": "m383.2 330 1.6 1.6c37.6-28 84-44.4 134-44.4 124.4 0 229.2 100.8 229.6 225.2 0 90.4-32.8 162-85.6 210.8S538 798 459.2 798c-58.8 0-113.6-18-158.8-48.4l-1.2 1.2C350.8 791.6 416 816 486.8 816c166 0 300.4-132.8 300.4-296.8 0-135.2-110.8-240.8-247.6-240.8-59.2 0-113.6 18-156.4 51.6", "fill": originColor ? "#004b34" : "currentColor" }), createElement("path", { "d": "m382.4 329.2.8.8c42.4-32 95.6-49.2 154-49.2 136.4 0 247.2 104.4 247.2 238.4 0 162.4-134.4 294-300 294-70 0-134-23.6-184.8-62.8l-.8.8c51.6 40.4 116.8 64.8 188 64.8 166.8 0 301.6-133.2 301.6-297.2 0-135.6-111.2-241.2-248.8-241.2-59.6 0-114.4 18-157.2 51.6", "fill": originColor ? "#d8d8d8" : "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/BankFjhxbc.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 BankFjhxbc: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFjhxbc.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 BankFjhxbc = forwardRef(function BankFjhxbc(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": "M414.4 566c-48.8 94.8-192 190.4-210.4 155.6-3.6-9.2-6.8-18.4-9.2-29.2-30-122.4-30-239.6 0-361.6 20.4-76.8 58.8-115.6 135.2-136 122-30.4 238.4-30.4 360.4 0 11.6 3.2 22.4 6.8 32.4 10.4 13.6 8.4-4 52.4-16.4 73.2C680.8 322 573.6 448 496 408.4c-82.8-42-113.2-52-156.4-17.2C411.2 412.4 446 504.8 414.4 566m415.2-234.4c30 122 30 239.2 0 361.6-20 76.8-58.8 115.2-135.2 136-121.2 30-237.6 30-359.2 0-12-3.2-23.2-7.2-33.6-11.6-11.6-8.4-8-25.6.8-44C338 702.8 446 598.4 485.6 594.4c68-7.2 112 86.4 222.8 42.8-52.4-10.8-116.8-89.6-109.2-156.8 4.4-39.6 108-148.4 178-184.4 17.2-8.8 33.6-11.6 40.8-.4 4 11.2 8 23.2 11.6 36", "fill": originColor ? "#047ac6" : "currentColor" }), createElement("path", { "d": "M180 405.6c21.2 46.8 58.8 79.6 112 98 34.8 12 82 18.4 133.2 24.8-1.2 13.2-5.2 26-11.2 38-48.8 94.8-192 190.4-210.4 155.6-3.6-9.2-6.8-18.4-9.2-29.2-23.6-97.6-28.8-191.6-14.4-287.2m640 318c-22 57.2-60 88.4-125.6 106-121.2 30-237.6 30-359.2 0-12-3.2-23.2-7.2-33.6-11.6-11.6-8.4-8-25.6.8-44C338 703.2 446 598.8 485.6 594.8c68-7.2 112 86.4 222.8 42.8-32-6.8-68.4-38.8-90.4-78 13.2 3.6 26.4 8 38.4 12.8 63.2 24.4 118 74.8 163.6 151.2", "fill": originColor ? "#036ab8" : "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/BankFmb.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 BankFmb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFmb.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 BankFmb = forwardRef(function BankFmb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "115.28 120.78 793.44 793.44", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M21.333 512a490.667 490.667 0 1 0 981.334 0 490.667 490.667 0 1 0-981.334 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M509.184 341.504c13.27-1.28 24.107 4.523 33.835 12.672 20.906 17.45 41.472 35.243 62.293 52.736 25.259 21.077 50.688 41.856 75.947 62.933 32.853 27.435 65.578 55.04 98.432 82.56 23.125 19.371 46.25 38.742 69.546 57.856 5.547 4.48 5.334 7.936.171 12.246-21.973 18.261-43.648 36.906-65.835 54.826-15.36 12.374-41.813 11.606-57.386-1.322-28.459-23.552-56.704-47.36-84.907-71.083a39237 39237 0 0 1-88.363-74.539c-21.632-18.261-43.093-36.693-64.725-54.912-15.232-12.842-30.55-25.6-46.037-38.186a48.17 48.17 0 0 0-32.214-11.008c-3.029 0-6.144-2.048-9.216-3.158 1.664-3.072 2.646-6.954 5.12-9.088 22.187-19.157 44.8-37.973 67.115-56.96 10.496-8.96 21.461-16.554 36.224-15.573", "fill": originColor ? "#25a0d9" : "currentColor" }), createElement("path", { "d": "M386.901 449.195c13.056-.854 23.51 4.608 32.854 12.373 21.034 17.323 41.813 34.987 62.72 52.48 32.341 26.923 64.768 53.76 97.109 80.725 6.443 5.376 12.715 10.88 19.157 16.214 5.078 4.224 3.414 7.85-.725 11.349-10.667 9.088-21.333 18.261-32.085 27.221-10.368 8.662-20.95 17.067-31.318 25.686-16.426 13.653-41.941 14.506-58.453 1.109a3917 3917 0 0 1-81.621-67.797c-6.187-5.291-9.814-4.822-15.574.042-26.794 22.614-53.76 45.056-80.81 67.328-16.854 13.824-42.155 13.654-59.136-.384-21.163-17.493-42.24-35.114-63.403-52.736-6.57-5.504-6.357-7.594.341-13.141l102.571-85.59c25.472-21.247 50.944-42.538 76.587-63.615 9.216-7.595 19.84-12.032 31.786-11.264", "fill": originColor ? "#33abe3" : "currentColor" }), createElement("path", { "d": "M380.288 607.616c-28.587 25.43-59.093 50.133-87.723 75.52-15.872 14.08-38.57 13.483-54.613-.896-20.395-18.39-37.973-38.613-59.093-56.576-1.835-1.579-9.387-5.547-8.022-11.35 28.587-25.685 53.931-47.658 84.395-70.229 16.981-12.586 35.84-10.496 52.95-2.517 14.847 6.955 28.117 18.133 41.514 28.245 10.07 7.638 19.37 16.555 29.013 24.918 1.622 1.408 6.4 6.058 10.923 10.496-3.285 0-7.253.512-9.387 2.389z", "fill": originColor ? "#004796" : "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/BankFscb.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 BankFscb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFscb.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 BankFscb = forwardRef(function BankFscb(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": "M661.704 161.8s37.888 15.36 20.96 42.04c-22.572 30.72-74.968-18.6-162.84-16.98-70.128 0-169.28 26.68-178.148 71.144-5.64 6.468-41.92 21.828-50.784 21.828-8.868 0-56.428-2.428-62.072 0-16.12 17.784 0 61.44 15.32 83.268 15.312 21.828 80.608 21.828 121.72 8.088 41.112-13.744 86.256-37.188 100.764-45.276 14.512-8.08 55.62-16.976 99.96-11.32 44.336 5.66 113.5 25.872 120.432 120.464-4.352 93.78-64.008 84.08-69.648 84.08s-29.02-9.704-4.032-27.492c24.992-17.784 43.328-16.976 43.328-16.976s-52.6-33.956-48.364-110.96c0 0-62 54.572-153.728 66.092 0 0 31.6 27.28 38.856 49.72 0 0-26.6 8.72-53.808 31.344-6.648-1.636-6.048-39.832-56.228-50.14-50.18-10.312-144.588 43.856-161.268 43.856s-29.576-6.468-33.608-39.612c0 0-33.052 56.588-5.644 118.84s125.552 5.46 179.36-36.38C328.376 605.64 221.968 666.876 237.688 711.14c8.464 62.452 81.016-3.032 84.04-4.848 2.416 20.004-10.28 83.672 7.252 103.68 17.532 20.012 92.5 46.688 108.22 49.116 0 0-39.9-53.36-45.948-113.992-2.864-58.2-1.208-116.416 2.42-124.908 3.628-8.488 27.808-60.632 105.2-122.48 0 0 6.648 7.28 8.46 43.656 0 0 32.648-30.06 48.368-30.188s25.392-6.8 32.648 11.392-10.88 29.712-30.228 43.052c-19.348 13.336-88.272 53.96-84.04 10.912 0 0-52.6 17.784-55.016 103.48-2.42 85.696 50.784 140.68 69.324 151.992 9.676 1.616 7.256-16.168 7.256-16.168s-11.284-86.508 12.9-118.84c24.18-32.34 63.68-102.676 225.708-124.504 37.08-.808 54.82 28.296 49.176 69.524-5.64 41.232-40.304 113.188-126.56 159.268-39.5 14.552-71.744-19.4-70.132-58.208 1.612-38.804 67.588-89.304 118.5-60.632 0 0 0-38-72.552-33.96-72.552 4.044-113.66 64.68-113.66 113.996 0 49.312 29.02 87.312 52.396 96.608 29.02 5.256 74.968-13.34 97.54-26.272 22.572-12.94 116.884-55.788 163.64-176.244 12.896-32.34 19.952-78.824 7.256-91.56 0 0 10.88-18.796 12.092-62.452 1.208-43.656-17.736-155.628-108.02-228.388 0 0 45.14-20.212 40.304-58.208-4.836-38-37.888-63.06-122.528-54.168", "fill": originColor ? "#d51719" : "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/BankFsrcb.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 BankFsrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFsrcb.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 BankFsrcb = forwardRef(function BankFsrcb(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 270.8c116-68.4 350-129.2 596-14.8-164-22-164 39.2-270.4 29.2v41.6c-38.4 2.4-113.2 24.4-101.2 58.4 16.8 4.8 67.6 0 77.2 19.6-6 6.8-56.8 11.6-70 22-7.2-12-12-26.8-12-26.8s-140 48.8-91.6 85.2c2.4 41.6 9.6 144 106 68.4 16.8 0 48.4 4.8 40.8 31.6-32 11.2-87.2 8-102.8 42.8 29.2 45.2 46.4 66 72.4 34.8 106.8-69.6 118.8 76.8 250 3.6-89.6 118.4-150 146.4-201.6 165.6C315.2 734.4 199.6 643.6 172 270.8M540 424c39.2-180.4 250-23.2 312-132-15.2 216.8-266.8 31.2-312 132m0 103.2c44.4-192.4 213.2 30 312-99.2-74 259.6-241.2-14-312 99.2m-8 88c75.2-133.6 212.8 76.4 312-51.2-49.6 221.6-232.8 14.4-312 51.2", "fill": originColor ? "#f07c00" : "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/BankFxcb.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 BankFxcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankFxcb.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 BankFxcb = forwardRef(function BankFxcb(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": "M220.688 180H800.76c15.78 0 28.692 12.9 28.692 28.664v481.684c-85.572-30.704-196.94-49.268-318.72-49.268-50.536 0-99.28 3.2-145.132 9.128v-21.8s5.096-19.044 34.344-19.044h253.1s97.928 1.432 97.928-69.68c0-59.128-108.1-48.26-128.452-48.26H366.872s-31.792-27.94 7.632-35.56h277.264s105.56-7.62 105.56-69.84c0-62.228-104.288-63.5-104.288-63.5H411.388s73.764-59.684 75.04-86.36h-81.4s-76.308 82.552-123.368 82.552c0 0 29.248 26.672 29.248 44.448l324.324 3.812s34.34-3.812 34.34 21.588c0 25.396-26.704 20.32-34.34 20.32H350.34s-90.3-5.084-90.3 54.596c0 59.692 52.148 68.58 95.392 68.58h275.992s33.068 0 33.068 21.588c0 21.584-24.168 19.048-30.528 19.048H351.608s-58.456 6.224-59.748 89.892c-36.064 7.544-69.576 16.888-99.86 27.76V208.66c0-15.76 12.912-28.66 28.688-28.66", "fill": originColor ? "#337cc6" : "currentColor" }), createElement("path", { "d": "M829.444 728.692v89.18c0 15.884-12.908 28.88-28.688 28.88H220.688c-15.776 0-28.68-12.996-28.68-28.88v-89.18c32.012-7.904 67.64-14.64 106.088-19.968 17.24 54.196 64.392 72.948 67.508 72.948v-80.584c45.852-4.076 94.588-6.28 145.12-6.28 121.784 0 233.152 12.764 318.72 33.88", "fill": originColor ? "#fdb41c" : "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/BankGdb.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 BankGdb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGdb.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 BankGdb = forwardRef(function BankGdb(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": "M510.612 455.336a1454 1454 0 0 1-90.464 155.388c-85.616 5.128-169.22 17.86-245.272 38.508 108.632-118.036 198.552-271.896 245.988-424.468h.172c20.628 75.624 51.36 154.168 89.576 230.572", "fill": originColor ? "#bd0016" : "currentColor" }), createElement("path", { "d": "M420.116 610.656a1475 1475 0 0 1 180.896.44c47.744 71.584 101.224 137.46 157.744 192.572-157.4-35.248-337.14-36.096-494.608-.748l-.14-.24 2.632-2.576 2.596-2.616 2.596-2.616 2.592-2.612 2.6-2.68 2.592-2.756 2.56-2.648 2.6-2.716 2.592-2.716 2.56-2.72 2.532-2.712 2.56-2.852 2.56-2.72 2.56-2.816 2.56-2.852 2.564-2.784 2.56-2.82 2.496-2.888 2.492-2.816 2.492-2.852 2.492-2.888 2.528-2.92 2.56-2.888 2.46-2.884a1358 1358 0 0 0 94.772-125.676", "fill": originColor ? "#730000" : "currentColor" }), createElement("path", { "d": "M601.012 611.064a1448 1448 0 0 1-90.4-155.696c38.252-76.4 68.816-154.808 88.76-230.6 48.868 153.212 138.62 308.092 248.62 425.244l-.14.24c-76.496-20.512-160.644-33.652-246.84-39.188", "fill": originColor ? "#e5001f" : "currentColor" }), createElement("path", { "d": "M601.044 611.064c86.164 5.536 170.348 18.676 246.844 39.184l-89.1 153.388c-56.52-55.112-110-120.992-157.744-192.572", "fill": originColor ? "#bd0016" : "currentColor" }), createElement("path", { "d": "M420.148 610.656c-47.436 70.972-100.44 136.608-156.14 192.028l-89.128-153.42c76.052-20.68 159.656-33.448 245.272-38.608", "fill": originColor ? "#e5001f" : "currentColor" }), createElement("path", { "d": "M599.372 224.8c-19.944 75.792-50.508 154.164-88.792 230.536-38.216-76.404-68.952-154.916-89.512-230.536z", "fill": originColor ? "#730000" : "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/BankGdrcb.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 BankGdrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGdrcb.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 BankGdrcb = forwardRef(function BankGdrcb(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.8 144h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V181.6c0-20.8 15.6-37.6 34.8-37.6m-4 556h2.4c19.2 0 34.8 16.8 34.8 37.6v104.8c0 20.8-15.6 37.6-34.8 37.6h-2.4c-19.2 0-34.8-16.8-34.8-37.6V737.6c0-20.8 15.6-37.6 34.8-37.6m-193.6 69.6 1.2 2c10.4 16.4 33.2 21.2 50.8 10.4l88.4-54.4c17.6-10.8 23.2-33.2 12.8-49.6l-1.2-2.4c-10.4-16.4-33.2-21.2-50.8-10.4L326 720c-17.6 10.8-23.2 32.8-12.8 49.6m0-280 1.2 2.4c10.4 16.4 32.4 21.2 49.6 10.4l86.4-54c17.2-10.8 22.8-33.2 12.4-49.6l-1.2-2c-10.4-16.4-32.4-21.2-49.6-10.4L325.6 440c-17.2 10.8-22.8 32.8-12.4 49.6m.4 48.4-1.2 2.4c-9.6 17.2-2.8 39.2 15.2 49.2l89.6 50c17.6 10 40 4 49.2-13.2l1.2-2.4c9.6-17.2 2.8-39.2-15.2-49.2l-89.6-50c-17.6-10-40-4-49.2 13.2m.4-284.8-1.2 2.4c-10 17.2-3.6 39.6 14 50l89.2 52.8c17.6 10.4 40 5.2 50-12l1.2-2.4c10-17.2 3.6-39.6-14-50l-88.8-52.8c-17.6-10.4-40.4-4.8-50.4 12m392.8 512.4-1.2 2c-10.4 16.4-33.2 21.2-50.8 10.4L566 724c-17.6-10.8-23.2-33.2-12.8-49.6l1.2-2c10.4-16.4 33.2-21.2 50.8-10.4l88.4 54.4c18 10.4 23.6 32.4 13.2 49.2m0-276-1.2 2C695.2 508 673.2 512.8 656 502l-86.4-54c-17.2-10.8-22.8-33.2-12.4-49.6l1.2-2c10.4-16.4 32.4-21.2 49.6-10.4l86.4 54.4c17.2 10.4 22.8 32.4 12.4 49.2m-.4 48.4 1.2 2.4c9.6 17.2 2.8 39.2-15.2 49.2l-89.6 50c-17.6 10-40 4-49.2-13.2l-1.2-2.4c-9.6-17.2-2.8-39.2 15.2-49.2l89.6-50c17.6-10 40-4 49.2 13.2m-.4-284.8 1.2 2.4c10 17.2 3.6 39.6-14 50L604 358.4c-17.6 10.4-40 5.2-50-12l-1.2-2.4c-10-17.2-3.6-39.6 14-50l89.2-52.8c17.2-10.4 40-4.8 50 12", "fill": originColor ? "#fc0" : "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/BankGhb.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 BankGhb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankGhb.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 BankGhb = forwardRef(function BankGhb(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": "M644 754c-57.6 0-107.2 33.6-129.2 82h-9.6c-22-48.4-71.6-82-129.2-82v-23.6c57.6 0 107.2-33.6 129.2-82h9.6c22 48.4 71.6 82 129.2 82zM514 602c-57.2 0-106.4 33.6-128.4 82H376c-22-48.4-71.2-82.4-128.4-82.4V578c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82 128 82 57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82 128.4 82v23.6c-57.2 0-106.4 33.6-128.4 82.4H642c-21.6-48.4-70.8-82-128-82M378.8 446c-57.2 0-106.4 33.6-128.4 82h-9.6c-22-48.4-71.2-82.4-128.4-82.4V422c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82.4 128.4 82.4s106.4-33.6 128.4-82.4h9.6c22 48.4 71.2 82 128.4 82S752 388.4 774 340h9.6c22 48.4 71.2 82.4 128.4 82.4V446c-57.2 0-106.4 33.6-128.4 82H774c-22-48.4-71.2-82.4-128.4-82.4S539.2 479.2 517.2 528h-9.6c-22.4-48.4-71.6-82-128.8-82M514 294c-57.2 0-106.4 33.6-128.4 82H376c-22-48.4-71.2-82.4-128-82.4V270c57.2 0 106.4-33.6 128.4-82h9.6c22 48.4 71.2 82.4 128.4 82.4s106.4-33.6 128-82.4h9.6c22 48.4 71.2 82 128.4 82v23.6c-57.2 0-106.4 33.6-128.4 82.4h-9.6c-22-48.4-71.2-82-128.4-82", "fill": originColor ? "#b21e27" : "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/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,
+  );
+});