@nstc-design/icons 0.2.0 → 0.2.2

package/packages/react/icons/BankHana.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 BankHana = forwardRef(function BankHana(props, ref) {
+  const {
+    size,
+    color,
+    originColor = true,
+    button = false,
+    background = true,
+    className,
+    style,
+    ...attributes
+  } = props;
+  const renderedSize = size ?? 16;
+  const buttonSize = size ?? 24;
+  const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+  const svgStyle = color === undefined ? style : { ...style, color };
+  const buttonStyle = { ...svgStyle, width: toSize(buttonSize), height: toSize(buttonSize) };
+  const svg = createElement(
+    "svg",
+    button
+      ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+      : { ...attributes, ...svgAttributes, ref, width: toSize(renderedSize), height: toSize(renderedSize), className, style: svgStyle },
+    createElement("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), createElement("path", { "d": "M644 590.8c4.8 29.2 2 60.8-3.2 88.8-3.6 20.4-9.2 40-15.6 59.6-17.2 52.4-42 103.2-80.8 142.8-6.4 6.4-14.8 12.8-24.4 8.8-2.4-1.2-4.4-2.4-6-4.8-3.2-4.8-.8-11.2.8-16.4 2-6.8 3.6-13.2 5.6-20 16.8-64.4 32.8-133.6 29.6-200.8-.8-15.2-2.4-31.2-9.2-44.8-6.8-14-19.2-25.6-34-28-8.8-1.2-17.6.4-25.6 4.4-3.6 2-7.2 4-10 6.8-4.8 4.8-8.4 10.8-10.8 17.2-7.6 20-4.8 40-1.6 60.4 2.8 16 0 34-14.4 43.2-11.2 7.2-26 8-38.4 3.2s-22.8-14.8-29.6-26c-21.6-35.2-22-86.8-10-125.2 2.4-8 5.6-15.6 9.2-22.8 10.8-21.6 28-39.6 48.4-52.4 45.6-27.6 101.2-28 147.2-.8 29.6 17.2 49.2 43.2 63.6 74 4 10.4 7.2 21.2 9.2 32.8m284-314.4c0 8-8 15.2-13.6 19.6-30.8 24.4-66.8 43.2-102.8 58.4-110.4 46-234 60.8-351.6 76q-103.8 13.8-207.6 20.4c-25.6 1.6-51.6-12.4-73.2-25.2-22.4-13.6-43.6-31.2-56-54.4-10-19.6-11.2-49.6 6.8-65.2 13.6-11.6 34.4-11.2 51.2-10 19.6 1.6 39.2 6 58.8 9.2 31.2 4.8 62.8 11.2 93.6 16 181.6 26.4 376 14 548.4-52.4 8.8-3.6 18-8.4 27.6-8.8s18.4 6.4 18.4 16.4", "fill": originColor ? "#008375" : "currentColor" }), createElement("path", { "d": "M432 218.8c0 38 30.4 69.2 68 69.2s68-31.2 68-69.2c0-5.6-1.2-11.2-3.6-16.4-6-12.4-12.4-18.8-12-33.6C553.6 148.4 528 148 514 148c-14.8 0-30.8 2-44.4 8.8-10.8 5.6-20 14-26.8 24.4-6.8 10.8-10.4 23.2-10.8 36z", "fill": originColor ? "#d70035" : "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/BankHangseng.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 BankHangseng: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHangseng.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 BankHangseng = forwardRef(function BankHangseng(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": "M511.6 852C324 851.6 172 699.6 172 512.4c0-137.6 82.8-261.6 210-314.4s273.6-23.6 370.8 74 126.4 243.6 73.6 370.8C773.2 769.6 649.2 852.4 511.6 852M228.4 512c0-114.4 68.8-217.6 174.8-261.6s227.6-19.6 308.4 61.2S816.8 514.4 773.2 620 626 794.8 511.6 794.8c-156.4 0-283.2-126.4-283.2-282.8m282.8 296.8c120 0 228-72.4 274-183.2s20.4-238.4-64.4-323.2S508.8 192 397.6 238 214.8 392 214.8 512c0 164 132.8 296.8 296.4 296.8M504.8 362h-22c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.2h21.6V282h-51.6l12.8 92h-72.8s27.6 178.4-46.4 327.2h96.8c51.2-137.2 45.2-153.6 45.2-153.6h16.4v-61.2H488c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.6h16.4V362zm14.4 0v110h16c4 0 7.2 3.2 7.2 7.6 0 4-3.2 7.2-7.2 7.2h-16V548h15.6s-6 16.4 45.2 153.6h97.2c-73.6-148.8-46-327.2-46-327.2h-72.4l12.4-92h-51.6V348h20.8c4 0 7.2 3.2 7.2 7.2s-3.2 7.2-7.2 7.2h-21.2zm-62.4 200-1.2 1.2 6.4 24.4c.8 3.6-1.2 7.6-4.8 8.4-1.6.4-3.6.4-5.2-.8-1.6-.8-2.8-2.4-3.2-4.4l-5.6-22h-6.4l-5.6 22c-1.2 3.2-4.8 5.2-8 4.4s-5.6-4.4-4.8-8l6.4-24c-.4-.4-.8-.8-1.6-1.2-4.4-4.8-7.2-10.8-6.8-17.6v-99.6c0-13.6 10.8-24.8 24-24.8s24 11.2 24 24.8v99.6c-.4 6.4-2.8 12.8-7.6 17.6m-27.6-75.6v58c0 2.8 1.2 5.6 3.2 8 2 2 4.4 3.2 7.2 3.2a10.93 10.93 0 0 0 10.8-10.8v-58h-21.2zm21.2-14v-27.6c0-2.8-.8-5.6-2.8-7.6s-4.4-3.2-7.2-3.2c-5.6 0-10.4 4.4-10.8 10.4v28zm161.6 6.4-22.8 44.8v65.6c0 4-3.2 7.2-6.8 7.2-4 0-6.8-3.2-6.8-7.2V524l-23.2-45.2 30-58.8zm-30 28.4 14.4-28.4L582 450l-14.8 28.8z", "fill": originColor ? "#fe0009" : "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/BankHbc.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 BankHbc: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHbc.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 BankHbc = forwardRef(function BankHbc(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": "M224.8 196c-13.2.8-32.4 7.2-31.2 44.8 0 186.4-1.6 372.8-1.6 559.2 0 15.2 27.6 36 41.6 36H790c31.6-2 41.6-21.6 42-48.4l-.4-555.2c0-27.6-12.4-33.6-32.8-36.4zM366 324h290.4L696 712c-116.4-103.6-260-96.4-368 0z", "fill": originColor ? "#ea1d25" : "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/BankHbib.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 BankHbib: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHbib.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 BankHbib = forwardRef(function BankHbib(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": "M268 293.6 430.8 248l1.2 141.2L269.2 432zm10.8 245.6 146.8-37.6V686l127.6-36.8V208.4c160.8-33.6 310 133.2 124 281.6 185.2 0 150 218-32 268.4L378.8 820 148 758.4l130.8-35.6z", "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/BankHbrcb.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 BankHbrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHbrcb.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 BankHbrcb = forwardRef(function BankHbrcb(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": "M508 344c6.8-.4 14-.4 20.8-.4h21.6c2 0 3.6 0 5.6.4 2 0 3.6 0 5.6.4 2 0 3.6.4 5.6.4s3.6.4 5.6.4 3.6.4 5.6.4 3.6.4 5.6.4c2 .4 3.6.4 5.6.8s3.6.4 5.6.8 3.6.4 5.6.8 3.6.4 5.6.8 3.6.8 5.6.8c2 .4 3.6.8 5.6 1.2s3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.2 1.6c1.6.4 3.6 1.2 5.2 1.6s3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6c1.6.8 3.2 1.2 5.2 2 3.2 1.2 6.8 2.4 10 4 3.2 1.2 6.4 2.8 9.6 4.4s6 2.8 9.2 4.4c2.8 1.6 6 3.2 8.8 4.8s5.6 3.2 8 4.8c2.8 1.6 5.2 3.6 7.6 5.2s4.8 3.6 7.2 5.2c1.2.8 2.4 2 3.2 2.8 1.2.8 2 2 3.2 2.8s2 2 3.2 2.8l2.8 2.8 2.8 2.8c.8.8 1.6 2 2.8 2.8.8.8 1.6 2 2.4 2.8s1.6 2 2.4 2.8 1.6 2 2 2.8c.8.8 1.2 2 2 2.8s1.2 2 2 3.2c.4.8 1.2 2 1.6 3.2s1.2 2 1.6 3.2.8 2 1.6 3.2c.4 1.2.8 2 1.2 3.2s.8 2 1.2 3.2c.4.8.8 2 1.2 3.2.4.8.4 2 .8 2.8s.4 2 .8 2.8.4 2 .4 2.8.4 2 .4 2.8.4 2 .4 2.8 0 2 .4 2.8v7.2c0 1.6-.4 3.2-.4 4.4-.4 1.6-.4 3.2-.8 4.4-.4 1.6-.8 3.2-1.2 4.4-.8 3.2-2 6-3.2 9.2s-2.8 6-4.4 8.8-3.6 6-5.6 8.8-4.4 5.6-6.8 8.4c-1.2 1.2-2.4 2.8-4 4l-4 4c-1.6 1.2-2.8 2.8-4.4 4s-3.2 2.4-4.8 4c34 30.8 68 62 102 92.8 1.6-.8 2.8-2 4-2.8s2.8-2 4-2.8c2.8-2 5.2-4 7.6-6l7.2-6c2.4-2 4.8-4.4 6.8-6.4 2.4-2 4.4-4.4 6.4-6.4 2-2.4 4-4.4 6-6.8 3.6-4.4 7.2-9.2 10-14 3.2-4.8 5.6-9.6 8-14.4 1.2-2.4 2-4.8 3.2-7.6.8-2.4 1.6-5.2 2.4-7.6s1.6-5.2 2-7.6 1.2-5.2 1.6-7.6.8-5.2.8-7.6.4-5.2.4-7.6c0-2 0-4-.4-5.6 0-2-.4-4-.4-5.6-.4-2-.4-4-.8-5.6-.4-2-.8-4-1.2-5.6-.4-2-.8-4-1.2-5.6-.4-2-1.2-4-1.6-5.6-.4-2-1.2-3.6-2-5.6s-1.2-3.6-2-5.6-1.6-3.6-2.4-5.6-1.6-3.6-2.8-5.6c-.8-2-2-3.6-2.8-5.6-1.2-2-2-3.6-3.2-5.6s-2.4-3.6-3.2-5.6c-1.2-2-2.4-3.6-3.6-5.2s-2.4-3.6-4-5.2c-1.2-1.6-2.8-3.6-4-5.2-2.8-3.6-5.6-6.8-8.8-10.4-3.2-3.2-6.4-6.8-9.6-10s-6.8-6.4-10.4-9.6-7.2-6.4-11.2-9.2c-7.6-6-16-11.6-24.8-17.2-4.4-2.8-8.8-5.2-13.2-8-4.4-2.4-9.2-5.2-14-7.6l-14.4-7.2c-4.8-2.4-10-4.4-14.8-6.4-5.2-2-10-4-15.2-6-2.4-.8-5.2-2-8-2.8s-5.2-2-8-2.8-5.2-1.6-8-2.8c-2.8-.8-5.2-1.6-8-2.4s-5.6-1.6-8-2.4l-8.4-2.4c-2.8-.8-5.6-1.6-8.4-2-2.8-.8-5.6-1.2-8.4-2s-5.6-1.2-8.4-2-5.6-1.2-8.4-1.6-5.6-1.2-8.4-1.6-5.6-1.2-8.8-1.6c-2.8-.4-5.6-.8-8.8-1.6-2.8-.4-5.6-.8-8.8-1.2-2.8-.4-6-.8-8.8-1.2s-6-.8-8.8-1.2-6-.8-8.8-.8c-2.8-.4-6-.4-8.8-.8s-6-.4-8.8-.8-6-.4-8.8-.4-6-.4-8.8-.4-6-.4-8.8-.4-6 0-8.8-.4h-26.4c-13.6 0-26.8.4-40.4 1.2 11.2 13.2 24.4 26.4 38 39.2m172 355.6c-3.2.8-6.4 1.6-10 2.4-3.2.8-6.8 1.6-10 2.4s-6.8 1.6-10.4 2c-3.6.8-6.8 1.2-10.4 2s-6.8 1.2-10.4 2c-3.6.4-7.2 1.2-10.4 1.6-7.2 1.2-14.4 2-21.6 2.8l-21.6 2.4c-3.6.4-7.2.8-10.8.8-3.6.4-7.2.4-10.8.8s-7.2.4-10.8.4-7.2.4-10.8.4-7.2 0-10.8.4H484c-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8-.4-4.4-.4s-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-3.2-.4-4.4-.4c-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-2.8-.4-4.4-.8-2.8-.8-6-1.2-8.8-2s-6-1.2-8.8-2-6-1.6-8.8-2c-2.8-.8-6-1.6-8.8-2.4s-6-1.6-8.8-2.4-6-1.6-8.8-2.4-5.6-1.6-8.8-2.8c-2.8-.8-5.6-2-8.4-2.8s-5.6-2-8.4-2.8-5.6-2-8.4-3.2-5.6-2-8-3.2c-2.8-1.2-5.2-2-8-3.2s-5.2-2.4-8-3.2c-5.2-2.4-10.4-4.8-15.2-7.2-5.2-2.4-10-4.8-14.8-7.6-4.8-2.4-9.6-5.2-14-7.6-4.4-2.8-8.8-5.2-13.2-8-2-1.2-4.4-2.8-6.4-4-2-1.6-4-2.8-6-4.4s-4-2.8-6-4.4-4-2.8-5.6-4.4c-2-1.6-3.6-2.8-5.6-4.4-1.6-1.6-3.6-2.8-5.2-4.4s-3.2-3.2-5.2-4.4l-4.8-4.8c-1.6-1.6-3.2-3.2-4.4-4.8-1.6-1.6-2.8-3.2-4.4-4.8-1.2-1.6-2.8-3.2-4-4.8s-2.4-3.2-4-4.8l-3.6-4.8c-1.2-1.6-2.4-3.2-3.2-4.8-1.2-1.6-2-3.2-3.2-4.8s-2-3.2-2.8-4.8-2-3.2-2.8-4.8l-2.4-4.8-2.4-4.8c-.8-1.6-1.2-3.2-2-4.8s-1.2-3.2-1.6-4.8-1.2-3.2-1.6-4.8l-1.2-4.8-1.2-4.8c-.4-1.6-.8-3.2-.8-4.8-.4-1.6-.4-3.2-.8-4.8 0-1.6-.4-3.2-.4-4.4 0-1.6-.4-3.2-.4-4.4v-6c0-2 .4-4 .4-6 .4-2 .4-4 .8-6l1.2-6c.4-2 .8-4 1.6-6 .4-2 1.2-4 2-6s1.2-4 2-6l2.4-6c.8-2 2-4 2.8-6 1.2-2 2-4 3.2-6l3.6-6c1.2-2 2.4-4 4-6 2.8-4 5.6-7.6 8.8-11.6s6.4-7.6 10-11.2 7.2-7.2 11.2-10.8 8-7.2 12.4-10.4c2-1.6 4.4-3.6 6.8-5.2s4.4-3.2 6.8-4.8l7.2-4.8c2.4-1.6 4.8-3.2 7.6-4.8 2.4-1.6 5.2-3.2 7.6-4.4 2.8-1.6 5.2-2.8 8-4.4s5.2-2.8 8-4.4 5.6-2.8 8.4-4c1.6-.8 2.8-1.2 4.4-2s2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-1.6 2.8-1.2 4.4-1.6l56.4 48c-1.6 1.6-3.2 2.8-4.8 4.4s-3.2 3.2-4.8 4.4c-1.6 1.6-2.8 3.2-4.4 4.8s-2.8 3.2-4 4.8-2.8 3.2-4 4.8l-3.6 4.8c-2.4 3.2-4.4 6.8-6 10-2 3.2-3.6 6.8-4.8 10-.8 1.6-1.2 3.6-2 5.2-.4 1.6-1.2 3.6-1.6 5.2s-.8 3.6-1.2 5.2-.8 3.2-.8 5.2c-.4 1.6-.4 3.2-.4 5.2V476c0 .8 0 2 .4 2.8 0 .8.4 2 .4 2.8s.4 2 .4 2.8.4 2 .8 2.8.4 2 .8 2.8.4 2 .8 2.8.8 2 1.2 2.8.8 2 1.2 2.8.8 2 1.2 2.8.8 2 1.6 2.8c.4.8 1.2 2 1.6 2.8s1.2 2 1.6 2.8c.8.8 1.2 2 2 2.8s1.2 2 2 2.8 1.6 2 2.4 2.8 1.6 2 2.4 2.8 1.6 2 2.4 2.8 1.6 2 2.8 2.8l2.8 2.8 2.8 2.8c2 2 4 3.6 6.4 5.2s4.4 3.6 6.8 5.2 4.8 3.2 7.6 5.2c2.4 1.6 5.2 3.2 8 4.8l8.4 4.8c2.8 1.6 6 2.8 8.8 4.4 3.2 1.6 6 2.8 9.2 4s6.4 2.8 9.6 4 6.8 2.4 10 3.6c1.6.4 3.6 1.2 5.2 1.6s3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6.8 5.6 1.6c2 .4 3.6.8 5.6 1.2s3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6.8c2 .4 3.6.8 5.6.8 2 .4 3.6.4 5.6.8s3.6.4 5.6.8 3.6.4 5.6.8 3.6.4 5.6.8c2 0 3.6.4 5.6.4s3.6.4 5.6.4 3.6.4 5.6.4 3.6.4 5.6.4 3.6 0 5.6.4h16c5.2-.4 10.8-.8 16.4-1.2s11.2-1.2 17.2-1.6c36 36.4 74.8 72.4 113.6 108.4M422.4 452.8c25.2 21.2 50 42.8 75.2 64 2.8 2 6 3.2 10 3.2 2.8 0 5.6-.4 8.8-1.6 35.2-11.6 70.8-23.2 106-34.4 3.6-.8 5.6-4.4 5.6-7.6 0-2 0-5.6-2.8-8.4-22.8-20-45.6-40-68.8-60-2.8-2.4-6.8-3.6-11.2-3.6-3.6 0-7.6.8-12.4 2.4l-104.4 30c-6 2.4-8.4 8-8.4 11.2 0 1.6.8 3.6 2.4 4.8", "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/BankHdbank.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 BankHdbank: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHdbank.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 BankHdbank = forwardRef(function BankHdbank(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": "M533.824 408.436c-28.448-18.188-80.8-55.904-80.8-91.344v-4.384c0-34.46 34.112-42.896 67.68-44.44 77.692-3.592 169.868 29.3 234.216 72.46 74.252 49.824 116.604 141.712 88.168 228.588-13.996 42.736-42.184 74.62-83.924 110.48C709.4 722.584 622.532 756 557.384 756c73.192-29.26 91.392-50.724 84.824-127.056 82.932-19.3 136.368-89.352 136.368-171.308 0-86.6-145.712-158.108-241.972-158.108-10.068 0-15.9 0-17.588 4.4 1.26 56.76 141.364 128.4 193.588 140.548l-123.628 92.808-56.28-43.764 69.072-41.64zm-174.6 322.9c29.288 12 61.36 18.76 93.532 22.128 45.232 4.736 90.56 1.952 128.82-26.932 24.5-18.444 34.228-50.824 34.228-80.024 0-45.488-50.032-99.512-84.736-126.244-16.872-13-99.4-64.528-104.456-71.412l64.84-45.684-47.244-33.36-134.304 80.92C354.976 464.656 501.38 562.88 501.38 615.756c0 20.496-10.228 30.752-30.768 30.752h-13.224c-52.908 0-127.328-33.3-168.672-71.756-41.372-38.508-56.18-106.56-30.548-157.68 16.308-32.52 46.52-56.888 73.024-72.256 24.5-14.168 46.628-22.912 73.748-30.704 11.464-3.296 20.928-6.612 23.228-10.82 6.864-12.508 18.332-22.38 33.624-30.112-49.992 0-127.416 27.576-159.268 47.42-104.584 65.18-179.332 189.6-92.276 304.7 39.1 51.636 89.748 81.748 148.972 106.036z", "fill": originColor ? "#0276c3" : "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/BankHdrcb.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 BankHdrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHdrcb.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 BankHdrcb = forwardRef(function BankHdrcb(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": "M512.398 258.988c54.587 0 100.01 40.642 107.182 93.635h-58.571l-47.415-47.415-62.556 62.555 60.165 59.767 47.415-47.016h60.962c-7.172 52.993-52.595 93.634-107.182 93.634-59.368 0-107.978-48.212-107.978-107.58s48.61-107.58 107.978-107.58", "fill": originColor ? "#ac292f" : "currentColor" }), createElement("path", { "d": "M334.294 352.224c-32.672 31.876-20.719 62.556 3.188 82.08L478.53 575.75c5.976 5.977 44.625 44.626 1.594 97.22l-109.174 127.9h-153.8l64.15-66.141c21.915-22.711 39.446-45.423 10.758-79.29l-95.626-117.541c-28.688-28.688-28.688-51-10.36-73.712l214.363-245.043 30.282 23.508zm355.412 0-96.822-109.572 30.68-23.508 214.761 244.644c18.329 22.712 18.329 45.024-10.36 73.712l-96.024 117.541c-28.688 33.868-11.157 56.58 10.758 79.29l64.15 66.54H653.446l-109.173-127.9c-43.032-52.993-4.383-91.243 1.594-97.22l140.65-141.447c23.907-19.524 35.86-50.204 3.188-82.08", "fill": originColor ? "#008a76" : "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/BankHfkjrcb.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 BankHfkjrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHfkjrcb.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 BankHfkjrcb = forwardRef(function BankHfkjrcb(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": "M382.8 309.6S352 278 329.6 272c-21.6-6-39.6-2.8-41.6-3.6s55.6-66.8 138.4-86.8c82.8-19.6 193.2-10.4 266.4 39.6 72.8 50 137.2 139.2 153.6 223.2 16 83.6 0 178-53.2 235.2-53.2 57.6-113.6-.8-130.8-31.2-17.2-30-67.2-126-102.4-164s-98.4-40-110.8-40-20-2-20-2 7.6-24.4 54-44.4c46.4-19.6 108.8-12.4 132.8 3.6 23.6 16 63.6 52.8 84.4 94 20.8 41.6 32.4 71.6 32.4 71.6s35.2-56.4 0-141.2-101.2-123.6-101.2-123.6-66.4-38.4-134.8-30-114 37.2-114 37.2", "fill": originColor ? "#e30016" : "currentColor" }), createElement("path", { "d": "M641.2 714.4S672 746 694.4 752c21.6 6 39.6 2.8 41.6 3.6s-55.6 66.8-138.4 86.8c-82.8 19.6-193.2 10.4-266.4-39.6-72.8-50-137.2-139.2-153.6-223.2-16-83.6 0-178 53.2-235.2 53.2-57.6 113.6.8 130.8 31.2 17.2 30 67.2 126 102.4 164 35.2 37.6 98.4 40.4 110.8 40.4s20 2 20 2-7.6 24.4-54 44.4C494.4 646 432 638.8 408 622.8c-23.6-16-63.6-52.8-84.4-94-20.8-41.6-32.4-71.6-32.4-71.6s-35.2 56.4 0 141.2S392.4 722 392.4 722s66.4 38.4 134.8 30c68.4-9.6 114-37.6 114-37.6", "fill": originColor ? "#4c638b" : "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/BankHhrcb.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 BankHhrcb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHhrcb.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 BankHhrcb = forwardRef(function BankHhrcb(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": "M272.535 262.574c-25.5 24.704-46.219 52.993-63.352 84.869-17.133 31.477-29.485 66.141-35.86 102.798 26.696-72.516 78.095-143.44 143.041-188.862 33.071-23.11 86.462-46.22 134.276-43.829 56.977 2.79 102.001 48.212 80.087 105.588-16.336 42.235-85.666 43.829-97.22-3.188-5.18-19.922 2.789-47.016 28.29-47.016 11.156 0 21.914 9.164 21.914 21.117 0 9.165-5.977 16.735-15.141 16.735-7.57 0-13.946-5.578-14.344-13.149-.399 1.594-.399 2.79-.399 4.383 0 15.54 10.36 25.9 25.5 25.9 18.329 0 30.282-18.33 31.478-34.666 1.593-24.305-13.149-41.04-32.274-48.211-47.017-17.133-90.447 23.508-94.83 69.329-7.172 72.118 54.985 132.682 124.713 130.69 62.954-1.594 121.127-56.181 119.932-133.878-1.594-109.572-109.572-156.588-202.011-136.666-56.18 13.149-113.557 49.009-153.8 88.056m478.93 494.867q38.25-37.055 63.352-84.868c17.133-31.477 29.485-66.142 35.86-102.799-26.696 72.517-78.095 143.44-143.041 188.863-33.071 23.11-86.462 46.219-134.276 43.828-56.977-2.789-102.001-48.211-80.087-105.587 16.336-42.235 85.666-43.829 97.22 3.187 5.18 19.923-2.789 47.017-28.29 47.017-11.156 0-21.914-9.164-21.914-21.118 0-9.164 5.977-16.734 15.141-16.734 7.57 0 13.946 5.976 14.344 13.148.399-1.594.399-2.789.399-4.383 0-15.539-10.36-25.899-25.5-25.899-18.329 0-30.282 18.329-31.478 34.665-1.593 24.305 13.149 41.04 32.274 48.212 47.017 17.133 90.447-23.508 94.83-69.33 7.172-72.118-54.985-132.681-124.713-130.689-62.954 1.594-121.127 56.18-119.932 133.877 1.594 109.572 109.572 156.588 202.011 136.666 56.18-13.148 113.557-49.008 153.8-88.056m-486.898-7.969q37.055 38.25 84.868 63.353c31.477 17.133 66.142 29.485 102.798 35.86-72.516-26.696-143.44-78.095-188.862-143.041-23.11-33.071-46.22-86.463-43.829-134.276 2.79-56.977 48.212-102.001 105.588-80.087 42.235 16.336 43.829 85.665-3.188 97.22-19.922 5.18-47.016-2.789-47.016-28.29 0-11.156 9.164-21.914 21.118-21.914 9.164 0 16.734 5.977 16.734 15.141 0 7.57-5.578 13.946-13.148 14.344 1.593.399 2.789.399 4.382.399 15.54 0 25.9-10.36 25.9-25.5 0-18.33-18.33-30.283-34.665-31.478-24.305-1.594-41.04 13.149-48.212 32.274-17.133 47.016 23.508 90.447 69.33 94.83 72.117 7.172 132.68-54.986 130.689-124.713-1.594-62.954-56.18-120.729-133.877-119.932-109.572 1.594-156.589 109.572-136.666 202.011 13.148 56.18 49.008 113.557 88.056 153.8m494.866-478.93q-37.055-38.25-84.868-63.352c-31.477-17.133-66.142-29.485-102.798-35.86 72.516 26.695 143.44 78.095 188.862 143.041 23.11 33.07 46.22 86.462 43.829 134.275-2.79 56.978-48.212 102.002-105.588 80.088-42.235-16.337-43.829-85.666 3.188-97.22 19.922-5.18 47.016 2.789 47.016 28.289 0 11.156-9.164 21.914-21.118 21.914-9.164 0-16.734-5.976-16.734-15.14 0-7.571 5.578-13.946 13.148-14.345-1.593-.398-2.789-.398-4.382-.398-15.54 0-25.9 10.36-25.9 25.5 0 18.329 18.33 30.282 34.665 31.477 24.305 1.594 41.04-13.148 48.212-32.273 17.133-47.017-23.508-90.447-69.33-94.83-72.117-7.172-132.68 54.985-130.689 124.713 1.594 62.954 56.18 121.127 133.877 119.533 109.572-1.594 156.589-109.572 136.666-202.011-13.148-55.782-49.008-113.158-88.056-153.4", "fill": originColor ? "#d70e25" : "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/BankHkb.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 BankHkb: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};

package/packages/react/icons/BankHkb.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 BankHkb = forwardRef(function BankHkb(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": "M768.8 522.4c-10-8.8-10.8-15.6-1.2-24 21.2-21.2 42.8-42.4 64-63.6 13.6-14 21.2-34.8 12.4-57.2C792.4 254.4 672 167.2 531.2 164v103.2c86 2.8 159.6 48.8 200.8 118.4l-49.6 50-106.4-108c-29.2-29.6-77.2-29.6-106.4 0L342 456.8c-29.6 30-29.6 78 0 108l123.2 124.8c29.2 29.6 76.8 29.6 106.4 0l108.8-107.2 56.8 53.6 17.2 18 53.6 54.4c14-20.4 26-42 36-65.2 6.4-16.4 3.2-40.4-8.4-53.2-22.4-22-44.4-44.8-66.8-67.6m-172.4-3.6L528.8 588c-2.4 2.4-5.2 4-8.8 4-3.2 0-6.4-1.2-8.4-3.6L444 518.8c-2.4-2.4-3.6-5.6-3.6-8.8 0-3.6 1.2-6.4 3.6-8.8l68-69.6q3.6-3.6 8.4-3.6c4.8 0 6.4 1.6 8.8 3.6l67.6 69.6c2.4 2.4 3.6 5.2 3.6 8.8-.4 3.6-1.6 6.8-4 8.8", "fill": originColor ? "#0086b2" : "currentColor" }), createElement("path", { "d": "M522.4 756.4c-134 0-243.6-110-243.6-244.8 0-125.2 94.4-229.2 215.2-243.6V164c-177.6 14.8-318 165.2-318 347.6 0 192 155.6 348.4 346.4 348.4 104.4 0 198-46.8 261.6-120.4l-72.4-74c-44.8 55.2-113.2 90.8-189.2 90.8", "fill": originColor ? "#0086b2" : "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/BankHkex.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 BankHkex: {
+  (props: IconSvgProps & React.RefAttributes<SVGSVGElement>): React.ReactElement | null;
+  (props: IconButtonProps & React.RefAttributes<HTMLButtonElement>): React.ReactElement | null;
+};