@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankYzrcb.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 BankYzrcb = forwardRef(function BankYzrcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M392.467 512.16c42.633 28.289 81.282 68.133 114.752 125.11 23.906-46.617 61.36-87.657 116.345-121.525-65.743-42.633-94.83-82.079-118.736-121.126-30.68 53.79-69.728 90.845-112.361 117.54", "fill": originColor ? "#ae935c" : "currentColor" }), createElement("path", { "d": "M173.323 510.566c0 7.57.398 14.742.797 21.914 111.962 12.352 204.003-66.142 300.825-193.644 79.29-104.392 223.128-124.314 339.872 27.493-53.79-115.15-170.135-194.839-304.81-194.839-186.072 0-336.684 151.807-336.684 339.076", "fill": originColor ? "#ec440e" : "currentColor" }), createElement("path", { "d": "M547.063 685.88c-80.486 103.995-224.722 114.354-341.865-42.633C256.996 761.585 375.732 844.86 514.391 844.86c185.674 0 336.286-149.417 336.286-333.498 0-5.18 0-10.359-.398-15.539-8.766-1.195-17.133-1.594-25.5-1.594-101.604 0-187.668 74.908-277.716 191.652", "fill": originColor ? "#83120e" : "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/BankZbank.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 BankZbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZbank.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 BankZbank = forwardRef(function BankZbank(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": "M673.2 332.8c6.8 12.8 11.2 19.6 11.2 19.6h-67.2c-15.2 0-18-6-22.8-10.4s-10-13.2-13.6-19.2c-3.2-5.6-45.6-78.8-52-91.2-7.2-12.8-11.2-19.6-11.2-19.6h67.2c15.2 0 18 6 22.8 10.4s10 13.2 13.6 19.2c3.2 6 45.6 78.8 52 91.2m-320.8 56c-6.8-12.8-11.2-19.6-11.2-19.6h67.2c15.2 0 18 6 22.8 10.4s10 13.2 13.6 19.2c3.2 6 45.6 78.8 52.4 91.2 6.8 12.8 11.2 19.6 11.2 19.6h-67.6c-15.2 0-18-6-22.8-10.4S408 486 404.4 480c-3.2-5.6-45.2-78.8-52-91.2m320.8 246.4c6.8 12.8 11.2 19.6 11.2 19.6h-67.2c-15.2 0-18-6-22.8-10.4s-10-13.2-13.6-19.2c-3.2-6-45.6-78.8-52.4-91.2-6.8-12.8-11.2-19.6-11.2-19.6h67.2c15.2 0 18 6 22.8 10.4s10 13.2 13.6 19.2c3.6 5.6 46 78.8 52.4 91.2m-320.8 56c-6.8-12.8-11.2-19.6-11.2-19.6h67.2c15.2 0 18 6 22.8 10.4s10 13.2 13.6 19.2c3.2 6 45.6 78.8 52.4 91.2C504 805.2 508 812 508 812h-67.2c-15.2 0-18-6-22.8-10.4s-10-13.2-13.6-19.2c-3.2-6-45.2-78.8-52-91.2M183.2 532c-6.8-12.8-11.2-20-11.2-20h66.8c15.2 0 17.6 6 22.4 10.4s10 13.6 13.6 19.6c3.2 6 45.2 80.4 51.6 92.8 6.8 13.2 11.2 20 11.2 20h-66.8c-15.2 0-17.6-6-22.4-10.4s-10-13.6-13.6-19.6c-3.2-6-45.2-80-51.6-92.8m661.6-40c6.8 13.2 11.2 20 11.2 20h-66.8c-15.2 0-17.6-6-22.4-10.4s-10-13.6-13.6-19.6c-3.2-6-45.2-80.4-51.6-92.8-6.8-13.2-11.2-20-11.2-20h66.8c15.2 0 17.6 6 22.4 10.4s10 13.6 13.6 19.6c3.2 6 45.2 80 51.6 92.8", "fill": originColor ? "#2baea2" : "currentColor" }), createElement("path", { "d": "M351.2 332.8c6.8-12.4 48.8-85.2 52.4-91.2 3.2-6 8.8-14.8 13.6-19.2S424.8 212 440 212h67.2s-4.4 6.8-11.2 19.6c-6.4 12.4-48.8 85.6-52.4 91.6-3.2 6-8.8 14.8-13.6 19.2s-7.6 10.4-22.8 10.4H340s4.4-7.2 11.2-20m321.6 56c-6.8 12.4-48.8 85.6-52.4 91.2-3.2 6-8.8 14.8-13.6 19.2s-7.6 10.4-22.8 10.4h-67.2s4.4-6.8 11.2-19.6c6.8-12.4 48.8-85.6 52.4-91.2 3.2-6 8.8-14.8 13.6-19.2s7.6-10.4 22.8-10.4H684s-4.4 6.8-11.2 19.6M351.2 635.2c6.8-12.4 48.8-85.6 52.4-91.2 3.2-6 8.8-14.8 13.6-19.2s7.6-10.4 22.8-10.4h67.2s-4.4 6.8-11.2 19.6c-6.8 12.4-48.8 85.6-52.4 91.2-3.2 6-8.8 14.8-13.6 19.2s-7.6 10.4-22.8 10.4H340s4.4-6.8 11.2-19.6m317.2 54.4C662 702 620 776 616.8 782s-8.4 15.2-13.6 19.6c-4.8 4.4-7.6 10.4-22.4 10.4H514s4.4-7.2 11.2-20c6.4-12.4 48.4-86.4 51.6-92.4s8.4-15.2 13.6-19.6 7.6-10.4 22.4-10.4h66.8c-.4 0-4.4 6.8-11.2 20m-489.2-198c6.4-12.4 48.4-86.4 51.6-92.4s8.4-15.2 13.6-19.6c4.8-4.4 7.6-10.4 22.4-10.4h66.8s-4.4 7.2-11.2 20c-6.4 12.4-48.4 86.4-51.6 92.4s-8.4 15.2-13.6 19.6c-4.8 4.4-7.6 10.4-22.4 10.4H168s4.4-7.2 11.2-20M844.8 534c-6.8 12.4-48.8 85.6-52.4 91.2-3.2 6-8.8 14.8-13.6 19.2s-7.6 10.4-22.8 10.4h-67.2s4.4-6.8 11.2-19.6c6.8-12.4 48.8-85.6 52.4-91.2 3.2-6 8.8-14.8 13.6-19.2s7.6-10.4 22.8-10.4H856s-4.4 6.8-11.2 19.6", "fill": originColor ? "#0e357e" : "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/BankZgbank.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 BankZgbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZgbank.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 BankZgbank = forwardRef(function BankZgbank(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": "M850.4 338 686 504 517.2 338z", "fill": originColor ? "#fbc400" : "currentColor" }), createElement("path", { "d": "M850.4 661.2 686 843.2l-168.8-182z", "fill": originColor ? "#f39800" : "currentColor" }), createElement("path", { "d": "M517.2 661.2 346 843.2l-173.6-182z", "fill": originColor ? "#c30e19" : "currentColor" }), createElement("path", { "d": "M850.4 338 683.6 176.4 517.2 338z", "fill": originColor ? "#f39800" : "currentColor" }), createElement("path", { "d": "M850.4 661.2 683.6 509.6 517.2 661.2z", "fill": originColor ? "#fcc902" : "currentColor" }), createElement("path", { "d": "m172.4 661.2 171.2-161.6L172.4 338z", "fill": originColor ? "#8d202e" : "currentColor" }), createElement("path", { "d": "M683.6 176.4 517.2 338 343.6 176.4z", "fill": originColor ? "#ed6d00" : "currentColor" }), createElement("path", { "d": "M343.6 176.4 172.4 338h344.8z", "fill": originColor ? "#da4206" : "currentColor" }), createElement("path", { "d": "m517.2 661.2-172.4 182h344.8z", "fill": originColor ? "#ed6d00" : "currentColor" }), createElement("path", { "d": "M343.6 499.6 172.4 661.2h344.8z", "fill": originColor ? "#da4206" : "currentColor" }), createElement("path", { "d": "M517.2 338 343.6 499.6 172.4 338", "fill": originColor ? "#c30e19" : "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/BankZgcb.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 BankZgcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZgcb.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 BankZgcb = forwardRef(function BankZgcb(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": "78.16 78.16 867.68 867.68", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576q224.001-.001 224 224v576q.001 224.001-224 224H224q-224.001.001-224-224V224Q-.001-.001 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M310.308 225.28h171.336c24.903 0 32.824 15.98 17.694 35.692L334.945 475.136H163.61c-24.904 0-32.82-15.985-17.69-35.697zm378.747 323.584H860.39c24.904 0 32.825 15.985 17.69 35.697L713.692 798.72H542.356c-24.903 0-32.824-15.98-17.694-35.692zM598.876 225.28h207.406c24.904 0 32.825 15.98 17.69 35.692L413 796.375H205.588c-24.898 0-32.819-15.98-17.684-35.691z", "fill": originColor ? "#2d428f" : "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/BankZhrcb.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 BankZhrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZhrcb.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 BankZhrcb = forwardRef(function BankZhrcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M375.334 373.342c-29.087-11.157-43.43-21.516-72.517-17.532-78.493 13.946 9.164 130.69-74.907 120.33-17.532-1.992-29.087-7.57-37.852 3.188-12.75 14.742-6.774 33.469 0 50.602 22.71 48.212 74.907 103.595 135.47 147.026 30.282 21.516 62.556 40.242 94.83 53.391 32.274 13.547 64.946 21.914 94.033 21.516 56.18-.797 124.713-33.07 184.08-76.501 58.97-43.43 109.971-98.017 132.284-145.432 7.172-17.133 12.75-35.462 0-49.805-9.164-10.758-20.32-5.579-37.852-3.586-83.673 10.36 3.984-106.783-74.908-120.729-29.086-4.383-43.032 6.375-72.516 17.93-67.337 27.493-58.173-90.845-136.268-88.853-74.51 1.195-66.939 115.15-133.877 88.455", "fill": originColor ? "#008ebc" : "currentColor" }), createElement("path", { "d": "M437.491 649.065c0 41.438 33.868 75.305 75.704 75.305 41.438 0 75.306-33.469 75.705-74.907v-1.195c-.399-41.438-33.868-74.908-75.705-74.908-41.836.797-75.704 34.266-75.704 75.705", "fill": originColor ? "#ffde98" : "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/BankZjkccb.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 BankZjkccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZjkccb.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 BankZjkccb = forwardRef(function BankZjkccb(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": "M569.632 404.128c2.892 34.928-256.92 221.52-254.872 268.7 13.932 71.856 351.088 75.724 504.884-17.42-65.512 145.108-227.616 222.168-382.456 188.408-154.836-33.76-265.28-171.604-265.192-330.976 0-16.604 1.212-33.188 3.604-49.616 136.572-82.38 392.348-79.608 394.032-59.096M513.192 172C700.304 172.02 851.98 323.308 852 509.936v2.06c-111.072 95.276-368.256 86.488-371.64 67.596-2.068-30.72 225.328-171.992 221.768-219.14-5.216-69.52-335.656-52.012-500.908 17.44C254.36 253.036 377.2 171.972 513.192 172", "fill": originColor ? "#eb0018" : "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/BankZjrcb.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 BankZjrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZjrcb.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 BankZjrcb = forwardRef(function BankZjrcb(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": "M222 393.6C147.2 293.2 512 148 512 148v155.2c-16 115.6-135.2 176-135.2 176-76 42.4-154.8-85.6-154.8-85.6m433.2 150.8c10.8-6 21.6-8.4 32.4-8.4 64.8 0 122.4 94.4 122.4 94.4C884.8 730.8 520 876 520 876V720.8c16-115.6 135.2-176.4 135.2-176.4", "fill": originColor ? "#f1c502" : "currentColor" }), createElement("path", { "d": "M528 316V148c110.8 27.6 247.6 156.4 247.6 156.4 96.4 99.2 56 347.6 56 347.6-33.6-76-152.4-156.4-152.4-156.4C518.8 422.4 528 316 528 316M252.4 715.6c-96.4-99.2-56-347.6-56-347.6 33.6 76 152.4 156.4 152.4 156.4C509.2 597.6 500 704 500 704v168c-110.8-27.6-247.6-156.4-247.6-156.4", "fill": originColor ? "#ae3c8d" : "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/BankZkb.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 BankZkb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZkb.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 BankZkb = forwardRef(function BankZkb(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": "M292 512c7.6 15.2 139.6 152.4 202.4 215.2 13.6 13.6 25.2 10 37.6-3.2 44-44.8 155.6-150 164-162.8-18 0-145.6-.4-192.4 0-20.4 0-36-2.8-34.4-30 .4-6-10.8-18.4-16.8-18.4-50.8-1.2-101.6-.8-160.4-.8m235.6-215.6c-5.6-5.2-24.4-6.4-31.6 0-38 34.8-152 147.6-172 169.2h166.4c29.6 0 54 2.4 42.8 46.4H732c-2.8-9.2-136.8-150-204.4-215.6M512 172c189.2 0 340.8 152.8 340 343.6-.8 184-155.2 336.4-341.2 336.4C324.4 851.6 172 700 172 514.4c0-192 149.2-342.4 340-342.4", "fill": originColor ? "#cc1c20" : "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/BankZrcb.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 BankZrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZrcb.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 BankZrcb = forwardRef(function BankZrcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M145.432 494.07c0-274.528 310.786-287.676 310.786-181.69 0 7.57-6.375 45.024-57.376 45.024 0 .398-171.73-53.79-253.41 136.666M404.42 757.043 292.856 645.479 404.42 533.914 515.984 645.48z", "fill": originColor ? "#f6be10" : "currentColor" }), createElement("path", { "d": "M273.73 464.984c-13.945 9.562-30.68 23.508-48.61 51.399-69.329 107.978-16.734 206.394 48.61 252.613-62.156-37.454-201.213-149.416-101.204-321.145 47.016-81.283 99.213-88.056 125.51-67.736 9.562 7.57 15.938 22.313 14.742 38.65 31.079-26.298 75.704-44.228 137.862-44.228 92.439 0 124.713 41.438 120.728 74.11-1.992 16.735-19.524 35.86-44.227 37.056-24.704 1.195-33.47-30.68-102.4-30.68-117.94 0-182.089 87.259-187.667 166.549 0-37.454 4.781-102.798 36.657-156.588", "fill": originColor ? "#093a84" : "currentColor" }), createElement("path", { "d": "M643.486 647.072v-65.344h43.83c8.366 0 14.742.797 19.523 2.39 5.18 1.594 9.164 4.782 12.352 8.766 3.187 4.383 4.383 8.766 4.383 13.946 0 6.375-2.391 12.351-7.57 16.734-2.392 2.39-5.58 3.985-9.165 5.578 2.789 2.391 5.18 5.18 7.969 8.368l20.719 27.89h-27.094l-13.149-17.53c-3.188-4.384-5.977-7.571-7.969-9.962-2.39-2.39-3.586-3.187-4.781-3.984s-2.39-1.196-3.985-1.594h-13.547v32.672h-97.22v-13.945l43.829-50.603c.398 0 .398-.398.797-.796h-39.845v-17.93h69.33v13.547l-45.423 51.797zm21.516-32.672h19.923q7.171 0 10.757-1.195c1.993-.797 3.188-1.594 3.985-2.79s1.195-2.39 1.195-3.984q0-2.988-2.39-4.781c-1.196-1.196-4.383-2.39-11.157-2.39h-22.711v15.14zm81.681 45.423c-6.375-3.985-11.555-9.563-14.742-16.337s-4.781-14.344-4.781-22.312c0-8.766 1.992-16.337 5.578-23.11 3.586-6.774 9.164-11.953 15.937-15.141 14.344-7.172 33.47-6.774 45.423 1.594 6.375 4.383 11.156 10.758 13.547 18.727l1.594 5.18-19.922 4.382-1.594-3.984c-1.594-4.383-3.586-7.57-6.375-9.563-6.375-4.383-17.93-3.586-24.305.399-3.188 1.992-5.578 5.18-7.172 8.765-1.594 3.985-2.39 8.368-2.39 12.75 0 5.579.796 10.759 2.788 14.743 1.594 3.984 3.985 6.375 7.57 8.367 7.97 4.383 17.93 3.985 24.306-.797 3.187-2.39 5.578-6.375 6.773-11.554l1.196-4.782 20.32 4.782-1.594 5.18q-4.183 13.745-14.344 21.515c-6.773 4.782-15.14 7.172-24.703 7.172-8.766-.398-16.735-2.39-23.11-5.976m-159.776 84.47h21.118c3.586 0 5.977 0 7.57-.399a20 20 0 0 0 6.375-1.992c1.594-.797 3.188-2.39 4.383-4.383s1.594-3.984 1.594-6.375c0-2.79-.797-5.18-2.39-7.57-1.594-1.993-3.985-3.586-6.774-4.383s-6.774-1.196-12.352-1.196h-19.524zm0-35.063h18.329c4.781 0 8.367-.399 10.758-.797 2.789-.797 4.781-1.993 6.375-3.586 1.594-1.594 1.992-3.985 1.992-6.774 0-2.39-.797-4.781-1.992-6.773s-3.188-3.188-5.977-3.985c-2.39-.797-6.773-1.195-12.75-1.195h-16.735zm-11.156 43.828v-75.704h31.477q9.562 0 15.54 2.39c3.984 1.595 6.773 3.985 9.164 7.173 1.992 3.187 3.187 6.375 3.187 9.96 0 3.188-.797 6.376-2.789 9.165-1.992 2.79-4.781 5.18-8.766 6.774 5.18 1.195 9.164 3.586 11.555 6.773 2.79 3.188 3.985 7.172 3.985 11.555 0 3.586-.797 6.774-2.391 9.961q-2.39 4.781-5.977 7.172c-2.39 1.594-5.578 2.79-9.164 3.586-3.586.797-8.367 1.195-13.547 1.195zm92.439-31.078h29.086l-8.765-21.118q-4.185-9.563-5.977-15.539c-1.195 4.781-2.79 9.563-4.383 14.344zm-24.704 31.078 32.673-75.704h11.953l34.665 75.704h-12.75l-9.962-23.11h-35.461l-9.164 23.11zm87.658 0v-75.704h11.555l45.024 59.368v-59.368h10.758v75.704h-11.555l-45.024-59.368v59.368zm87.658 0v-75.704h11.554v37.454l43.032-37.454h15.54l-36.259 30.68 37.852 45.024h-15.14l-31.08-38.25-14.343 11.953v26.297z" }),
+  );
+  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/BankZsrcb.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 BankZsrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZsrcb.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 BankZsrcb = forwardRef(function BankZsrcb(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M316.763 730.347c0 72.517 49.805 122.322 122.322 122.322H588.5c72.915 0 122.322-49.805 122.322-122.322H438.686V458.21H316.763zm415.576-21.117c72.517 0 122.322-49.806 122.322-122.323V437.491c0-72.915-49.805-122.322-122.322-122.322v272.137H460.202V709.23zm-21.117-415.577c0-72.517-49.806-122.322-122.322-122.322H439.483c-72.915 0-122.72 49.805-122.72 122.322H588.9V565.79h122.322zM295.645 314.77c-72.517 0-122.322 49.806-122.322 122.323v149.416c0 72.915 49.805 122.322 122.322 122.322V436.694h272.137V314.77z", "fill": originColor ? "#c00220" : "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/BankZxbank.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 BankZxbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankZxbank.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 BankZxbank = forwardRef(function BankZxbank(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": "M835.6 305.6C832.4 250.4 786.8 204 731.2 204H222.8c-6 0-10.8 4.8-10.8 10.8v1.2c2.4 61.6 40.8 113.2 96 133.6l332 .4c28.8 0 52 22.8 53.2 51.2v1.6C684.8 496.4 606.4 570 510.4 570c-29.2 0-56.8-6.8-81.2-18.8l-.8.8c9.6 23.2 30.8 41.2 53.6 48l2.8.8c27.6 10 57.6 15.2 88.8 15.2 146.8 0 266-119.2 266-266.4 0-14-1.6-27.6-3.6-41.2z", "fill": originColor ? "#a11017" : "currentColor" }), createElement("path", { "d": "M192.4 718.4c3.2 55.2 48 101.6 104 101.6h509.2c6 0 10.8-4.8 10.8-10.8v-1.6c-2.4-61.6-40.8-113.2-96-133.6l-332-.8c-28.8 0-52-22.8-53.2-51.2v-1.6c8.4-93.6 86.8-167.2 182.8-167.2 29.2 0 56.8 6.8 81.2 18.8l.4-.8c-9.6-23.2-30.8-41.2-53.6-48l-2.8-1.2c-28-8.8-58-14-89.2-14-146.8 0-266 119.2-266 266.4 0 14 1.6 27.6 3.6 41.2z", "fill": originColor ? "#bd8019" : "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,
+  );
+});