@nstc-design/icons 0.1.1 → 0.2.1

package/packages/vue/icons/BankWhccb.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 BankWhccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWhccb.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 BankWhccb = defineComponent({
+  name: "BankWhccb",
+  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": "M594.8 289.2c-14.8-2.4-30-4-45.2-5.2-16.8 16.8-36.4 36-56.4 55.6-108.4 107.2-112 111.2-113.2 112.8-24.4 29.2-24.4 67.6-12.4 90 11.2 20.8 29.6 34.4 50.8 38.4 25.6 4.8 53.6-3.6 76.8-23.2 3.2-2.4 10.4-10.4 28.4-30 13.2-14 32.8-35.2 36.4-38.4 8.8-7.2 18-12 26.4-14 19.2-4.8 35.6 3.6 44.4 22.4 10.4 21.2-2.4 42.4-14.8 56-6.4 7.2-101.2 100.4-179.2 177.2q22.2 3.6 45.6 4.8c61.2-60.4 152.4-150 159.6-158 28-30.8 35.6-64.8 20.8-95.6-16-33.6-49.2-50-84.4-41.2-13.2 3.2-26.8 10.4-40 20.8-4.4 3.6-15.6 15.2-40 41.6-10.4 10.8-22.8 24.4-25.6 26.8-15.2 12.4-32.8 18.4-47.6 15.6-11.2-2-20.4-9.2-26.8-20.8-5.6-10-6.4-32 8.4-50 7.6-8 128-126.8 188-185.6", "fill": originColor ? "#b4b4b3" : "currentColor" }), h("path", { "d": "M631.6 296.8c128.4 32 220 115.2 220 212.4 0 122.4-144.4 222-325.2 226.4 60-58.8 132-129.6 138.8-137.2 36.8-40.4 46.4-88 26-130.4-22.4-46.8-70.8-70-120-58.4-18 4.4-35.6 13.2-52.4 26.8-6 4.8-15.2 14.4-43.6 44.8-8.4 8.8-30.8 32.4-31.6 33.2-2 1.6-4.8 2.8-7.6 2.8-6.4 0-11.6-5.2-11.6-12 0-3.2 1.2-6 3.2-8 .8-.4 146.8-144.4 204-200.4m-30.8 228.4S475.2 648 398 723.2C266.4 691.6 172 608.4 172 510c0-123.2 148.4-223.2 333.2-226-11.2 10.8-23.2 22.4-34.8 34C359.2 426 356 429.6 353.6 432.8c-35.2 42-32.8 94.4-15.6 125.2 16 28.8 42 48 73.2 54 35.2 6.4 72.8-4.4 103.6-30 4.4-3.6 10-9.2 31.6-32.4 11.2-11.6 38.8-40 39.2-40.4 2-2.8 5.2-4.8 9.2-4.8 6 0 11.2 4.8 11.2 11.2-.4 4-2.4 7.6-5.2 9.6", "fill": originColor ? "#0068b6" : "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/BankWhrcb.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 BankWhrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWhrcb.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 BankWhrcb = defineComponent({
+  name: "BankWhrcb",
+  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": "M428 516c.8-23.2-.8-48.4-5.2-70-10-5.2-20.4-10.8-30.8-16.4-25.2-14-50.8-28-75.6-33.6-14 24.4-24 52-28.4 81.2 50 11.6 97.2 36.4 136.4 74.8 2-10 2.8-22.4 3.6-36m-28 62.4c-14-12-29.2-22.4-45.6-32C332.8 534 309.6 524 284 516c.4 44 13.6 85.2 35.6 120 12.8-14 27.2-26.4 42.8-36.8 12-8 24.4-15.2 37.6-20.8m-11.2-201.6q10.2-9 20.4-15.6c29.2-18.8 64-28.8 99.2-29.6s70.4 7.6 100.8 25.6c8 4.8 16 10 23.2 16.4 3.2 2.8 6.4 5.6 9.2 8.4 14.8-8.8 28.4-16.4 42.4-22.4-42.4-46.4-103.6-75.6-171.2-75.6-70.8 0-134.4 31.6-176.8 81.2 15.6 4.8 30.4 11.2 45.2 18.8 2.4-2.4 5.2-4.8 7.6-7.2m216.8 70.4c-4.4 21.2-6 46.4-5.6 69.6.4 13.2 1.2 25.2 2.8 34.8 36.4-37.2 83.6-60.8 136.8-72.8-4.8-31.6-16.4-61.2-32.8-87.2-15.6 5.2-33.2 15.6-52.4 27.2-14.4 10-30.8 19.6-48.8 28.4M510.8 592c-64.4.4-128.8 24-170.8 73.2 11.6 12.8 24.8 24.8 38.8 34.8 4.8-5.2 10-10 15.2-14.4 32.4-26.8 74.4-40 116-40.4s83.6 12.4 116.8 38.4c6.4 4.8 12.4 10.4 17.6 16.4 14.4-10 27.6-22 39.2-35.2-42.4-49.6-107.6-73.2-172.8-72.8", "fill": originColor ? "#d40019" : "currentColor" }), h("path", { "d": "M512 172c-187.2 0-340 152.8-340 340s152.8 340 340 340 340-152.8 340-340-152.8-340-340-340m2 612c-148.8 0-270-121.2-270-270s121.2-270 270-270 270 121.2 270 270-121.2 270-270 270", "fill": originColor ? "#d40019" : "currentColor" }), h("path", { "d": "M672 547.2c-16 9.2-30.4 19.6-44 30.8 12.8 5.6 24.8 12.4 36.4 20 16.4 10.8 31.2 23.6 44.8 38 21.6-34.8 34.4-76 34.8-120q-39 12-72 31.2M510.8 684c-33.6.4-66.8 10.8-92.4 31.6-2 1.6-4.4 3.6-6.4 5.6 30.4 14.4 64 22.8 100 22.8s69.6-8 100-22.8c-2.8-2.4-5.2-4.8-8-7.2-26-20-59.6-30.4-93.2-30m72-270.4c8.8-4 17.2-8.4 25.2-12.8-5.6-4.8-11.6-8.8-18-12.4-24-14-52.4-20.8-80.8-20.4-28 .4-56 8.4-79.2 23.6-5.2 3.2-9.6 6.8-14 10.4 9.6 4.8 18.8 10 28.8 14.4 2.8 1.2-12-5.2 0 0-.4 0 0 0 0 0 .8.4.8.4.4.4 10.4 4.8 20.4 8.8 30.4 11.6 9.6 2.8 19.2 4 28.8 4 14 0 27.2-2 39.6-5.2 12.8-3.2 24.8-7.6 36-12.4 1.6-.8 2-1.2 2.8-1.2M460 556c16.8-3.2 34-4.8 51.2-5.2 17.6 0 35.6 1.6 52.8 4.8-2-12.4-3.6-26.4-4-41.2-.4-17.6.4-36.8 2.4-54.8-18.8 5.6-31.6 9.2-51.2 9.2-12 0-38-5.6-49.6-9.2 2 18 2.8 38.8 2 56 0 14.8-1.6 28.4-3.6 40.4", "fill": originColor ? "#d40019" : "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/BankWhyzrcb.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 BankWhyzrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWhyzrcb.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 BankWhyzrcb = defineComponent({
+  name: "BankWhyzrcb",
+  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": "m166 620 122.8-208.8L292 620zM56 408h79.6L56 547.2z", "fill": originColor ? "#003e85" : "currentColor" }), h("path", { "d": "M178.8 408h56.8L112.8 620H56zm81.6 0h28.4v3.2L166 620h-28.4zm62.8 117.2v66.4H380c34.4 0 40.8-25.2 37.6-34.8 0-6.4-9.6-31.6-40.8-31.6zM288.8 620V408h97.6c34.4 0 66 22 66 56.8-3.2 22-22 38-37.6 47.6 22 3.2 44 22 44 47.6-3.2 38-25.2 60-69.2 60zm34.4-183.6v63.2h53.6c31.6 0 37.6-22 34.4-34.8 0-16-12.4-28.4-34.4-28.4zm182.4 104.4H578l-34.4-101.2h-3.2zm85.2 28.4h-94.4L477.6 620H446l78.8-212H572l75.6 212h-40.8zm204.4-6V408h28.4v212h-34.4L682.4 455.6V620H654V408h44zm132-155.2H968L867.2 515.6 968 620h-37.6L823.6 515.6z", "fill": originColor ? "#e3671d" : "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/BankWjrcb.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 BankWjrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWjrcb.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 BankWjrcb = defineComponent({
+  name: "BankWjrcb",
+  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": "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" }), h("path", { "d": "M850.677 529.93C840.317 707.237 692.097 848.685 512 848.685S183.682 707.237 173.323 529.93h152.205c11.157 0 21.915 4.781 29.485 13.149l62.556 68.532c2.789 3.187 7.969 3.586 11.156.398l.399-.398 77.298-76.501c3.187-3.188 7.969-3.188 11.156 0l81.283 76.9c3.187 3.187 7.969 2.788 11.156-.4l68.532-70.125c7.57-7.57 17.93-11.953 28.688-11.953h143.44zm0-39.844H702.456c-10.758 0-21.117-4.383-28.688-12.352l-153.002-158.98c-4.383-4.78-11.954-4.78-16.735-.398-.398 0-.398.399-.398.797L361.787 476.937c-7.57 8.367-18.329 13.149-29.485 13.149H173.323C184.081 312.778 331.903 171.33 512 171.33s327.92 141.447 338.677 318.755", "fill": originColor ? "#ec1d24" : "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/BankWoori.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 BankWoori: DefineComponent<IconProps>;

package/packages/vue/icons/BankWoori.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 BankWoori = defineComponent({
+  name: "BankWoori",
+  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": "M818.8 658.8c-81.6-22-189.6-35.2-308-35.2-117.2 0-224.4 13.2-305.6 34.8C259.6 772.8 376.8 852 512 852s252-78.8 306.8-193.2", "fill": originColor ? "#1273b8" : "currentColor" }), h("path", { "d": "M510.8 623.6c118.4 0 226.4 13.2 308 35.2C840 614.4 852 564.8 852 512c0-187.6-152.4-340-340-340S172 324.4 172 512c0 52.4 12 102 33.2 146.4 81.2-21.6 188-34.8 305.6-34.8", "fill": originColor ? "#009cdb" : "currentColor" }), h("path", { "d": "M512 626.4c118.4 0 226.4 13.2 308 35.2 3.6-7.2 6.8-14.8 9.6-22C774.4 554.8 652.8 496 512 496c-139.6 0-260 57.6-316 140.8 3.2 8 6.4 16 10.4 24 81.2-21.6 188.4-34.4 305.6-34.4", "fill": originColor ? "#f9fdfe" : "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/BankWxrcb.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 BankWxrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWxrcb.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 BankWxrcb = defineComponent({
+  name: "BankWxrcb",
+  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": "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" }), h("path", { "d": "M215.16 665.4c-19.524-27.093-29.884-57.774-35.86-89.649C142.244 384.1 279.707 205.597 475.742 185.276c160.174-16.734 325.926 84.072 366.17 252.613 44.625 185.675-84.87 372.147-275.325 396.452-70.126 9.164-135.073-4.781-196.034-38.65-92.04-51.398-137.464-149.416-119.135-252.612 9.563-52.595 25.899-100.807 65.345-139.456 56.18-55.383 174.12-73.313 241.855-11.555 1.195.797 2.39 1.196 4.383 1.196-14.344-19.125-33.47-31.477-56.18-39.446-31.478-10.758-41.837-35.063-26.298-64.15 11.555 27.892 37.055 36.259 59.368 49.009 40.641 22.711 53.391 47.415 47.813 94.033-23.906-20.32-51.399-26.298-80.087-29.087C435.1 397.248 374.537 443.468 366.568 512c-5.977 51.4 31.876 109.174 88.455 133.479 78.891 34.266 177.705-5.977 219.144-89.252 56.977-115.947-25.102-266.559-155.393-282.098-112.362-13.547-196.433 36.259-257.395 126.307-53.391 78.493-63.353 166.55-47.016 258.988 0 1.594.398 3.586.797 5.977m241.058-138.26c0-13.546-.399-27.093 0-41.039.398-19.524 11.156-31.078 30.282-31.477q43.629-.597 87.259 0c17.133.399 29.086 11.953 29.086 29.087.797 29.484.797 58.97 0 88.852-.398 16.735-11.156 28.29-27.89 28.688q-46.021 1.196-92.041 0c-15.54-.398-25.9-11.953-26.696-27.89-.399-15.54.398-30.68 0-46.22", "fill": originColor ? "#d31219" : "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/BankWzbank.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 BankWzbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankWzbank.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 BankWzbank = defineComponent({
+  name: "BankWzbank",
+  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": "m602.22 208-41 55.616-199.132 257.592 120.068 93.668 84.924-108.304H816L713.504 641.22l-55.64 70.252c-2.928 2.928-23.428 26.344-29.288 32.2-8.784 5.852-17.568 14.636-26.356 20.488-14.64 11.708-29.28 17.56-43.924 26.344-105.428 49.76-240.136 26.344-322.132-67.32-87.856-102.456-90.784-242.96-8.788-348.336L353.3 208zM856 284 688 500l-72-56.22L739 284zm-156 0L593.772 424 520 368.584 587.868 284z", "fill": originColor ? "#f9b71f" : "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/BankWzmsb.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 BankWzmsb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWzmsb.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 BankWzmsb = defineComponent({
+  name: "BankWzmsb",
+  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": "165.16 165.16 693.68 693.68", "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": "M21.333 512a490.667 490.667 0 1 0 981.334 0 490.667 490.667 0 1 0-981.334 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M569.216 668.587v130.858c0 9.515-2.39 11.094-11.093 11.094h-92.8c-8.747 0-11.094-2.347-11.094-11.862V667.82c-10.325-.854-19.84-2.39-29.354-3.2l-38.827-4.736c-8.747-.811-10.368 0-12.715 9.514-8.746 45.227-20.65 89.6-37.29 132.438-2.39 5.546-5.547 8.704-11.904 8.704H221.867c-7.936 0-10.283-3.968-7.126-11.862 15.872-36.48 27.734-74.581 36.48-114.218 6.358-28.587 10.326-57.899 14.294-87.254 2.346-19.029 3.157-38.826 4.736-58.709.81-8.704 4.778-11.093 13.482-9.515 22.187 5.547 45.227 11.947 67.414 16.64 27.733 4.779 55.509 9.558 83.285 11.947 38.827 2.347 77.739 3.157 115.797 2.347a588 588 0 0 0 105.472-11.094c28.587-6.357 56.32-12.672 84.907-19.029 9.472-2.39 13.44 0 14.25 10.325 3.158 57.899 10.326 115.798 25.387 172.075 7.936 28.587 18.219 55.552 28.544 83.285 3.968 11.947 2.39 15.062-10.325 15.062h-94.379c-7.936 0-12.672-2.347-15.872-10.283a796 796 0 0 1-36.48-135.637c-.768-5.547-4.736-4.736-7.936-4.736l-43.605 4.736c-10.325 2.389-20.608 2.389-30.933 3.968z", "fill": originColor ? "#0a69b8" : "currentColor" }), h("path", { "d": "M454.997 356.096c0-3.968.811-7.125.811-10.325V225.28c0-10.325.768-11.093 11.093-11.093h91.222c11.093 0 11.904.768 11.904 11.861v130.901c11.093.768 22.186 2.347 34.09 3.158 13.483 1.578 26.966 3.157 39.68 4.736 4.736.853 7.126 0 8.704-6.315 7.936-46.805 20.608-92.032 37.291-136.448 1.579-3.157 6.315-5.547 9.515-7.893 1.578-.811 3.968-.811 5.546-.811h96.768c7.936 0 10.283 3.157 7.126 10.325-4.779 13.483-10.326 26.966-15.062 40.448-12.714 34.091-21.418 69.803-27.733 106.24-7.168 37.291-10.368 75.392-11.947 113.451 0 7.125-4.736 11.093-12.672 8.704-15.061-3.968-30.933-7.936-45.994-11.904a658.5 658.5 0 0 0-97.579-15.83 839.5 839.5 0 0 0-141.184-2.389 1048 1048 0 0 0-87.21 10.326c-29.355 5.546-57.9 13.482-86.443 20.608-7.168 1.578-11.947-2.39-12.715-11.094a777 777 0 0 0-3.157-42.837c-3.968-40.448-9.515-80.896-20.651-119.765-8.704-31.744-20.608-62.678-30.933-93.611-3.158-8.704-1.579-11.861 7.936-11.861h100.01c5.547 0 9.515 2.346 11.094 7.893 15.061 39.68 26.965 80.128 34.901 121.387.768 4.736 2.347 9.514 2.347 14.25 0 6.358 3.2 7.126 8.746 6.358 15.062-1.579 29.355-3.968 44.374-5.547 9.557-.81 19.882-1.579 30.165-2.39z", "fill": originColor ? "#87c793" : "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/BankXabank.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 BankXabank: DefineComponent<IconProps>;

package/packages/vue/icons/BankXabank.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 BankXabank = defineComponent({
+  name: "BankXabank",
+  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": "M756 231.2v213.6c0 2.8-1.2 4.8-3.6 6.4 0 0-70.8 42.8-87.6 52.8H268V231.2c0-4 2.8-7.2 6.8-7.2h474.8c3.6 0 6.4 3.2 6.4 7.2m0 296v213.6c0 2.4-1.2 4.8-3.6 6.4 0 0-70.8 42.8-87.6 52.8H274.4c-3.6 0-6.4-3.2-6.4-7.2V520h481.6c3.6 0 6.4 3.2 6.4 7.2", "fill": originColor ? "#005da9" : "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/BankXcb.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 BankXcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXcb.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 BankXcb = defineComponent({
+  name: "BankXcb",
+  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": "m637.6 590.4-122 120.4-203.2-199.2 203.2-202.4 126.8 128.4H852C817.6 285.6 680.4 172 516 172c-190 0-344 152.4-344 340s154 340 344 340c162.8 0 298.8-111.6 334.8-261.6z", "fill": originColor ? "#3c52a2" : "currentColor" }), h("path", { "d": "m594.8 422.4-79.6 78.4-79.6-78.4 79.6-78.4zm0 175.2L515.2 676l-79.6-78.4 79.6-78.4zM503.2 510l-79.6 78.4L344 510l79.6-78.4zm180.8 0-79.6 78.4-79.6-78.4 79.6-78.4z", "fill": originColor ? "#d12a27" : "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/BankXhrcb.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 BankXhrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXhrcb.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 BankXhrcb = defineComponent({
+  name: "BankXhrcb",
+  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": "M218.8 502.8v18.8c0 42.4-18.8 81.6-36 107.6-9.2 14-21.2 26.8-33.6 37.6-5.6 5.2-13.6 10.8-20.4 15.6-5.2 3.6-20 10.8-22.8 13.6h143.2c.4-1.2 16.4-24.4 19.2-28.4 6.4-10.4 11.2-20 16.8-31.2 6-12.4 22.4-56.8 22.4-73.2.8.8 8.8 34 10 38 3.2 10.8 8.8 25.6 13.2 34.8 6.4 12.4 28 53.6 37.2 59.6h141.6c-3.6-3.2-17.2-9.6-22.8-13.6-8-5.2-13.6-10.4-20.8-16-10.8-8.4-26.4-27.6-34.4-39.6-19.6-28.8-35.2-66.4-35.2-114v-3.6c0-42.8 17.6-87.2 36-112 12.4-17.2 20.8-24.8 35.2-39.2 5.2-5.2 14.8-11.6 21.2-16 3.2-2 22.4-12.4 23.2-13.6H366c-4.4 8.8-13.6 18.8-19.2 28-5.6 10-12 20.8-16.8 31.2-4.8 11.2-9.6 22-13.2 34.4-1.2 4.8-9.2 37.2-10 38 0-16-16.4-60.8-22.4-73.2s-28-52.8-36.4-58.8H104c.8 1.2 19.2 11.2 22.4 13.2 8 5.6 13.2 10 20.8 15.6 11.2 8.4 26.8 26.4 34.8 38 17.2 26.8 36.8 65.6 36.8 108.4", "fill": originColor ? "#e30016" : "currentColor" }), h("path", { "d": "M830.8 501.6c0-38-20.8-85.2-37.2-106.8-11.2-14.8-20-25.2-34.4-37.6-6.8-5.6-13.2-10.8-20.4-15.6-3.2-2-21.2-12-22.4-13.2h145.2c0 .4 21.2 32.8 24 37.6 6.8 11.2 14.8 28.8 19.6 42.4 10.8 32 18.4 62 18.4 104.4 0 42.8-8.4 72.4-19.2 104.8-4.8 13.6-12.8 30.4-19.6 42-4 6.8-7.2 12.4-11.6 18.8-4 5.6-9.6 12.4-12.4 18H719.2c3.6-3.2 16.4-10 22-13.6 6.8-4.8 14-10 20-15.6 12.4-11.2 24-23.6 33.2-37.6 16.4-24.8 36-65.2 36-106v-22zm-282.8 88v-148h147.2v147.6H548z", "fill": originColor ? "#f89828" : "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/BankXhrcbgd.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 BankXhrcbgd: DefineComponent<IconProps>;