@nstc-design/icons 0.2.0 → 0.2.1

package/packages/react/icons/BankBohaib.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 BankBohaib = forwardRef(function BankBohaib(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": "M236.44 402.964s92.324-127.704 243.044-48.324c0 0 77.028-53.06 174.08-50.552 10.984.416 88.012-.42 114.292 37.32 12.652 19.08 11.4 42.896-10.568 61 0 0-104.56-83.56-362.06-3.76 0 0-37.264-20.332-85.096-16.992-44.908 3.48-73.692 21.308-73.692 21.308", "fill": originColor ? "#6fb92c" : "currentColor" }), createElement("path", { "d": "m729.34 714.64 102.476-216.28s-52.144-150.128-329.112-111.552C255.492 421.624 112 595.984 112 595.984s163.512-111.968 371.796-52.224C656.624 593.34 729.34 714.64 729.34 714.64", "fill": originColor ? "#00428d" : "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/BankBohld.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 BankBohld: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBohld.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 BankBohld = forwardRef(function BankBohld(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": "M474.816 813.232a288 288 0 0 0 36.196 2.272c140.72 0 254.8-101.348 254.8-226.36 0-66.228-32.02-125.808-83.056-167.2V219.808C783.984 278.632 852 387.832 852 512.844 852 700.16 699.336 852 511.012 852c-45.72 0-89.328-8.968-129.168-25.204V361.952c0-50.096 31.24-86.656 92.968-91.672v177.968h74.372V210.772a288 288 0 0 0-33.056-2.252l-3.14-.02c-140.724 0-254.8 101.348-254.8 226.36 0 66.228 32.02 125.812 83.052 167.2v202.128C240.012 745.372 172 636.172 172 511.156 172 323.848 324.664 172 512.988 172c45.72 0 89.32 8.972 129.168 25.208v462.184c0 50.096-31.24 86.656-92.968 91.672l-.004-177.972h-74.372z", "fill": originColor ? "#d70110" : "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/BankBohs.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 BankBohs: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBohs.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 BankBohs = forwardRef(function BankBohs(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": "12.96 13.46 102.08 102.08", "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": "M74.8 22.098c15.029 4.183 25.626 13.356 30.66 28.18 5.201 15.255 2.307 29.319-7.687 41.943 2.005-5.894 2.781-11.893 1.401-17.998-1.899-8.38-6.67-14.69-14.033-19.151C73.64 48.108 69.246 34.285 74.8 22.098", "fill": originColor ? "#084793" : "currentColor" }), createElement("path", { "d": "M30.001 36.614c-.618 4.364-1.779 8.54-1.703 12.692.188 10.552 5.11 18.692 14.064 24.276 11.863 7.402 16.068 19.596 11.049 33.343-14.66-3.904-25.12-12.722-30.396-26.891-5.819-15.601-3.068-30.148 6.986-43.42", "fill": originColor ? "#084894" : "currentColor" }), createElement("path", { "d": "M46.544 72.753c-8.803-2.947-18.3-13.822-15.24-29.778 2.76-14.267 16.235-22.362 28.174-20.779-19.596 13.37-21.835 34.052-12.934 50.557m21.48 33.984c16.318-10.054 24.239-29.99 13.612-50.158 10.197 2.615 17.425 15.873 15.24 28.73a25.936 25.936 0 0 1-28.851 21.428", "fill": originColor ? "#f0aa0f" : "currentColor" }), createElement("path", { "d": "m65.522 51.465 11.372 11.373q1.663 1.663 0 3.326L65.521 77.537q-1.663 1.662-3.325 0L50.823 66.164q-1.662-1.663 0-3.326l11.373-11.373q1.662-1.662 3.326 0", "fill": originColor ? "#084793" : "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/BankBohz.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 BankBohz: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBohz.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 BankBohz = forwardRef(function BankBohz(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": "M540.896 613.624c55.984 13.408 94.932 67.048 91.28 126.78-3.652 57.296-49.9 104.84-108.32 110.936-57.2 6.092-110.748-30.48-126.572-87.772 6.088-2.44 12.172-6.096 19.472-9.752 10.956 34.132 31.644 58.512 64.504 69.484 41.38 14.628 86.412-1.22 111.968-37.788 24.344-34.136 21.908-81.68-4.868-114.592-27.992-34.132-73.02-47.544-113.184-29.256-19.472 9.752-37.728 21.94-54.768 34.132-46.248 34.132-98.58 48.76-155.78 41.448-21.908-2.44-36.512-10.972-43.816-35.352 51.12 19.504 99.8 19.504 147.264-2.44 17.04-8.532 31.64-18.284 47.464-30.476 37.728-28.04 76.676-47.544 125.36-35.352zm85.172-2.992c52.46 49.928 65.88 131.512 32.94 196.048-10.98 20.7-30.5 23.136-48.8 29.224 70.76-73.06 54.9-186.304-43.92-237.448 23.18-3.652 41.48-4.872 59.78 12.176m-222.04 214.316c-17.076 9.74-29.276-4.872-42.696-10.96 14.64-1.22 34.16-19.484 42.7 10.96zM584.94 699.86c15.84 40.208-3.652 86.504-42.636 102.344-38.98 15.84-81.616-3.656-99.888-41.424-8.528-17.06-1.22-23.152 14.62-30.46 3.652 9.748 4.872 19.492 9.744 26.8 14.616 25.592 45.072 34.12 71.872 20.72 25.58-13.404 35.324-43.864 23.144-69.452S519.16 669.4 492.36 681.584c-18.272 8.528-35.324 21.928-52.38 34.112-41.416 29.24-86.488 43.864-136.436 46.3-19.488 1.22-30.452-7.308-38.98-21.928 24.36-1.22 47.508-1.22 69.436-4.876 41.416-6.092 76.744-25.588 109.636-51.172 12.18-9.748 26.8-19.496 41.416-25.588 38.98-15.84 84.052 3.656 99.888 41.428m262.652-222.768c15.824 56.076-12.168 118.248-64.504 142.628-18.256 8.532-18.256 8.532-26.772-9.752 17.04-12.192 32.86-20.724 46.248-32.916 32.86-34.132 34.076-88.988 4.868-125.56-30.428-37.792-83.98-47.544-125.36-24.384-41.376 24.384-59.632 74.36-41.376 118.248 7.3 18.288 19.472 36.572 31.64 52.42 38.948 48.76 52.336 104.84 45.032 165.792-2.432 20.72-15.82 30.476-34.08 40.228 3.656-15.848 7.304-28.04 9.74-42.668 9.736-57.296-4.868-107.276-41.38-151.16-24.34-30.48-42.6-62.172-41.38-103.62 1.216-58.516 47.464-108.496 107.1-115.808 57.2-7.316 114.4 30.476 130.224 86.552m-471.62 294.276 7.32 18.264c-34.16 17.048-47.58 17.048-71.98-6.088a1486 1486 0 0 1 64.66-12.176m140.052-73.48c18.224 0 32.8 14.572 32.8 32.796 0 18.22-13.36 32.796-32.8 32.796a32.664 32.664 0 0 1-32.8-32.8c0-18.22 14.576-32.796 32.8-32.796zm289.404-216.124c15.84 37.772 1.22 80.416-35.328 98.692-24.36 10.964-25.58 10.964-38.98-12.184 38.98-9.748 54.816-26.808 54.816-57.268 0-21.928-10.96-37.768-30.452-47.52-20.708-9.744-40.2-7.308-57.252 8.532-17.056 14.62-24.364 34.116-15.84 54.828 6.092 15.84 15.84 30.46 26.8 45.08 32.892 43.864 52.384 92.6 56.04 147.428 1.216 19.496-6.092 32.9-23.148 43.864 0-17.056 1.22-32.896 0-48.736-3.656-47.52-21.928-88.944-49.944-126.716-12.184-17.056-24.364-35.332-30.456-54.828-13.4-36.552 9.748-79.196 46.292-92.6 40.2-13.4 81.616 3.656 97.452 41.428M516.024 719.748a10.89 10.89 0 0 0-10.936 10.936 10.89 10.89 0 0 0 10.936 10.932c4.86 0 9.72-4.86 10.932-10.932a10.89 10.89 0 0 0-10.932-10.936m273.52-83.544c18.3 35.312 17.08 51.144-3.656 74.28-3.66-19.48-8.54-38.968-10.98-57.232-1.22-4.872 8.54-10.96 14.64-17.048zm-365.992-68.192c7.32 26.792 4.88 40.184-13.42 58.452-50.02 51.14-129.32 64.536-191.536 31.66-20.74-10.96-28.06-21.92-30.5-48.708 84.176 75.496 192.756 43.836 235.456-41.4zm401.372 49.928c2.44 1.216 4.88 2.436 6.1 2.436-3.66 13.392-7.32 26.788-12.2 41.4-14.64-25.572-13.42-32.88 6.1-43.84zM341.3 219.872c-25.56 74.36-14.6 138.972 34.08 197.484 46.248 54.86 49.896 118.248 13.384 168.232-29.208 40.228-83.976 57.292-132.656 41.444-47.464-14.628-81.544-59.732-83.976-110.932-2.436-48.76 29.208-97.52 74.24-115.808 13.388-4.88 14.604-3.66 20.688 15.848-4.868 2.44-10.952 4.876-15.82 7.312-48.68 21.944-69.372 79.24-48.68 128 20.688 47.544 79.104 70.704 125.352 49.98 49.9-21.94 74.24-78.016 52.336-126.78-6.088-18.284-18.256-35.352-30.428-52.42-36.512-47.54-51.116-101.18-43.812-160.912 2.432-21.944 13.388-35.352 35.292-41.448m-56.028 43.8v26.8c-2.436 53.612 15.84 101.128 47.508 144.992 12.184 15.84 24.364 32.896 31.672 52.392 17.056 38.988-3.652 81.632-42.636 98.692-37.76 15.84-81.616-1.22-98.668-38.992-17.056-36.552-1.22-81.632 34.108-101.124 20.708-13.404 25.58-12.184 36.544 9.744-10.96 3.656-20.708 6.092-29.236 12.184-24.36 15.84-31.672 46.3-17.052 71.888 13.4 24.368 45.072 34.116 70.652 21.932 25.58-13.4 37.76-42.644 24.36-69.452-8.524-18.276-20.708-34.112-32.888-49.952-30.452-41.428-45.072-87.728-48.728-138.9-1.216-19.492 7.312-29.24 24.364-40.208zm448.216 214.352c18.22 0 34.016 14.576 34.016 32.8 0 17-14.58 34.008-32.8 34.008-18.224 0-34.02-14.576-34.02-32.8 0-18.216 14.58-34.008 32.8-34.008zm-436.14 1.216c17.008 0 32.8 15.788 34.016 32.796-1.216 18.22-15.796 32.8-34.016 32.8a32.664 32.664 0 0 1-32.8-32.8c0-18.22 14.576-32.8 32.8-32.8zM734.7 501.104a10.89 10.89 0 0 0-10.932 10.932 10.89 10.89 0 0 0 10.932 10.932 10.89 10.89 0 0 0 10.936-10.932 10.89 10.89 0 0 0-10.936-10.932m-438.568 0a10.89 10.89 0 0 0-10.936 10.932 10.89 10.89 0 0 0 10.936 10.932 10.89 10.89 0 0 0 10.932-10.932 10.89 10.89 0 0 0-10.932-10.932m512.932-135.228c17.08 8.524 20.74 15.832 26.84 47.492-73.2-70.628-187.876-53.58-236.676 41.4-4.88-21.92-3.66-38.964 10.98-56.012 51.24-53.58 134.2-68.192 198.856-32.88m-396.492-177.78c-31.72 37.748-48.8 80.368-39.04 130.292 9.76 48.708 39.04 81.584 86.62 104.72-28.06 6.088-47.58 2.436-65.88-17.048-50.02-52.36-61-131.508-25.62-194.828 9.76-18.268 26.84-19.484 43.92-23.136m106.416-15.768c52.336 3.656 96.148 37.792 108.32 87.772-6.088 2.44-12.172 4.876-19.472 8.532-10.956-31.696-29.212-53.64-58.42-67.048-38.944-15.848-85.192-4.876-111.968 29.26-26.776 32.912-29.208 81.676-4.868 115.808 25.56 36.572 71.804 52.42 110.752 36.572 19.472-8.532 38.944-19.504 55.984-32.916 52.332-40.228 110.752-54.856 174.04-42.664 12.168 2.44 21.904 15.848 34.076 25.6-2.436 0-3.652 1.216-4.868 2.44-27.996-2.44-57.2-7.32-85.196-7.32-38.944 0-73.024 17.068-103.448 41.452-31.64 25.6-65.72 45.104-108.32 42.664-66.936-3.656-118.052-60.952-113.184-126.78 4.868-68.268 59.64-118.248 126.572-113.372M206.4 357.352c13.42 32.88 13.42 34.096-7.32 45.056-2.44 0-4.88-1.216-6.1-1.216 3.66-13.4 7.32-26.792 13.42-43.84m32.936-46.272c3.66 21.92 7.32 42.62 12.2 64.54-6.1 2.436-12.2 3.652-18.296 6.088-18.3-29.224-17.08-46.272 6.096-70.628m345.608-47.412c7.312 17.06 6.092 20.716-15.836 30.46-3.652-20.712-10.96-37.768-30.452-48.736-21.928-10.964-47.508-7.308-64.56 10.968-15.84 17.056-18.276 43.86-6.096 63.356 12.184 20.712 37.764 31.68 60.908 23.148 17.056-6.092 31.672-17.056 46.292-26.8 43.852-32.9 91.36-51.176 146.18-56.052 18.272-1.216 30.452 7.312 42.636 25.588-74.308-8.528-135.216 14.62-190.036 59.704-24.36 20.712-52.38 31.68-85.268 20.712-35.328-12.184-54.82-42.644-51.164-81.632 2.436-32.9 29.236-60.92 63.344-67.016 35.328-6.092 70.652 13.404 84.052 46.3m-70.132-3.08c18.224-1.212 32.8 13.364 32.8 32.8 1.216 19.436-13.36 34.012-31.584 34.012-19.44 0-34.016-14.576-34.016-32.8 0-19.432 14.576-34.008 32.8-34.008zm1.216 18.224a10.89 10.89 0 0 0-10.936 10.932 10.89 10.89 0 0 0 10.936 10.932 10.89 10.89 0 0 0 10.932-10.932 10.89 10.89 0 0 0-10.932-10.932m196.664-40.792c-21.96 4.872-41.48 8.52-64.66 12.176-2.44-6.088-4.88-10.96-6.1-17.048 26.84-19.48 48.8-18.264 70.76 4.872m-90.28-46.272c13.42 4.872 26.84 8.52 43.92 13.396-31.72 13.392-34.16 12.176-46.36-6.092 1.22-2.432 1.22-4.868 2.44-7.304", "fill": originColor ? "#fe0316" : "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/BankBohzlegacy.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 BankBohzlegacy: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBohzlegacy.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 BankBohzlegacy = forwardRef(function BankBohzlegacy(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": "M513.22 172c116.416 0 220.788 60.356 281.004 152.9h-76.272l124.444 108.64c8.028 24.14 12.04 52.308 8.028 76.448C850.424 699.1 697.88 852 509.204 852c-116.416 0-220.788-60.356-281-148.876h92.328l-140.504-108.64C176.016 566.32 172 542.176 172 514.012 172 324.9 324.544 172 513.22 172m0 92.544c-136.488 0-248.888 112.664-248.888 249.468S376.732 763.48 513.22 763.48s244.876-112.664 248.888-249.468c0-136.804-112.4-249.468-248.888-249.468M620 380c15.668 0 27.5 11.504 27.984 27.004L648 408v216c0 15.668-11.504 27.5-27.004 27.984L620 652H404c-15.668 0-27.5-11.504-27.984-27.004L376 624V408c0-15.668 11.504-27.5 27.004-27.984L404 380zm-140 56h-48v160h48v-64h56v64h52V436h-52v56h-56z", "fill": originColor ? "#e60012" : "currentColor" }),
+  );
+  if (!button) return svg;
+  return createElement(
+    "button",
+    {
+      ...attributes,
+      ref,
+      type: attributes.type ?? "button",
+      className: joinClassNames("nstc-icon-button", background && "nstc-icon-button--background", className),
+      style: buttonStyle,
+    },
+    svg,
+  );
+});

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

