@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankJsrcub.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 BankJsrcub = forwardRef(function BankJsrcub(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "-81.92 -81.92 1187.84 1187.84", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M1024.106 523.104c-4.479 127.263-47.702 238.792-132.582 334.533A488.56 488.56 0 0 1 677.535 997.61a524.84 524.84 0 0 1-354.41-9.238 494.8 494.8 0 0 1-153.073-96.077A523.4 523.4 0 0 1 41.558 713.13a283 283 0 0 1-9.798-27.658c-1.512-4.815-3.304-10.918 2.743-13.606s7.839 3.248 10.358 6.999c17.413 25.307 33.593 51.23 54.59 74.185 62.93 69.538 137.228 115.505 234.872 112.538 53.19-1.624 101.116-19.652 145.571-47.983a460.7 460.7 0 0 0 86.895-74.297c20.268-21.5 38.24-45.519 57.389-68.306 36.28-43.224 73.849-85.663 119.2-119.425 58.732-43.67 124.463-71.105 198.872-74.073 19.037-.672 38.129-2.575 57.221-2.295 21.724.336 24.411 2.911 24.58 24.019.055 6.774.055 13.325.055 19.876", "fill": originColor ? "#aa073a" : "currentColor" }), createElement("path", { "d": "M.014 511.458a535.53 535.53 0 0 1 73.737-264.66A496.6 496.6 0 0 1 193.735 108.45 490.74 490.74 0 0 1 454.587 3.471c72.786-7.334 145.18-4.087 215.446 20.044a521 521 0 0 1 144.339 75.081 514.2 514.2 0 0 1 158.84 189.747 463 463 0 0 1 17.805 44.063c1.735 4.87 5.263 12.093-1.232 15.117s-8.79-5.04-11.702-9.182c-20.66-29.059-40.032-58.397-65.45-83.76-39.193-39.192-83.984-70.77-137.51-87.958-54.868-17.58-109.57-14.277-163.319 4.87s-99.38 52.462-139.58 92.27c-29.002 28.779-53.525 61.588-79.448 93.558a830 830 0 0 1-68.027 72.058 432.3 432.3 0 0 1-79.336 61.587 354.4 354.4 0 0 1-153.801 50.39 588 588 0 0 1-60.02 2.24C5.277 543.092-.322 537.1.014 511.458", "fill": originColor ? "#ff9a15" : "currentColor" }), createElement("path", { "d": "M513.152 687.04a16.01 16.01 0 0 1-9.238-8.231c-37.009-59.404-88.07-105.371-142.044-148.539-5.599-4.647-12.542-8.006-18.756-12.15-7.167-4.758-8.735-9.573 0-14.332 33.201-17.805 59.292-44.008 85.943-70.098a713 713 0 0 0 56.828-61.588 176.5 176.5 0 0 0 16.069-24.467c7.279-12.934 11.198-12.934 19.204-.896a602.6 602.6 0 0 0 141.204 145.963 118.7 118.7 0 0 0 16.797 10.078c10.134 5.263 9.126 10.582.448 16.069-49.327 31.242-88.127 74.073-127.823 115.84a230.3 230.3 0 0 0-31.242 44.792c-1.847 2.855-2.631 7.11-7.39 7.558", "fill": originColor ? "#a1802f" : "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/BankJtrcb.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 BankJtrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJtrcb.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 BankJtrcb = forwardRef(function BankJtrcb(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": "M513.594 382.107c-61.36-62.555-39.446-194.839-4.782-229.503 15.54-15.54 80.088 139.455 4.782 229.503m-204.8-84.868c67.337-15.14 170.534 20.32 188.862 95.228-78.892 17.531-147.424-33.47-188.862-95.228m406.412 0c-67.337-15.14-170.534 20.32-188.862 95.228 78.892 17.531 147.424-33.47 188.862-95.228m-359.794 204.8s8.765-102.4 146.627-98.017c-9.563 70.126-85.267 96.822-146.627 98.017m315.169 0s-8.766-102.4-146.628-98.017c9.563 70.126 85.267 96.822 146.628 98.017", "fill": originColor ? "#073" : "currentColor" }), createElement("path", { "d": "M513.992 486.101c-104.392 0-189.26 85.666-189.26 191.253s84.868 191.253 189.26 191.253 189.26-85.665 189.26-191.253-84.868-191.253-189.26-191.253m-3.187 181.292-62.158-53.391 70.923-57.775 68.533 52.595z", "fill": originColor ? "#f8a600" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

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

package/packages/react/icons/BankJxb.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 BankJxb = forwardRef(function BankJxb(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": "m174.4 584-2.4-2c13.6-13.6 28.4-27.2 38-35.6 104.4-92 239.6-115.2 302-51.6S540.8 684 436.4 776c-13.2 11.6-27.2 22.4-41.2 32h-90.8c17.6-12 35.6-25.6 52.8-40.8C464 672.8 510 555.2 460 504.4c-50.4-50.8-177.6-15.6-284.4 78.8zm9.6 123.6c33.2-26.4 76.8-71.6 91.6-131.6 1.2-4.8 6.4-7.6 14.8-3.2s46.8 19.2 108.8-4.4c6-2 13.2.8 3.2 10.4s-51.6 53.6-80.8 141.2c-2.4 7.6-11.2 6.8-16 4.8-23.2-8.8-55.2-23.2-116.4-6-9.2 2.8-14.8-5.2-5.2-11.2", "fill": originColor ? "#0061ae" : "currentColor" }), createElement("path", { "d": "M524.8 709.2c24.4-34.8 43.2-78.8 46.8-132 .8-12.8 8.8-10 16-8.4 12.4 2.4 47.2 7.6 103.2-20.8 4.8-2.4 14.8-.4 6.8 11.6s-30.8 44.4-37.2 130c-.4 6.8-8 5.6-10 5.2S592 683.2 532 716.4c-5.2 2.4-11.2-1.2-7.2-7.2M368.4 448c-3.2.8-4.4-2-1.6-4.4 49.6-43.2 63.2-101.2 64.8-111.2 1.2-10.8 6-10.4 12-7.6 41.6 17.6 78.4 11.6 92.8 8.4 16-3.6 22.8-.4 12.4 11.6-32.4 38.4-40.4 89.6-42.4 106.4-.4 5.6-5.6 4.8-8.4 3.6-35.2-19.2-95.2-18.8-129.6-6.8m224.8 85.2c-9.2 8.8-18.8 16.8-28.4 24.4-1.6-23.6-8.4-44.8-21.2-63.2 79.6-90 107.2-189.6 61.6-233.2-51.6-48.4-176.8-9.2-279.6 88.4-1.6 1.2-5.6 5.6-10.8 10.8l-2.4-1.6c16.4-18.4 34.8-38 46-48.8 100.8-95.2 234.8-122.8 299.6-61.2s35.6 188.8-64.8 284.4m75.6-66.8c64.4-13.6 122.8-2.8 156.4 35.2 58.8 66.4 18 191.2-90.8 278-13.2 10.4-26.8 20-40.4 28.4h-98c20-12 40.4-25.6 60-41.2 111.6-89.2 164-204.4 116.8-258-23.2-26.4-66.4-32.8-117.6-21.6 4.4-6.8 9.2-14 13.6-20.8", "fill": originColor ? "#009794" : "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/BankJxbank.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 BankJxbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJxbank.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 BankJxbank = forwardRef(function BankJxbank(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": "none", "viewBox": "14.2 15.012 98.6 98.6", "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": "M57.645 58.424h12.012V70.44H57.645z", "fill": originColor ? "#0095da" : "currentColor" }), createElement("path", { "d": "M21 69.838v-17.42c5.107.3 12.914.602 15.92-3.904C50.735 26.586 66.052 25.988 81.07 37.1v27.333c-.598-11.714-9.91-16.821-16.517-17.423-7.811-.601-14.419 4.807-17.123 10.515C42.327 68.638 34.215 68.935 21 69.838", "fill": originColor ? "#0095da" : "currentColor" }), createElement("path", { "d": "M106 58.725v17.42c-4.806-.301-12.914-.599-15.919 3.907-13.813 21.925-29.13 22.526-44.15 11.41V64.433c.6 11.712 9.912 16.818 16.52 17.42 7.807.602 14.418-4.806 17.119-10.514C84.376 59.626 92.785 59.326 106 58.724", "fill": originColor ? "#51a283" : "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/BankJxrcub.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 BankJxrcub: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJxrcub.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 BankJxrcub = forwardRef(function BankJxrcub(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "-81.92 -81.92 1187.84 1187.84", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "m359.371 0 30.72 30.72-153.6 184.32c-29.45 38.953-23.06 132.393 10.24 174.08l194.56 225.28c39.455 39.823 54.2 112.968 30.72 184.32L297.931 1024H62.411l163.84-204.8-215.04-286.72c-20.859-44.861-9.8-75.336 10.24-102.4zm307.2 0 337.92 430.08c19.251 27.064 32.154 57.539 0 102.4l-204.8 286.72 163.84 204.8h-235.52l-174.08-225.28c-22.456-71.352-9.544-144.497 20.48-184.32l204.8-225.28c32.512-41.687 51.241-121.754 10.24-174.08l-153.6-184.32z", "fill": originColor ? "#007a63" : "currentColor" }), createElement("path", { "d": "M512.971 117.678c94.792 0 171.356 72.766 178.647 163.738h-96.625l-82.022-80.067-96.614 96.42 96.614 94.607 83.855-81.858h94.792c-5.468 92.774-83.855 165.54-178.647 165.54-98.437 0-178.647-80.046-178.647-178.289 0-100.055 80.21-180.101 178.647-180.101", "fill": originColor ? "#b8253b" : "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/BankJyrcb.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 BankJyrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJyrcb.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 BankJyrcb = forwardRef(function BankJyrcb(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": "M748.277 523.953s3.188 56.58-33.07 115.15c-32.275 52.595-96.026 108.377-199.621 109.97-103.595-1.593-166.948-56.977-199.62-109.97-36.259-58.97-33.071-115.15-33.071-115.15-1.594-106.783-37.852-161.37-37.852-161.37 173.721 31.08 164.159 135.87 164.159 135.87v67.337c0 60.962 62.954 56.579 62.954 56.579h87.657s62.954 4.383 62.954-56.58v-67.336s-9.562-104.79 164.16-135.87c0 0-36.26 54.587-38.65 161.37m94.431-213.167s-71.72-1.195-140.252 24.305c-61.759 23.11-120.728 68.93-131.885 153.002v84.869H457.413v-84.869c-11.156-84.071-69.727-129.892-131.885-153.002-68.532-25.5-140.252-24.305-140.252-24.305-23.906.797-29.883 17.532-27.492 29.883 1.593 9.164 9.562 14.743 9.562 14.743 68.134 55.383 58.97 133.08 66.54 195.635 9.563 80.486 47.017 125.51 47.017 125.51 82.876 121.924 212.37 124.713 233.09 124.315 20.718.398 150.212-2.391 233.089-124.315 0 0 37.453-45.024 47.016-125.51 7.57-62.555-1.195-140.252 66.54-195.635 0 0 7.969-5.579 9.563-14.743 2.39-12.351-3.985-29.086-27.493-29.883M514.391 466.179h24.703v-48.212c9.164-74.509 60.165-115.947 109.572-134.674 49.806-18.726 98.017-15.14 98.017-15.14v25.5h52.196l-1.195-74.509H729.55c-159.776 0-215.16 117.54-215.16 117.54h-.796s-55.384-117.54-215.16-117.54H230.3l-1.195 74.907h52.196v-25.5s48.212-3.984 98.017 15.14c49.806 18.728 100.807 60.564 109.572 134.675v47.813z", "fill": originColor ? "#00693e" : "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/BankJyrcbgd.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 BankJyrcbgd: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJyrcbgd.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 BankJyrcbgd = forwardRef(function BankJyrcbgd(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": "M773.6 732c56.8-69.2 78.4-149.2 78.4-236.4V184c-53.6 45.6-104.8 107.2-104.8 181.2l.4 48.8v128c0 43.6-10.8 81.6-33.6 121.2C640.4 792 474.8 830.4 340 790.4c0 0 0 .4.4.4-.4 1.2-1.6 1.6-2.8 2-1.2-1.6-2-2-3.6-2.8v8h.4c1.2.4 2 .4 3.2.4s4.4 1.6 4.4 1.6c0 1.2 1.2 1.6-.4 1.6h-2.8c-2 0-2.8 0-4.8-1.6v7.6c142.4 84.8 329.6 56.8 439.6-75.6M334 790.4c-3.2-.4-6.4 1.6-10.8 0 1.6-.4 3.6-.4 3.6-2-1.2-2-3.2-1.6-6-3.6l-2-1.2c-1.6.4-1.6 2.8-2 3.6-4.8.4-6-4.4-10.4-4.8 0-3.2 2.8-1.2 3.6-2-2-1.2-4.4-1.6-6.4-2.8-.4 0-.4.4-.4.4-2-1.2-4.4-1.6-5.2-3.2-4.4-2-8.8-3.6-13.2-6-2-1.2-2.8-1.6-2.8-1.2s3.2 4 4.4 6c1.6 1.2 3.2 2.8 4.8 4.4 1.2.4 1.6 1.2 2.8 2l1.6-.4 3.6 3.2-4.8-2.8c12.4 10.4 26 19.6 39.6 28v-7.6c0-.4-4-1.2-4.4-1.2-2-.4-1.2-1.6-2-2.8l-1.2-1.2h.4c1.2 0 3.2.4 4.4 1.2.4.4 2 1.2 2.8 1.6z", "fill": originColor ? "#007833" : "currentColor" }), createElement("path", { "d": "M560.4 606.4H435.6c-12.4 0-22.8-10.4-22.8-23.2V435.6c0-12.8 10.4-23.2 22.8-23.2h153.2c0-120.8 78.4-222 183.2-244.4H516.8C412 166 312 211.6 245.2 292.4 168 385.6 140 544.8 261.6 639.2c90.8 70.4 220.4 54.4 298.8-32.8", "fill": originColor ? "#8dbd10" : "currentColor" }), createElement("path", { "d": "M833.2 168C718 178.8 627.6 282 625.6 408.8v104.4c0 179.2-218.8 247.6-355.6 167.2V700c1.2.4 2 1.2 3.2 2 0 1.2 1.6 1.6 1.6 3.2 0 1.2 4.4 3.6 2.8 4.4-.4.4-1.6 1.2-2 .4-.4-.4-.4-3.2-2-3.2-.4 0-1.6 0-3.2-.4v24c13.6 9.6 27.6 18.4 43.2 24.8 128.4 54 306.4 25.2 381.2-104.8 20.4-35.2 30.8-74 30.8-115.2q0-85.2-1.2-171.6c0-79.2 51.2-146 108.8-195.6M270 680.4c-15.2-8.8-29.2-20-42.4-32.4l-1.2-1.2c-.4 0-1.2-.4-1.6-.4.4 1.2 0 .4-.4 0-4.4-1.2-8-3.2-11.2-6 0-.4.4-.4.4-1.2.4-2.8-2-6.4-3.2-8.8 0-.4 0-1.6-.4-2-1.2-1.2-3.2-2-3.6-3.6-.4-1.2-1.6-3.2-2.8-4 .4-.8.4-1.2.4-2-12-18.4-22-39.6-28.8-63.2-2.8-6.4-3.2-3.6-3.2-.4 1.6 12.4 4.4 24.8 8 37.2.4.4 1.6 1.2 2 3.2 18-1.2 1.6 18.8 15.6 23.2 0 2 0 3.6 2 4.8 1.2 0 2-1.2 2-1.6h.4c.4.4 1.2 2 1.2 3.2 0 1.6.4 4 .4 5.6-4.8-6-9.6-11.2-16.8-14.8-.4-1.6-1.6-2.8-2.8-4.4 2 6.4 4.8 12.8 7.6 18.8 2.8 3.2 6 6 10.4 7.6 10.8 23.2 38.8 29.2 50.4 48.8-6.4-1.6-10.4-1.2-14-7.6l3.2-.4c.4-.4 1.6-1.6.4-2.8-.4-1.2-1.6-1.6-3.2-1.2 0 2.8-6 .4-6-.4-10.4 1.6-17.2-7.6-24-11.2 15.6 25.2 36.4 48.8 60 66.4v-24c-1.6-1.2-3.6-2.8-3.6-4.4 0-2-6-2.8-3.2-4.8.4-.4 2.8 1.6 3.6 1.6 1.2 0 2 .4 3.2 1.2v-18.8z", "fill": originColor ? "#007833" : "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/BankJzbank.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 BankJzbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJzbank.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 BankJzbank = forwardRef(function BankJzbank(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": "M554.76 742.704H321.376S232 655.38 232 430.872C232 223.728 321.38 124 321.38 124h250.808S410.76 231.268 410.76 428.34c0 199.6 144.044 314.36 144.044 314.36h-.048zm-85.52-461.408h233.38S792 368.62 792 593.128C792 800.224 702.62 900 702.62 900H451.812S613.24 792.732 613.24 595.66c0-199.6-144-314.36-144-314.36z", "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/BankJzccb.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 BankJzccb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankJzccb.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 BankJzccb = forwardRef(function BankJzccb(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": "M520.4 168C678 168 811.6 274.8 852 420h-55.6c-38.8-115.6-148-198.8-276.4-198.8-160 0-290.8 130.4-290.8 290.8S360 802.8 520.4 802.8c128.4 0 237.6-83.6 276.4-198.8H852c-40.4 145.2-174 252-331.6 252C330.8 856 176 701.6 176 512s154.8-344 344.4-344m-42.8 212.4L459.2 256h133.6l-18.4 124.4 69.2-.8L676 728h-94l-25.2-94h-61.2l-25.2 94H376l32.4-348.4z", "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/BankKb.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 BankKb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKb.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 BankKb = forwardRef(function BankKb(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": "M318.4 430.4c18.4 11.6 30.8 21.2 30.8 5.2s10-61.6 10-92.8 26.8-68.4 26.8-84 29.6-32.8 42-24.4-6.8 60.8-6.8 84.8-11.6 110.4 0 105.2 98-66.8 135.6-86 72.4-47.2 95.2-60.4 60-23.2 60 0-50.8 60.4-76.8 75.6-119.2 66.8-152.8 89.6-74.8 30.8-74.8 43.6c0 12.4 90.8 71.2 119.6 88.4 29.2 17.2 62.4 40 107.6 66.4s72 29.2 94 23.6c22-5.2 120-32.4 120-96.8s-80-47.6-103.2-29.2c-22.8 18-42.4 40.4-42.4 56.8s-5.2 30.8-23.6 30.8-32.8 6.8-32.8-22.4-4.4-80.8 0-117.6c4.4-36.4-.8-50.4 11.2-66.8 12-16.8 33.2-19.2 39.2-6.8s6.8 56 0 78.4 5.2 38.8 14 30.8c8.8-8.4 58.8-40.8 110.4-30.8s81.6 35.6 81.6 66-26.8 96.8-86.8 115.6c-59.6 18.8-88.4 15.2-96.8 20.4S702.8 716 691.2 716 484 606.8 459.2 587.6c-25.2-18.8-35.2-36-43.6-36s-8.4 75.2-8.4 141.6 16 99.6 0 99.6-30.8-26.4-39.6-50c-9.2-23.6-19.2-97.2-19.2-147.2s0-69.2-10.4-69.2c-10.8 0-15.6 8.4-35.2 19.6s-98 58-116.4 72-59.6 17.6-65.6 8.8 19.6-22.4 38.4-30.8 151.2-82.8 151.2-93.6-36.4-38.8-61.6-48.4c-25.6-9.6-104-48-108.4-64s21.2-40.4 37.2-36 23.2 28 50.8 36 71.6 28.8 90 40.4", "fill": originColor ? "#ffbf4c" : "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/BankKbc.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 BankKbc: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankKbc.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 BankKbc = forwardRef(function BankKbc(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": "M193.884 820.8c3.6 0 7.2-.4 9.6-2.4 1.6-1.6 2-3.6 2-6.4s-.8-4.8-2-6.4c-2.4-2-6-2.4-9.2-2.4h-4v17.6zm-3.6-41.6v16.4h3.6c2.4 0 5.6-.4 8-2.4 1.6-1.6 2-3.6 2-6.4 0-2.4-.8-4-2-5.6q-2.4-2.4-7.2-2.4h-4.4zm-10.4 47.6v-54c0-.8 0-1.2 1.2-1.2h13.6c5.2 0 12 .4 16 4.4q3.6 3.6 3.6 9.6c0 8-5.2 10.4-8.4 12l-1.6.8 2 .4c4.8 1.2 10.4 4.4 10.4 13.2 0 13.6-10 15.6-20.8 15.6h-14.8c-1.2.4-1.2.4-1.2-.8m61.6-9.2v-10.4h-1.2c-2 0-7.2 0-10 2.8-1.2 1.2-2 2.8-2 4.8s.8 3.6 1.6 4.8c1.2 1.2 2.8 2 4.4 2 3.6 0 6.4-2.8 7.2-4m10.4 7.6-6.4 2.8c-.8.4-.8.4-1.2 0 0-.4-1.2-2-1.6-4l-.4-1.2-1.2 1.2c-1.6 1.6-4.4 4.8-10 4.8-3.6 0-6.4-1.2-8.4-3.2-2-2.4-3.2-5.6-3.2-9.2s1.2-6.8 3.2-9.2c4.8-4.8 13.2-4.8 17.6-4.8h.8v-3.2c0-2.4-.4-4.4-1.6-5.6s-2.8-1.6-5.2-1.6c-3.2 0-6.4 1.2-8.4 2-.8.4-1.6.4-1.6.4-.4 0-.4-.4-.4-.4l-1.6-5.6c-.4-.8-.4-.8.4-1.2 1.2-.8 6.4-2.8 13.2-2.8 4.8 0 8.4 1.2 10.4 3.2s3.2 5.2 3.2 9.6V814c0 6 1.2 8.4 1.6 10 .8.4 1.2.8.8 1.2m66-19.2v20.4c0 .4 0 .4-.4.4h-8.8c-.4 0-.4 0-.4-.4v-56c0-.4 0-.4.8-.8l7.6-1.6c1.2-.4 1.2-.4 1.2.8v34.4l18.4-17.2c.8-.8.8-.8 1.6 0l4.4 3.6c.4.4.4.4-.4 1.2l-14.8 13.6 16.4 18.8c.8.8.4.8 0 1.2-1.6.8-6.8 3.6-6.8 3.6-.4.4-.8.4-1.2-.4zm-52 21.6v-24.4c0-8.4-.8-10.4-1.6-11.6 0-.4-.4-.8-.4-1.2l.4-.4 6.8-2h1.2c.8 0 2 3.6 2.4 5.2l.4 1.2s.8-.4 1.2-.8c2.4-2 6.4-5.2 13.2-5.2 2.4 0 5.6.4 7.6 2.4s3.2 4.8 3.2 8.4v28.4c0 .4 0 .4-.4.4h-8.8c-.4 0-.4 0-.4-.4v-24.8c0-2.4 0-4.8-2-6-.8-.8-2.4-1.2-4-1.2-2.8 0-6 1.2-8.8 3.6V828c0 .4 0 .4-.4.4h-8.8c-.8-.4-.8-.4-.8-.8m123.2-26.8c-2 1.6-6.8 4.8-6.8 10.4 0 2.4.8 4.8 2.8 6.4 1.6 1.6 4.4 2.8 6.8 2.8 5.6 0 9.2-3.6 10-4.8l.4-.4-12.8-14.8zm3.2-9.2 1.2-1.2c2-1.6 5.2-4.4 5.2-8.8 0-2-.8-4-2-5.2s-2.8-1.6-4.4-1.6c-4 0-6.8 2.8-6.8 6.8 0 3.6 2.8 6.4 4.8 8 .8.4 2 1.6 2 2m16 29.6-.4.4c-2.4 2.4-6.8 6-16.4 6-6.4 0-11.6-1.6-15.2-5.2-2.8-2.8-4-6-4-10.4 0-9.2 8-14 11.6-16l1.6-.8-1.6-1.6c-2.4-2.4-6.8-6.8-6.8-12 0-3.2 1.2-6.4 4-8.8 3.2-3.2 8-4.8 12.8-4.8s8.8 1.6 11.2 4 3.6 5.2 3.6 8.8c0 6.8-6.8 11.6-10 14-.4.4-1.6 1.2-1.6 1.2l10.4 12 .4-.8c2-4 2.4-7.2 2.8-9.2 0-.4 0-1.2.4-1.6 0-.4.4-.4.8 0l6.4 1.6c.4 0 .4.4.4.8 0 5.2-4 13.2-5.2 15.2l-.4.4 6.8 8 .4.4-.4.4-4.4 3.6c-.4.4-.4.4-.8.4s-.4-.4-.8-.4zm89.6-19.6h15.6v-.8c0-3.2-.4-6.4-2.4-8.8-1.2-1.2-2.8-1.6-4.8-1.6-7.2 0-8 7.2-8.4 10zm24.8 22c0 1.2-7.6 4.4-15.2 4.4-6 0-10.4-1.6-13.6-4.8-3.6-3.6-5.6-9.2-5.6-16.8s2.4-13.6 6.4-17.6c3.2-3.2 7.6-4.8 12.4-4.8s8.4 1.2 11.2 4c4 3.6 5.6 10 5.6 18.8 0 1.2 0 1.6-1.2 1.6h-24.8v.8c0 4 .8 6.8 2.8 8.8 1.6 1.6 4.4 2.4 7.6 2.4 4.8 0 8-1.6 10-2.4.8-.4 1.2-.4 1.6-.4s.4.4.4.4l2 4.8c0 .4.4.8.4.8m79.2-22h15.6v-.8c0-3.2-.4-6.4-2.4-8.8-1.2-1.2-2.8-1.6-4.8-1.6-7.2 0-8 7.2-8.4 10zm24.8 22c0 1.2-7.6 4.4-15.2 4.4-6 0-10.4-1.6-13.6-4.8-3.6-3.6-5.6-9.2-5.6-16.8s2.4-13.6 6.4-17.6c3.2-3.2 7.6-4.8 12.4-4.8s8.4 1.2 11.2 4c4 3.6 6 10 6 18.8 0 1.2 0 1.6-1.2 1.6h-24.8v.8c0 4 .8 6.8 2.8 8.8 1.6 1.6 4.4 2.4 7.6 2.4 4.8 0 8-1.6 10-2.4.8-.4 1.2-.4 1.2-.4.4 0 .4.4.4.4l2 4.8c0 .4.4.8.4.8m63.2-22h15.6v-.8c0-3.2-.4-6.4-2.4-8.8-1.2-1.2-2.8-1.6-4.8-1.6-7.2 0-8 7.2-8.4 10zm24.4 22c0 1.2-7.6 4.4-15.2 4.4-6 0-10.4-1.6-13.6-4.8-3.6-3.6-5.6-9.2-5.6-16.8s2.4-13.6 6.4-17.6c3.2-3.2 7.6-4.8 12.4-4.8s8.4 1.2 11.2 4c4 3.6 6 10 6 18.8 0 1.2 0 1.6-1.2 1.6h-24.8v.8c0 4 .8 6.8 2.8 8.8 1.6 1.6 4.4 2.4 7.6 2.4 4.8 0 8-1.6 10-2.4.8-.4 1.2-.4 1.6-.4s.4.4.4.4l2 4.8zm126.8-4.4v-20.8l-.4-.4c-1.2-.8-3.2-2.4-6.8-2.4-5.2 0-8 4.4-8 13.6 0 6 .8 9.6 2.8 11.6 1.2 1.2 2.8 1.6 4.4 1.6 4.4 0 6.4-2 8-3.2-.4 0 0 0 0 0m10.8-27.2c-.8 1.6-2 4.8-2 9.6v12.8c0 2.8 0 6.8.4 10.4 0 3.2.4 6.4.4 8.8 0 9.6-5.2 14.8-15.6 14.8-5.6 0-13.6-2-16-3.2-.4-.4-.8-.4-.8-.8s0-.8.4-1.2l1.6-5.2c0-.4.4-.4 1.6 0 2.4.8 6.8 2.8 12.4 2.8 2.8 0 4.8-.4 6-1.6 1.6-1.6 1.6-4 1.6-6v-4.8c0-.8-.4-2-.4-2s-.8.4-1.2.8c-1.2.8-4.4 2.8-9.6 2.8-3.6 0-6.4-1.2-8.8-3.2-3.2-3.2-5.2-9.2-5.2-16.8 0-8 2-14 5.6-17.6 2.4-2.4 6-4 9.6-4 5.2 0 7.6 2 9.2 3.6l1.2 1.2.4-1.2c.4-1.2 1.6-3.6 2.4-3.6h.8l6.4 2.4c-.4 0 0 0-.4 1.2m-89.2 36h-9.2c-.4 0-.4 0-.4-.4v-39.2c0-.4 0-.4.4-.4h9.2c.4 0 .4 0 .4.4v39.2c0 .4 0 .4-.4.4m-4.8-47.2c-4 0-7.2-3.2-7.2-7.2s3.2-6.8 7.2-6.8 6.8 3.2 6.8 6.8c.4 4.4-2.8 7.2-6.8 7.2m-112 25.2v20.4c0 .4 0 .4-.4.4h-8.8c-.4 0-.4 0-.4-.4v-56c0-.4 0-.4.8-.8l7.6-1.6c1.2-.4 1.2-.4 1.2.8v34.4l18.4-17.2c.8-.8.8-.8 1.6 0l4.4 3.6c.4.4.4.4-.4 1.2l-14.8 13.6 16.4 18.8c.8.8.4.8 0 1.2-1.6.8-6.8 3.6-6.8 3.6-.4.4-.8.4-1.2-.4zm132 21.6v-24.4c0-8.4-.8-10.4-1.6-11.6-.4-.4-.4-.8-.4-1.2l.4-.4 6.8-2c.4 0 .8-.4 1.2-.4.8 0 2 4 2.4 5.2l.4 1.2s.8-.4 1.2-.8c2.4-2 6.4-5.2 12.8-5.2 2.4 0 5.6.4 8 2.4 2 2 3.2 4.8 3.2 8.8v28.4c0 .4 0 .4-.4.4h-8.8c-.4 0-.4 0-.4-.4v-24.8c0-2.4 0-4.8-2-6-.8-.8-2.4-1.2-4-1.2-2.8 0-6 1.2-8.8 3.6V828c0 .4 0 .4-.4.4h-8.8c-.8-.4-.8-.4-.8-.8m-248 0v-24.4c0-6.4-1.2-8.8-1.6-10.4-.4-1.2-.4-1.6 0-1.6l6-2.4c.8-.4.8-.4 1.2.4s1.6 2.4 2 5.2l.4 1.6 1.6-1.6c1.6-2 4.4-5.6 8.8-5.6 2 0 3.2.4 4 1.2v.8l-2.4 6.8c0 .4 0 .4-.4 0-.8-.4-2-.8-3.2-.8-2.8 0-6 3.2-6.8 4.4v27.2c0 .4 0 .4-.4.4h-8c-.8-.8-1.2-.8-1.2-1.2m192 0v-24.4c0-6.4-1.2-8.8-1.6-10.4-.4-1.2-.4-1.6 0-1.6l6-2.4c.8-.4.8-.4 1.2.4.4.4 1.6 2.4 2 5.2l.4 1.6 1.6-1.6c1.6-2 4.4-5.6 8.8-5.6 2 0 3.6.4 4 1.2v.8l-2.4 6.8c0 .4 0 .4-.4 0-.8-.4-2-.8-3.2-.8-2.8 0-6 3.2-6.8 4.4v27.2c0 .4 0 .4-.4.4h-8c-.8-.8-1.2-.8-1.2-1.2m-137.6.4h-28c-.4 0-.4 0-.4-.4v-6l20.4-26.4h-18.4c-.4 0-.4 0-.4-.4v-6.4c0-.4 0-.4.4-.4h27.2c.8 0 .8 0 .8.8v5.6l-20 26h21.2c.8 0 .8 0 .8.8l-2.4 6c-.4.4-.8.8-1.2.8m-96.4-54.4v.8l-16 52.8c-.4.8-.4.8-1.2.8h-10c-.8 0-.8 0-1.2-.8l-15.6-52.4v-.8c0-.4.4-.4.8-.4l9.6-1.6c.8 0 .8 0 1.2.8l7.6 33.2c.8 2.8 2.4 9.2 2.4 13.2h.8c.4-3.6 2.4-10.4 3.2-13.2l8.4-32.8c.4-1.2.8-1.2 1.6-.8l8 .8c-.4 0 .4 0 .4.4", "fill": originColor ? "#00467d" : "currentColor" }), createElement("path", { "d": "M851.884 380v108h-672v-52.4s94.4-19.2 220.8-32.8c21.2 17.2 54.8 32.4 93.6 32.4 50 0 88.8-24.4 111.2-48.8 131.2-7.2 246.4-6.4 246.4-6.4m-332 28c64 0 116-52 116-116s-52-116-116-116-116 52-116 116 52 116 116 116", "fill": originColor ? "#00a0e8" : "currentColor" }), createElement("path", { "d": "M260.284 636.8V700h-80V532h80v75.6h.4l47.2-75.6h96l-70.4 86.8 66.4 81.2h-91.6l-47.6-63.2zm591.6 58c-18.8 6-43.2 9.2-64.8 9.2-78 0-135.2-22.8-135.2-89.6 0-60.4 55.6-86.4 131.2-86.4 21.2 0 48 2.4 68.8 9.2v58.4c-15.6-9.6-31.2-15.6-53.2-15.6-28.8 0-57.6 14.8-57.6 36 0 21.6 28.8 36 57.6 36 22 0 37.6-6.4 53.2-15.6zm-356.8-91.6h39.2c15.2 0 21.2-6.4 21.2-16 0-11.2-6-16.4-20-16.4h-40.4zm0 62.8h41.2c15.6 0 20.8-6.4 20.8-16s-5.2-16.4-20.4-16.4h-41.6zm-79.2-134h159.6c41.6 0 55.2 16.4 55.2 42 0 28.8-25.2 41.2-50.8 42.8v.4c26.4 2 52.4 5.2 52.4 39.2 0 22-13.6 43.6-59.2 43.6h-157.2z", "fill": originColor ? "#00467d" : "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,
+  );
+});