@nstc-design/icons 0.1.1 → 0.2.1

package/packages/vue/icons/BankLzccb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankLzccb = defineComponent({
+  name: "BankLzccb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "M662 687.6h51.6c29.6-.4 41.2-11.6 48.8-24.4 7.2-12.8 8-27.6 8-30.8V351.6c-.4-28-9.2-39.2-17.2-45.2-8.4-6-18.4-6.4-20-6.4h-28c-21.6.4-30 8-36 17.6-5.6 10-7.2 22.8-7.2 30zm69.6-412.8h1.2c4 0 15.2.4 27.6 6.8-41.2-44-94-76.8-153.6-94-27.2 0-67.6 4.8-101.2 27.6-33.6 22.4-62.4 61.6-68.4 136.4V422c8-4.8 16.8-7.6 26.8-7.6h95.6c28.4 0 51.6 22.8 51.6 51.2v.4c0 1.6.4 3.6 0 5.6v208c0 1.2-1.2 47.2-28 94.8-16.4 29.6-44 59.6-86.4 77.6 4.8 0 9.6.4 14.8.4 44.4 0 86.8-8.4 125.6-24V353.6c0-1.2-.4-3.6-.4-6.4 0-9.2 1.2-26 10.4-42 9.2-16.4 28.4-30.8 57.6-30.4zm58.8 44c2.8 9.2 4.8 20 4.4 32.4v281.2c0 5.2-.4 24-11.2 42.8-10.4 19.2-33.2 37.2-70.4 36.8h-51.6v104.8c112.8-55.2 190-170.8 190-304 .4-72-22.4-138.8-61.2-194", "fill": originColor ? "#e30016" : "currentColor" }), h("path", { "d": "M213.2 400.8c-6.4-12.4-8.4-24.8-9.2-34-20.8 43.6-32 92.4-32 144 0 51.2 11.6 99.6 32 143.2v-95.6c0-8 .8-25.6 9.6-43.2 8.4-17.6 27.6-34.4 57.2-34h11.6v-46.8h-11.6c-30 .4-49.2-16-57.6-33.6m129.6 112.4c-9.2-6.4-20.4-6.8-22.4-6.8h-13.6v274.4c17.2 12.8 35.6 24 54.8 33.6V559.6c0-28.8-9.6-40-18.8-46.4m209.6 261.6c25.6-35.6 32.4-76.4 34-92 .4-4.4.4-6.8.4-6.8v-74c-8 4.8-16.8 7.6-26.8 7.6h-95.6c-28 0-50.8-22.4-51.6-50.4V347.6c6-80.4 39.2-129.2 79.2-155.6 13.2-8.8 26.4-14.8 40-19.6-6.4-.4-13.2-.8-20-.8-44 .4-86.4 8.8-125.2 24.4v161.2c.4 34.4-13.6 56-29.6 66.4s-31.6 11.2-36 11.2h-14v46.8h13.6c4.8 0 20.4.4 36.4 11.2 16 10.4 30 32.4 29.6 66.8v266c15.2 6 30.8 10.8 46.8 14.8 61.2-7.2 96.4-35.2 118.8-65.6M228.8 323.2V358c0 6 .8 20.4 6.8 31.6 6.4 11.2 14 19.6 35.2 20h11.6v-148C262 280 244 300.8 228.8 323.2m91.6 86.4c2.4 0 13.2-.4 22.4-6.8s18.4-17.6 18.8-45.6v-150c-19.2 9.6-37.6 20.8-54.8 33.6v168.8zm-84.8 116.8c-6 11.6-6.8 26-6.8 32V698c15.2 22.8 33.2 43.6 53.2 62V506.4h-11.6c-20.8.4-28.8 8.8-34.8 20", "fill": originColor ? "#ec6519" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMasrcb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMasrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankMasrcb.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMasrcb = defineComponent({
+  name: "BankMasrcb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "M405.6 456 332 636h148zm42-112L424 404.8 513.6 632H664L547.2 344z", "fill": originColor ? "#0086cc" : "currentColor" }), h("path", { "d": "m636 344-24 60.8L702 632h150L735.2 344z", "fill": originColor ? "#94bf0b" : "currentColor" }), h("path", { "d": "M698.8 672c-46.8 59.2-119.2 96.8-200 96.8-141.2 0-255.6-114.4-255.6-256.8 0-141.6 114.4-256.4 255.6-256.4 57.6 0 110.4 18.8 153.2 50.4h100.8a325.4 325.4 0 0 0-254.4-122C318.4 184 172 331.2 172 511.6 172 693.2 318.4 840 498.4 840c122.4 0 229.2-68 285.6-168z", "fill": originColor ? "#050f37" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMaybank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMaybank: DefineComponent<IconProps>;

package/packages/vue/icons/BankMaybank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMaybank = defineComponent({
+  name: "BankMaybank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "M824.8 511.6c0 172-140 311.6-312.8 311.6S199.2 683.6 199.2 511.6 339.2 200 512 200s312.8 139.6 312.8 311.6", "fill": originColor ? "#f8c213" : "currentColor" }), h("path", { "d": "M512 823.2c172.8 0 312.8-139.6 312.8-311.6S684.8 200 512 200 199.2 339.6 199.2 511.6s140 311.6 312.8 311.6m0-650c187.6 0 340 151.6 340 338.8S699.6 850.8 512 850.8s-340-152-340-339.2c0-186.8 152.4-338.4 340-338.4M376 500.4c-24-6-45.2 22-57.2 43.2 4.4-29.2 40-76.4 57.2-43.2m-54.8-1.2c8.4-28.8 27.6-39.2 38-30.8-14 4.8-24.4 13.2-38 30.8m63.6 46c-8.8-25.2-44.8 3.6-57.2 19.2 3.2-28 34.4-53.6 49.2-50 19.2 4.8 20.4 20.4 8 30.8m194.4 73.6c2-36.4-33.2-53.6-40-90.8s55.2-97.2 16-158.4c73.6 59.6 16 94.8 53.2 144.4-14.4-4.4-28.8-17.2-32.8-24-20.8 27.2 50.8 64.8 3.6 128.8M458.4 323.6c8.8 0 24 6 17.6 13.2-20.4 19.2-48.4 11.6-70.4 30.8 9.2-24.4 49.2-27.6 52.8-44M433.2 404c4.8 0 9.2-11.6 18.8-16.8-9.2.4-14.4 0-17.6 0 5.2 12.8-3.6 17.2-7.2 8 .8 5.2 3.2 8.8 6 8.8m91.6-53.2c-7.2 8-40.4 19.2-50 30.4 36.4-.8-5.6 18.4-18 61.6-5.2 19.2-48.8 13.2-55.2 3.2 10.8 2.4 45.2-5.2 58.4-50.8.4-1.2-.8-1.6-1.6-.4-16.8 18.4-29.2 21.6-36.4 16.8-7.6 6.4-11.2 10.8-18 23.2-12.4-11.2-6.8-20.8 5.2-32 1.6-1.6-.4-3.6-2.4-4.8-10.8-4.8-13.2-19.6-2-25.6-3.2 10 7.6 15.2 16.8 7.2 9.6-8.8 24.8 4 44.4-3.6 2-30.8 61.2-34.4 24.4-52.4 35.2 4.4 43.2 17.6 34.4 27.2m20.8-22.4c-3.2-9.6 6.4-35.6 13.2-31.6 15.6 8.4 26 45.6 24 64.4-11.6-13.6-19.6-21.2-37.2-32.8M262 476.4c11.2-29.6 39.2-65.2 84.4-92 10.4-26.4 6.8-44.8 116.4-86.8 2.8-16 2-35.2 6.8-35.2s20.8 7.2 32.4 23.6c4.8-.4 9.2-1.2 12-1.6 2-9.2 8.4-35.2 17.2-48 8-12.4 23.2-13.6 42.8 2.4 20.4 16.4 34.8 23.2 62.8 58.8 23.6 10.4 60.4 24 92.4 62.8-14-9.2-29.6-12.4-42.4-14 26 22.8 43.2 60 30 114.4-5.2-51.2-42.8-72.4-66-88.4 12.4 43.2-42 28.4-58.4-4 5.6 1.6 11.2 1.6 14.4-.8C605.2 302 574 264 560 252.4c-17.6-14.4-27.2 20.8-33.6 47.2-2 8.8-9.6 15.2-19.2 14.8 2-3.2 4.8-11.6 5.2-14.4-27.6 2-58.4 18.4-77.6 26.8-48.4 21.6-60.4 32.4-71.2 68.8-38.8 16-83.2 60-101.6 80.8m240-7.6c5.2 6 37.2 53.6.4 114.4 10-44.4-18-130-48.8-86.4 21.2 9.2 28 26 22.4 42.4-8.8-16-30.4-32.8-52-26-10.8 3.6-25.2 3.6-36-12-14-20.4 9.6-45.2-30.4-43.2 48.4-24.4 34.4 22.8 57.6 28.4 27.2 6.4 30.4-10 39.6-20.8 7.6-8.8 21.2-15.6 36-6 6.8-20.8-3.2-54 16.4-71.2 7.2-6.4 30.4-5.6 42.4 4C532 392 512 412 502 468.8m-109.6 192c6-2.4 11.2-11.6 11.2-11.6s-11.2-2.4-19.2-7.6c-.8 8.8 5.6 17.2 8 19.2m48.4-52.8c-2.4 8.4-2 16.4-6 20.4 24-11.6 34-16.8 36-32.4.8-6-16-7.6-20-6.8 3.2 4 7.6 16.8 3.6 20-4.8 3.2-8.8-.8-13.6-1.2m-96-12.8c0 9.2 18.8 20.8 18.8 20.8s-4.8-18.8-3.6-32.4c-4 .4-13.2 6.8-15.2 11.6m-61.2-60.8c7.2-4.8 4.8-10.4 3.6-12.4-1.6-3.6-10.4-6-7.6-14 1.6-5.2 7.6-5.2 8.8-7.2.8-2-3.6-6-10.4-4-9.2 2.4-16.8 10.4-18.4 12.4 1.6 4.8 15.2 18.8 24 25.2m465.6-150c86.4 155.2 4 353.6-180.4 395.6 22-28.4 39.6-68.4 37.6-82-24 17.2-70.8 25.2-81.6 19.6 44-39.6 37.2-81.2 11.6-84.4s-55.6 36-53.2 89.6c-21.6-9.6-91.6 4-98-51.2-8-12-11.6-32.4-8.8-40.8 62.8 36 36-44.8 74-52.4-4-11.2-36-37.2-78.4 5.2-2 6.8-1.6 34.4 1.6 44.4-19.6-2.8-35.2-21.2-38.4-26-20.8-2-41.2-7.6-60.8-60-16.4-10.8-24.8-21.2-30.8-33.2.4-2.8 2.4-16 14.8-26.8 0 0-4.4 11.2-1.6 16 33.2-26.4 37.6-.8 54.8-4.4.4 20-20.4 33.6-19.2 53.2 12.4 32 20.4 35.2 44.4 38.8 28.8-14.4 52.8-46.8 88-47.2 28.4-.4 64.4 13.6 70.4 52.8 4 28-56.4 68.4-80 60.4-38.8 41.6 26.4 55.6 48 49.2 15.6-71.2 53.6-91.6 84-81.2 33.2 11.2 38 53.2 15.2 76.8 18.4-4.4 45.2-18.8 54.4-52.8 7.2 7.6 9.6 25.6 10 32 19.2-27.6 13.2-88.8-2.4-112 12.8.8 24.4 5.6 36.8 16.4 8.8-44.8-20.4-101.2-33.6-110.4 8.8-.8 21.2 0 38 8-4.4-26.8-28.4-44-28.4-64.8 9.6 19.2 61.6 24.4 58.8 94.8-6-5.6-19.2-11.6-25.6-12.4 18.4 45.6 17.2 90.4 7.6 122-4-6.4-10.4-14-16.4-16.4 6 25.2-1.6 94.4-19.2 122C758.8 643.2 678.8 521.6 730 472c-10.8 52.4 16 97.2 13.2 128 23.6-48.8 30.8-130.8 6-215.6", "fill": originColor ? "#231f20" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMega.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMega: DefineComponent<IconProps>;

package/packages/vue/icons/BankMega.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMega = defineComponent({
+  name: "BankMega",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "M172 512.8c0 126 69.2 236 172 294.4 46.8 26.4 100.4 42.4 158 43.6h.8c2.4 0 4.4.4 6.8.4h3.2c2.4 0 4.4 0 6.8-.4h.4c57.2-1.6 111.2-17.2 158-43.6 50-30.8 81.6-75.6 81.6-125.2v-.8c0-4.8-.4-10-.8-14.8-62 44-150 71.6-247.6 71.6s-185.6-27.2-247.6-71.6c-56.8-40-91.6-94-91.6-153.6", "fill": originColor ? "#885a12" : "currentColor" }), h("path", { "d": "M263.6 666.8C326.8 712 414 738 512 738V512c-130 0-236.8-68-248-154.4-.8-4.8-1.2-10-1.2-15.2 0-50 31.6-94.8 81.6-125.6C241.2 274.8 172 385.2 172 512c0 59.6 32.4 112.4 91.6 154.8", "fill": originColor ? "#c4a15f" : "currentColor" }), h("path", { "d": "M263.6 356.8c62-44 150-71.6 248-71.6v226.4c-130 0-236.8-68-248-154.8", "fill": originColor ? "#fefefe" : "currentColor" }), h("path", { "d": "M514.4 172h-7.2c-61.6 1.6-115.2 17.2-162 44-50 31.2-81.6 76-81.6 126v.4c0 4.8.4 10 1.2 14.8 62-44 150-71.6 247.6-71.6S698 313.2 760 357.2c56.4 40.4 91.2 94.8 91.2 154.8 0-126.8-69.2-237.6-172-295.6-46.8-27.2-100.8-42.8-158-44.4z", "fill": originColor ? "#885a12" : "currentColor" }), h("path", { "d": "M512.8 285.2v226.4c129.6 0 236 68 246.8 154.4.8 5.2.8 10 .8 15.2 0 49.6-31.2 94.8-81.2 125.6C781.6 748.4 850.8 638 850.8 511.6c0-59.6-34.4-114-91.2-154.4-61.6-44.4-149.2-72-246.8-72", "fill": originColor ? "#c4a15f" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMetrobank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMetrobank: DefineComponent<IconProps>;

package/packages/vue/icons/BankMetrobank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMetrobank = defineComponent({
+  name: "BankMetrobank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "m528 200 292.4 198.8c10.8 7.6 14 22.4 6.4 33.2-1.6 2.4-4 4.8-6.4 6.4L524.8 639.2c-8 5.6-18.8 5.6-26.8 0L202.8 438.4c-10.8-7.6-14-22.4-6.4-33.2 1.6-2.4 4-4.8 6.4-6.4L501.2 200c8-5.2 18.4-5.2 26.8 0M409.6 320.8 310 388h68zm73.6 0L437.6 388h45.6zm133.2 0 36.8 67.2h68zm-68.4 0V388h45.6zM409.6 516 378 448.8h-68zm73.6 0v-67.2h-45.6zm133.2 0 104.8-67.2h-68zm-68.4 0 45.6-67.2H548zm-352.8-7.6c0-4 1.2-8 3.6-11.2 6-9.2 18.8-11.6 27.6-5.2l286.8 193.6L800 492c3.2-2.4 7.2-3.6 11.2-3.6 11.2 0 20 8.8 20 20v291.2c0 15.6-12.4 28-28 28h-580c-15.6 0-28-12.4-28-28zm69.2 106v132.8c0 6.8 5.2 12 12 12h474c6.8 0 12-5.2 12-12V620c0-6.8-5.2-12-12-12-2.4 0-4.4.8-6.4 1.6L538.8 736.4c-15.6 9.6-35.6 9.6-51.2-.4L282.4 604c-5.6-3.6-12.8-2-16.4 3.6-1.2 2.4-1.6 4.8-1.6 6.8", "fill": originColor ? "#164aa2" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMizuho.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMizuho: DefineComponent<IconProps>;

package/packages/vue/icons/BankMizuho.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMizuho = defineComponent({
+  name: "BankMizuho",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M956 636c-121.6-84.4-403.2-78-556.8-62.8-110 11.2-214.8 27.2-327.2 50 120.8-10.8 240.4-16 360.4-18.8 180.8-4.4 344 9.2 523.6 31.6", "fill": originColor ? "#f30031" : "currentColor" }), h("path", { "d": "M752 466.8c0 40 31.2 69.2 74.4 69.2 48.4 0 77.6-27.6 77.6-76.4S858.4 396 826.8 396c-42.8 0-74.8 24.4-74.8 70.8m76-50.8c22 0 40 21.6 40 48s-18 48-40 48-40-21.6-40-48 18-48 40-48m-574.8-2-50.8 122h-9.6l-50.4-116.4-10 84.4c-2 16.8-2.4 28-10 32H104l18-133.2c.8-2.8-3.2-12.4-8.4-18.8h56.8l31.6 82.8 32.8-82.8H284l8 152h-36.4c0-38.4-2.4-83.6-2.4-122M644 396v76.4h50.4V536H732V396h-50.4c8.4 4.8 12.4 11.2 12.4 25.6v38h-50zm-264 32 18.8-12.8 46 .8L380 536h120v-12.8l-70.4-.4L500 396H380zm264 44.4V396h-50.4c9.2 5.2 12.8 11.2 12.8 25.6v95.2h-31.6c-14.4 0-18.8-4.4-18.8-19.2V396h-52c7.6 4 12.4 10.4 13.6 19.2V504c0 35.2 27.6 31.6 63.2 31.6H644zm-323.2-50.8V536H360V396h-52c7.6 6 12.8 11.2 12.8 25.6", "fill": originColor ? "#271975" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMs.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMs: DefineComponent<IconProps>;

package/packages/vue/icons/BankMs.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMs = defineComponent({
+  name: "BankMs",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "m436 428 60 56v-56zm24 8h28v28z", "fill": originColor ? "#0075bf" : "currentColor" }), h("path", { "d": "M559.6 510.8c13.2 6 28 12.4 28 33.6 0 18.8-12.4 31.6-30.8 31.6-18.8 0-32.8-12-36.8-31.6v-.4l11.6-2.8v.4c2.4 11.6 11.2 24.4 25.2 24.4 10.8 0 18.8-8.8 18.8-20 0-14.4-11.2-19.2-22.8-24-13.2-5.6-26.8-11.2-26.8-30.8 0-18 12.4-30.4 29.6-30.4 15.6 0 27.2 10.8 32 29.2v.4l-10.8 3.6v-.4c-4-13.6-9.2-22.4-22-22.4-9.6 0-17.2 8-17.2 18.8.4 11.2 10.8 16 22 20.8M640 504h-18.8v50.4c0 4.4 0 8 2 10 1.6 1.2 3.6 2 7.2 2s6.4-.4 9.2-.8h.4v8.8h-.4c-4.8 1.6-8.4 2.4-12 2.4-6.8 0-11.2-1.6-14.4-4.4-4.4-4.4-4.8-11.6-4.8-19.2V504H596v-10h12.8v-26h12.4v25.6H640zm27.2 56.8c10.8 0 19.2-8.8 22.4-12.8v-22.4c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 7.6-27.6 20.4 0 6 4.8 12.8 12 12.8m36.8 8.4v.4h-13.2s-.8-8.4-1.2-9.6c-6 6-13.6 12-23.2 12-12.4 0-22.8-10.4-22.8-22.8 0-21.6 21.6-27.2 38.8-31.6l3.2-.8s2.8-.8 3.6-.8v-4c0-8.4-5.6-13.6-14.8-13.6-7.6 0-13.6 4-19.6 12.4v.4l-8.4-6.4v-.4c7.6-10.8 16.8-16 28-16 10.8 0 27.2 6.8 27.2 24.8v41.6c0 4.8.4 9.6 2.4 14.4m52-77.2c13.2 0 20 8.8 20 26.4V572h-11.6v-53.2c0-5.6 0-11.6-3.2-14.8-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 6.8-19.2 11.6V572H724v-77.6h11.6v7.6c6-5.2 12-10 20.4-10m55.6-28 .4 112h-12V464zm67.6 58v-.4c0-6.4-2-14.4-6.8-19.6-2.8-2.8-6-4.4-9.6-4.4-11.6 0-18 12.4-18 24h34.4zm4.4 26.4 8.4 5.6v.4c-4.4 10.8-15.6 18-28.4 18-20 0-31.6-15.2-31.6-42s11.6-42 31.6-42c7.6 0 13.6 2.8 18.4 7.6 6 6.8 9.6 18 9.6 30.4 0 2 0 3.6-.4 5.6v.4h-46.8c0 19.2 7.2 29.6 20.4 29.6 10 0 16.8-10.4 18.8-13.6m76-56.4h.4l-26.4 83.2c-3.6 11.6-10 24.8-27.6 24.8-3.2 0-5.6-.8-8.8-1.6h-.4l2-10h.4c2 .8 4 1.2 6.4 1.2 10.8 0 14.8-9.2 17.6-18.8 0-.4-27.2-78.8-27.2-78.8h12s20.8 60 21.2 61.6c.4-1.6 19.6-61.6 19.6-61.6z", "fill": originColor ? "#a6a7a7" : "currentColor" }), h("path", { "d": "m147.6 460 .4 112h-11.6V472c-.8 2.4-25.6 100-25.6 100h-9.6s-24.8-97.6-25.6-100v100H64V460h18.8s22.8 90.8 23.2 91.6c0-.8 22.8-91.6 22.8-91.6zM200 565.6c17.6 0 20-20.8 20-33.6 0-12.4-2.8-33.6-20-33.6-17.6 0-20 20.8-20 33.6 0 12.4 2.4 33.6 20 33.6m0-77.6c20.4 0 32 16 32 44s-11.6 44-32 44-32-16-32-44 11.6-44 32-44m87.6 4 .4 10.8h-.4c-13.6-2-20.4 13.2-24.4 24.8V572H252v-78.8h11.2v16.4c4-9.2 9.6-17.6 20.4-17.6zm103.6 72.4c10.8 0 19.2-9.2 22.4-13.2v-23.6c-1.2.4-6.8 2-6.8 2-10.8 3.2-27.6 8-27.6 21.6 0 6 4.8 13.2 12 13.2m36.8 8.8v.4h-13.2s-.8-8.8-1.2-10c-6 6-13.6 12.4-23.2 12.4-12.4 0-22.8-10.8-22.8-24 0-22.4 21.6-28.4 38.8-33.2l3.2-.8s2.8-.8 3.6-.8v-4.4c0-8.8-5.6-14-14.8-14-7.6 0-13.6 4-19.6 12.8v.4l-8.4-6.4v-.4c7.6-11.2 16.8-16.8 28-16.8 10.8 0 27.2 6.8 27.2 26V558c0 4.8.4 10.4 2.4 15.2m48-85.2c13.2 0 20 9.2 20 27.6V572h-11.6v-55.6c0-5.6 0-12-3.2-15.6-1.6-1.6-3.6-2.4-6.8-2.4-6.8 0-15.2 7.2-19.2 12V572H444v-81.6h11.6v8c6-5.2 12-10.4 20.4-10.4m-153.6 47.6c10 0 16.4-7.2 16.4-18.8 0-8.8-4-19.2-15.2-19.2-10.4 0-16 10-16 19.2-.4 9.2 4.8 18.8 14.8 18.8m-6 31.6c-6.4 1.2-13.6 5.2-13.6 12 0 11.2 16.4 11.2 21.6 11.2 7.6 0 20.4-1.6 20.4-12.4 0-6-5.6-9.2-17.2-10zm39.6-68.8h-4c-2.8 0-4.8 0-7.6 1.6 2.8 4.4 4.4 10 4.4 16.8v.4c0 7.6-2.4 14.4-7.2 19.6s-11.2 8-18 8c-4 0-7.6-.8-12-2.4-.4 0-1.2.8-1.2.8-2.4 2-4.8 4-4.8 7.2 0 3.6 6.4 4 14.8 4.8 14.4 1.6 34.4 3.2 34.4 23.2 0 14-10.8 21.2-31.6 21.2-28.8 0-32-14.4-32-20.4 0-8.4 6.8-13.2 12.4-15.6-4-2-8.8-5.2-8.8-11.2 0-5.2 2.4-8 5.6-10.8 1.2-1.2 2.4-2.4 3.6-4-5.6-7.2-8-12-8-21.2 0-16.4 11.2-28 26.4-28 6 0 11.2 2 16 5.6 4.8-4 10.4-6.8 16.8-6v10.4z", "fill": originColor ? "#231916" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMsbank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMsbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankMsbank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMsbank = defineComponent({
+  name: "BankMsbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "-11.81 -29.26 170.18 170.18", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M50.57 60.17C10.55 37.85 5.16 0 5.16 0-.35 10-4.59 40.27 9.68 62.42 26.86 89.09 57 94.15 57 94.15c-8.74.28-38.14-.56-38.14-.56 7.14 6.66 28.82 17.83 28.82 17.83 78.43-2 99-40.95 99-40.95-16.73 6.85-54.57 12.83-96.08-10.3m75.4-42.9c9.12 27.52-8.22 47.56-35.81 52.16 57.56 13.71 57.74-37.3 35.81-52.16", "fill": originColor ? "#0086d1" : "currentColor" }), h("path", { "d": "M74.7 7.42s-3.11 12.26-21.34 15.47c0 0 24.53 1.71 35.66 22.81 0 0-1.19-15.74 11.14-23.13 0 0-18-6.11-25.46-15.15", "fill": originColor ? "#c3950e" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMtbank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMtbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankMtbank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMtbank = defineComponent({
+  name: "BankMtbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m342.372 712.048 32.592 84.848 31.776-84.848h48.796L467 860h-33.008l-8.508-106.924L389.424 860h-29.732l-34.056-98.96-8.508 98.96H284l13.608-147.952h44.76zm245.064 0v19.288h-44.92V860h-34.24V731.336h-45.78v-19.288zM704 712a32 32 0 0 1 32 32v13.58a32 32 0 0 1-17.288 28.424A31.98 31.98 0 0 1 736 814.42V828a32 32 0 0 1-32 32H599.116V747.608h34.032v17.24h.016v34.812h-.016v34.48h50.832a17.24 17.24 0 1 0 0-34.48h-33.796v-34.812h33.8a17.24 17.24 0 1 0 0-34.48h-84.872V712zM315.392 265.92c-29.544 124.928 19.696 240 131.312 292.6 13.132 3.288 22.98 9.864 36.108 13.152 13.132 3.288 22.98 6.576 36.112 6.576 13.132 3.288 22.98 3.288 36.112 3.288 72.22 0 141.16-36.168 196.964-95.344-36.112 92.056-111.612 141.368-193.68 154.52C545.188 644 535.336 644 522.208 644c-13.132 0-22.98-3.288-36.112-3.288-29.544-3.288-59.088-13.152-85.352-29.588-74.748-42.312-120.54-116.848-124.632-198.084l-.112-2.464v-16.44c0-42.74 16.412-88.768 39.392-128.22zm239.64 62.464 36.112 108.492-108.332 34.272-36.108-106.6 108.332-36.164zm0-164.384c26.264 0 55.808 6.576 82.072 23.012 121.46 72.332 98.48 220.276 52.52 269.592 29.548-115.068-42.672-207.124-134.588-226.852-12.312-3.08-21.736-3.272-33.688-3.284H516.5c-11.952.012-21.376.2-33.688 3.284-36.108 6.576-75.5 29.592-108.328 65.756 9.848-36.164 52.52-88.768 108.328-115.068 13.132-6.576 22.98-9.864 36.112-13.152S541.904 164 555.036 164z", "fill": originColor ? "#ed1c24" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMufg.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMufg: DefineComponent<IconProps>;

package/packages/vue/icons/BankMufg.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMufg = defineComponent({
+  name: "BankMufg",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("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" }), h("path", { "d": "M620 510c0 58.4-47.6 106-106 106s-106-47.6-106-106 47.6-106 106-106 106 47.6 106 106M512 731.6c122 0 221.2-98.4 221.2-219.6S634.4 292.4 512 292.4 290.8 390.8 290.8 512 390 731.6 512 731.6M618 260c140 0 254 112.8 254 252S758.4 764 618 764c-38 0-74-8.4-106-23.2-32.4 14.8-68.4 23.2-106 23.2-140 0-254-112.8-254-252s113.6-252 254-252c38 0 74 8.4 106 23.2 32.4-14.8 68.4-23.2 106-23.2", "fill": originColor ? "#e50113" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMybank.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMybank: DefineComponent<IconProps>;

package/packages/vue/icons/BankMybank.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+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 BankMybank = defineComponent({
+  name: "BankMybank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": "none", "viewBox": "-2.452 -1.866 64.434 64.434", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M7.555 54.67a5.55 5.55 0 0 1-3.926-1.626A5.57 5.57 0 0 1 2 49.117V11.563c0-1.476.585-2.891 1.627-3.934A5.55 5.55 0 0 1 7.555 6h7.48a6.9 6.9 0 0 1 3.997 1.268l11.394 9.362-9.647 8.17a2.3 2.3 0 0 1-3.026 0l-2.849-2.505a2.302 2.302 0 0 0-3.583 1.268 2.3 2.3 0 0 0-.082.609c-.002.596.2 1.174.573 1.639l10.806 14.314A7.8 7.8 0 0 1 24.2 44.88v7.022a2.78 2.78 0 0 1-1.713 2.569c-.337.14-.698.212-1.062.212H7.554", "fill": originColor ? "#1677ff" : "currentColor" }), h("path", { "d": "M33.917 34.136c-.633.539-1.392 1.065-2.459 1.065a3.88 3.88 0 0 1-2.532-1.065l-8.77-7.418a4.3 4.3 0 0 0 1.984-.98l1.266-1.148L43.742 7.788A6.9 6.9 0 0 1 48.395 6h3.586a5.55 5.55 0 0 1 3.928 1.63 5.57 5.57 0 0 1 1.627 3.934v37.552h-.023a5.57 5.57 0 0 1-1.625 3.932 5.55 5.55 0 0 1-3.926 1.628H38.098a2.77 2.77 0 0 1-2.567-1.715c-.14-.338-.212-.7-.212-1.065V44.34a7.84 7.84 0 0 1 1.498-4.622l8.498-9.33a2.313 2.313 0 0 0-1.466-3.902 2.3 2.3 0 0 0-1.62.481h.016z", "fill": originColor ? "#00b6ff" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankMyccb.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from "vue";
+
+export interface IconProps {
+  size?: number | string;
+  color?: string;
+  originColor?: boolean;
+  button?: boolean;
+  background?: boolean;
+}
+export declare const BankMyccb: DefineComponent<IconProps>;