package/packages/react/icons/BankBoim.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 BankBoim = forwardRef(function BankBoim(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": "12.773 12.96 102.08 102.08", "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": "M94.6 20c-9.24 5.28-29.48 9.24-29.48 9.24-11.44 2.2-17.6 7.04-17.6 7.04C38.28 42 35.2 49.04 34.32 50.36v10.12c0 .44.44.88.88.88h.44c2.2-1.32 6.16-3.96 11.88-4.84.44 0 .44 0 .44.44v.88C38.72 70.16 33 85.56 33 102.28c0 1.76 0 3.96.44 5.72l2.2-.44 3.52-.44c.88-.44 1.76-.88 1.76-2.2 0-5.72 1.32-11 3.08-14.96 4.4 4.84 12.32 9.68 20.24 10.56 14.52 1.76 26.84-6.16 29.04-17.6.44-2.64.44-6.16-.44-8.8-1.76-5.28-6.16-7.48-6.16-7.48-11.44-6.6-23.32 3.08-25.08 4.4h11c.88 0 1.76.88 1.76 1.76v11c0 .88-.88 1.76-1.76 1.76H62.04c-.88 0-1.76-.88-1.76-1.76v-11c0-8.36 25.08-15.84 25.08-15.84 1.76-.44 4.4-1.32 6.16-2.2 2.64-.88 3.08-2.64 3.08-3.96v-5.28C80.52 51.24 69.52 53 69.52 53v-3.52c0-.44.44-.88.88-.88 7.92-1.76 16.72-4.4 21.12-6.16 2.2-.88 3.08-1.76 3.08-3.96v-5.72c-9.68 4.84-25.08 7.92-25.08 7.92v-3.52c0-.44.44-.88.88-.88 7.48-1.32 16.28-4.4 20.68-6.16 1.76-.44 3.08-1.32 3.08-3.96V20", "fill": originColor ? "#cf000f" : "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/BankBojl.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 BankBojl: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBojl.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 BankBojl = forwardRef(function BankBojl(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": "M837.304 436.144c20.432 64.328 19.112 145.08-1.172 208.824C798.884 762.044 706.504 847.68 579.22 873.744c-69.8 14.264-145.904 3.172-205.292-23.468-118.144-53.04-214.436-168.8-200.6-351.956 25.808 53.528 64.128 96.792 118.48 124.36 54.16 27.472 136.376 35 200.6 9.384 54.26-21.66 99.376-61.392 127.872-114.972 25.464-47.856 43.892-132.176 15.248-199.44 8.312 71.808-22.14 130.076-58.652 166.592-32.212 32.212-80.016 55.92-138.428 55.14-106.12-1.42-193.12-84.472-193.56-194.748-.248-57.536 21.652-99.38 51.612-132.572 33.972-37.584 86.468-69.264 163.064-63.344 40.864 3.128 71.412 18.28 97.368 37.54 7.576 5.62 15.592 16.228 24.636 19.944 14.712 6.012 33.528 7.528 48.096 12.904 99.08 36.612 173.62 110.132 207.64 217.04", "fill": originColor ? "#dc0917" : "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/BankBolf.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 BankBolf: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBolf.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 BankBolf = forwardRef(function BankBolf(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M797.008 194.952c20.6 6.5 34.096 25.64 34.716 54.216.62 26.616 0 57.952 0 87.776 0 60.448.088 117.956.088 176.356-.264 57.772.088 117.776-.176 176.888.176 28.752.176 60.356.088 87.152-1.776 29.112-14.92 45.044-37.912 51.544-7.992 2.4-15.804 2.76-25.752 3.116-10.652 0-21.576-.092-32.228-.092-10.744-.176-21.756.092-33.296 0V604.456c-.444-40.416.888-77.804-.712-111.544-3.196-33.296-12.52-62.136-27.612-86.44-28.412-45.4-76.892-80.032-141.532-85.728-68.188-5.968-120.132 22.968-155.024 54.84-2.4 2.22-5.416 6.14-7.46 5.16v-188.28c123.684-.092 252.608-.092 375.844 0 17.848 0 36.672-2.052 50.968 2.488m-508.916-2.788c10.64.176 21.72 0 33.24 0v227.424c.444 40.412-.976 77.8.62 111.536 3.28 33.288 12.5 62.22 27.656 86.428 28.276 45.4 76.672 80.112 141.288 85.808 68.076 5.964 119.928-22.96 154.76-54.832 2.396-2.224 5.408-6.228 7.448-5.16v188.26H528.292c-83.832-.012-168.372-.028-250.392-.088-17.816 0-36.696 2.048-50.968-2.492-20.476-6.5-33.948-25.548-34.656-54.208-.62-26.528 0-57.86 0-87.768V510.828c.176-57.86-.176-117.852.088-176.96-.088-28.748-.176-60.26-.088-87.14 1.86-29.02 14.892-45.04 37.848-51.54 8.068-2.4 15.776-2.668 25.704-3.024zM565.38 446.488a13.19 13.19 0 0 1 13.128 13.14v104.744a13.19 13.19 0 0 1-13.128 13.14H461.04c-7.188 0-13.044-5.9-13.044-13.14V459.628c0-7.24 5.856-13.14 13.04-13.14h104.34z", "fill": originColor ? "#00a0e8" : "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/BankBoly.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 BankBoly: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBoly.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 BankBoly = forwardRef(function BankBoly(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": "M610.448 184c-.092 0-.16.016-.252.016-1.6.144-1.16 1.26 0 2.02 14.344 9.132 28.012 20.108 40.84 32.672 12.116 11.86 23.464 25.1 35.332 38.304 1.516 1.664.608 3.38 2.068 5.08 1.104 1.256 4.58 2.512 5.68 3.856 11.6 14.196 22.864 34.588 34.34 56.04 3.72 6.9 1.92 9.592-3.032 2.176-7.252-10.78-11.528-14.04-15.108-18.196-12.296-13.824-7.66-2.62-5.36 1.344 36.468 62.376 56.336 146.924 38.768 228.04-29.024 133.936-158.008 200.892-290.236 168.36C335.84 674.792 288.94 542.08 323.348 454.52c35.904-91.312 130.924-114.108 197.26-94.304v179.192h-142.24c24.784 106.92 141.796 129.488 212.088 90.532 49.516-27.452 68.58-79.452 55.628-119.452-20.476-63.364-52.404-64.728-10.032-129.172 43.904-66.728 33.728-191.456-150.44-191.456-151.308 0-297.252 111.12-312.504 296.98C157.64 675.464 306.012 844 500.904 844c217.36 0 357.28-150.66 350.884-358.328-1.3-43.292-11.632-86.816-29.4-127.348-4.772-10.92-9.44-21.136-14.396-30.832-1.92-3.72-5.576-5.68-7.588-9.24-1.604-2.832-1.444-7.36-3.1-10.124a262.7 262.7 0 0 0-31.7-42.676c-4.844-5.36-20.328-24.46-25.532-29.452-7.68-7.416-1.228 4.868 5.272 17.152 5.92 11.168 11.92 22.32 7.448 18.672-4.736-3.856-40.536-54.62-45.488-58.212-2.264-1.628-4.524-.94-6.804-.248-2.192.672-4.42 1.328-6.664-.108-5.008-3.24-10.14-15.168-15.308-18.088a284 284 0 0 0-20.42-10.424c-13.488-5.648 25.98 27.736 12.616 29.788-2.28.336-15.396-7.468-28.952-15.256-13.168-7.596-26.748-15.188-31.148-15.276z", "fill": originColor ? "#c6000c" : "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/BankBop.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 BankBop: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBop.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 BankBop = forwardRef(function BankBop(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": "M480.8 852v-.4c-16.4-1.2-31.2-4-45.6-7.2-13.2-3.6-26.8-7.2-38-11.2-7.6-3.2-15.2-6-22.8-8.8-15.2-7.2-29.6-15.2-43.2-23.2-20-12.8-38.4-27.2-54-42-18.4-18.4-33.2-36.4-47.2-55.6-3.6-6-7.2-12-11.2-17.6-9.2-16-17.2-32.4-23.6-48-6.4-17.2-12-34.8-15.6-50.8l-4.8-24c-1.6-12-2.8-24.8-3.2-35.6-.4-14.8.4-30.4.8-44 .8-5.6 1.2-10.4 1.6-15.6.8-6.8 2-14 3.6-20.8 2-9.6 4.4-18.8 6.4-28 4.4-13.6 9.2-26.4 13.6-38.8 2.8-6.4 5.6-12.4 8.4-18.4 6.8-13.2 14-25.2 21.6-37.6 6-9.2 12.8-17.6 19.2-26.4 4.8-5.6 9.6-11.2 14.4-16.4 8-8 16-16 24.4-24 8-6.4 15.6-13.2 24-19.6 13.2-9.2 26.4-17.6 41.2-26 16.8-8.4 34-16 52.4-22.4 7.6-2.4 15.2-4.8 22.8-6.8 10.8-2.4 21.6-4.4 32.4-6.4l28.8-3.6v94.4c-9.6.8-18.8 2.8-27.2 4-8.4 2.4-16.8 4.8-24.8 6.8-11.6 4-21.6 8-32.8 13.2-17.6 8.8-32.4 19.6-47.6 31.2-4 3.2-7.6 6.4-11.2 9.6-6.8 7.2-13.6 14.4-20 21.6-4.8 6-9.6 12.4-14 18.4-3.6 5.2-7.2 11.2-10.8 16.8-10.8 19.2-19.2 39.6-25.2 61.6-1.6 6.8-3.2 14-4.4 21.2-2 14.8-3.2 30.4-3.2 46.4.4 6.4.8 12.4 1.2 18.8.4 5.6 1.2 11.6 2 17.2 2.8 13.6 6.4 27.6 11.2 42.8 4.4 11.2 9.2 22.4 16 35.2 3.2 5.6 6.8 11.6 10.4 17.6 6.8 8.8 13.6 17.6 20 26.4 6.8 6.8 14 14 21.2 20.8 13.2 11.6 28.4 22.4 46 32.4 0-110 .4-219.2.4-329.2.8-1.6 1.2-3.6 1.6-5.2 4.4-8 9.2-12 18.4-14.4 40.8-.4 82-.4 122.8-.4 0-69.2.4-138.4.4-207.6 22 2 43.6 6 66.8 12 9.2 2.8 18.4 6 27.6 8.8 12.8 4.8 26.4 11.6 40.4 18.4 18.8 10.4 36.4 22 54.8 36.4 3.6 3.2 7.2 6.4 11.2 9.6 4.8 4.8 10 9.6 14.8 14.4 4.4 4.8 8.8 9.2 13.2 14.4 12.8 15.2 25.2 32 36.8 50.4l14.4 26.4c5.6 12.4 11.6 26.4 16.8 41.2 9.6 30.8 15.6 62.8 17.6 96.4v24c-.4 7.2-1.2 14.8-1.6 21.6-1.6 13.2-3.6 27.2-6.8 42-4.8 18.8-10.4 37.6-18 56.4-3.2 6.4-6 13.2-8.8 20-5.2 9.2-10.8 18.8-16 28.4-8 11.2-16 22.4-23.6 33.2-5.6 6.4-10.8 12.4-16 18.8-6.8 6.8-14 13.6-21.2 20.8-18 15.2-38 30.4-58.4 42.8-6.4 3.2-12.4 6.4-18.4 10-26.8 12.8-56.4 23.6-85.2 29.2-11.2 1.6-25.2 4.8-34.8 4.8v.4h-6.4v-94c14.8-1.6 28.8-4.8 44.8-8.8 11.6-3.6 23.6-8.4 35.6-13.6l18-9.6c16.4-10 32-22 46.8-34.8 6.8-7.2 14-14 19.6-21.2 10.4-14 21.2-29.6 29.2-44.8 5.2-10.4 9.2-21.2 13.6-31.2 3.6-13.2 7.2-26 10-38.4.8-5.2 1.2-10.4 2.4-15.2 1.2-18.8 1.2-36.8.4-54-2-18-6.4-36-11.2-52-3.2-8-6-15.6-8.8-23.2-3.2-6-6-12.4-9.2-18.4-7.2-12.4-15.6-24.4-22.8-34-9.2-10.4-18.4-20.4-26.4-28.8-5.6-4.4-10.8-8.8-16-13.6-11.2-8-21.6-14.8-32.4-21.2-.4 109.2-.4 218.4-.4 327.6-1.2 8.4-5.6 14-12.4 18.8-3.2.8-6 2-8.8 2.8-40.4 0-81.2 0-121.6.4v206zM476 552h76v-76h-76z", "fill": originColor ? "#c00415" : "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/BankBopj.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 BankBopj: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankBopj.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 BankBopj = forwardRef(function BankBopj(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": "M486.736 196c123.988 0 231.228 71.98 282.532 176.588H550.8l-64.064-64.32L283.82 512l202.92 203.728 96.456-96.848 199.82.008C739.376 740.808 623.196 828 486.736 828 312.912 828 172 686.52 172 512s140.912-316 314.736-316M852 386.092l-18.528 37.336h-35.04q-24.46 94.501-39.116 121.34c-17.364 31.804-31.256 55.128-70.18 55.128H538.16l13.992-32.672 110.732.004c38.228 0 47.36-14.752 64.456-50.056l.724-1.504q12.072-25.003 27.396-92.24h-41.464c-8 32.528-16.28 56.64-24.856 72.336-17.364 31.808-36.616 49-70.056 49h-99.728l-29.092 58.58H443.02l38.04-76.596 7.276-14.652 62.58-126H852zm-180.548 37.336H579.62l-44.044 88.668h57.248c45.68 0 54.224-15 71.352-50.432l.648-1.336q6.569-13.608 6.628-36.9", "fill": originColor ? "#e5332b" : "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,
+  );
+});