@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankPsbc.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 BankPsbc = defineComponent({
+  name: "BankPsbc",
+  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": "M552.692 477.328 523.62 637.072H358.936l-6.788 39.184h200.544l37.776-199.092h206.34l-11.656 60.504H610.8l-37.748 201.844H340.56l-6.124 33.2h267.656l34.864-195.776h142.4l-11.62 66.156H660.2L627.492 836H288.148l36.684-198.928H172l29.072-159.744h153.36l35.528-192.872h165.612L573.052 188H852l-11.62 63.288H596.3l-17.452 93.448H413.432l-6.688 36.14h201.14l17.448-96.42h209.252l-11.656 63.256H645.664l-17.416 96.452H395.256l-6.788 33.164zm-52.312 99.464 5.824-39.184H377.908l-7.22 39.184zm-157.14-39.184H221.4l-8.74 39.184h123.332z", "fill": originColor ? "#118a3f" : "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/BankPzccb.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 BankPzccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankPzccb.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 BankPzccb = defineComponent({
+  name: "BankPzccb",
+  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": "M615.2 544.8c-7.6 7.6-33.2 33.2-42.4 42.8-2.8 2.8-5.6 2.8-8.4.4-12-12-48.4-48.8-62-62.8-2.4-2.4-2.4-4.4.4-7.2 12.8-12.8 49.2-49.6 63.2-63.6 1.2-1.2 3.6-1.6 5.2 0 9.6 9.6 34.4 34.8 43.2 43.6 2 2 4.8 2.4 8 1.2 24.4-10.4 98-40.8 98-40.8-24.8-60-83.2-102.4-151.6-102.4-91.2 0-164.8 74.4-164.8 166s73.6 166 164.4 166c68.4 0 127.2-42.4 151.6-102.4L620.8 544c-2.4-.8-4.4-.8-5.6.8", "fill": originColor ? "#c5c7c8" : "currentColor" }), h("path", { "d": "M620 522.4s58.8 24.4 99.2-10.8c50.4-44.4 31.2-124.8-16.8-173.2-70.8-71.2-209.2-68.4-297.2 7.2-116 99.6-109.2 289.6 29.2 377.6 129.6 82.4 325.2 26.4 393.2-164 14.8-42 5.2-67.6 20.4-64.8 0 0 30.4 130-72 222-31.6 28.4-36 87.6-138 132.4-40.4 18-108.4-3.6-164.8-8.4-50.8-4.4-94.8 1.6-130.4-14-51.6-22.4-69.2-90.4-93.6-137.6C224.4 641.6 172 558 172 558c9.6-148.8 78.8-298 239.2-364.8 225.2-93.6 462 89.2 388 276-18 45.2-64.4 70-102 71.2-46 1.6-77.2-18-77.2-18", "fill": originColor ? "#e30016" : "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/BankQdccb.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 BankQdccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankQdccb.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 BankQdccb = defineComponent({
+  name: "BankQdccb",
+  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": "M175.2 372.4 362 188h258l193.2 181.2V612s-64.4 32.4-122.4 16c-61.2-16-87.2-42-87.2-42V369.2H384.8V628s106.4-51.6 170.8-26c67.6 26 138.4 84 216 64.8 80.4-19.6 80.4-51.6 80.4-51.6v181.2s-77.2 45.2-154.8 38.8C620 828.8 594 793.2 536 780c-58-12.8-74-9.6-109.6 0s-77.2 32.4-77.2 32.4L172 638z", "fill": originColor ? "#d80313" : "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/BankQhbank.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 BankQhbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankQhbank.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 BankQhbank = defineComponent({
+  name: "BankQhbank",
+  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": "M468.4 190 190 468.4c-12 12-18 27.6-18 43.2v.4c0 15.6 6 31.2 18 43.2l278.4 278.4c24 24 62.8 24 86.8 0l278.4-278.4c24-24 24-62.8 0-86.8L692.4 327.2C585.2 508.4 674 626 674 626L489.6 525.2 312.4 648c172.4-234.8 66.8-334.8 66.8-334.8l169.2 88 132-86.4L555.6 190c-12-12-27.6-18-43.6-18-15.6 0-31.6 6-43.6 18", "fill": originColor ? "#900471" : "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/BankQhdbank.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 BankQhdbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankQhdbank.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 BankQhdbank = defineComponent({
+  name: "BankQhdbank",
+  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": "M558.252 371.676C570.62 476.932 544.564 557.16 512 609.732c-32.56 52.568-115.304 95.42-159.624 147.932l11.744-1.296c17.856-1.852 41.696-3.268 90.456 1.296 53.668 5.02 133.66 60.936 193.12 66.12-41.564 18.112-87.456 28.16-135.696 28.16-187.776 0-340-152.224-340-340 0-166.6 119.824-305.216 277.992-334.36 64.18 61.32 100.264 126.016 108.26 194.092", "fill": originColor ? "#015caa" : "currentColor" }), h("path", { "d": "M512 171.94c187.776 0 340 152.224 340 340 0 93.864-38.036 178.848-99.536 240.372q-68.617-12.51-118.352-33.336l-3.192-1.352c-62.096-26.664-125.944-39.52-176.344-26.664 50.868-32.868 124.356-26.808 196.728-110.9 72.376-84.092 72.376-240.884 0-314.528-53.088-54.024-126.932-81.392-170.8-92.144A341 341 0 0 1 512 171.94", "fill": originColor ? "#138b39" : "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/BankQjcccb.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 BankQjcccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankQjcccb.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 BankQjcccb = defineComponent({
+  name: "BankQjcccb",
+  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": "M506.8 180c182.8 0 330.8 148.8 330.8 332 0 84.4-31.2 161.2-82.8 219.6 46.4 3.2 77.2 35.2 97.2 86.4-34.8-39.2-90-50.4-155.2-34.4-53.6 38-119.2 60.4-190 60.4-5.6 0-10.8 0-16.4-.4-70.8-26-68.4-82.4-25.6-123.6 63.6-34.8 128.8-24.4 205.2-92 141.2-125.2 108.4-356.4-129.2-358.4 78.8 21.6 122 72.8 114 127.6-6.8 46-23.2 75.6-63.2 98.8v-49.2c0-14.4-10.8-26-23.6-26H438c-12.8 0-23.6 11.6-23.6 26v97.6q0 4.2 1.2 8.4c-14 3.2-28.8 6.4-44 10-56 12.4-113.2 69.2-141.6 130.4-34-51.6-54-114-54-181.2 0-183.2 148-332 330.8-332M355.6 808c-21.2-10.8-41.2-24-59.6-38.8 0-110 65.6-158.8 240.4-185.2 124.8-26 216.8-159.6 112.4-272 66.4 46.8 90.8 109.6 54 196.8-48 99.6-114 113.2-218 136-121.2 26.8-141.2 100-129.2 163.2", "fill": originColor ? "#e30016" : "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/BankQlbank.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 BankQlbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankQlbank.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 BankQlbank = defineComponent({
+  name: "BankQlbank",
+  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": "M498.4 172.8s50-7.6 94 32.4l242 234s-113.2-42-244-48.4C460 384.4 438 388 438 388z", "fill": originColor ? "#ffad19" : "currentColor" }), h("path", { "d": "M197.2 430c142.8-139.6 220-215.2 232-225.6 18-16 46-32 69.2-31.6L438 388s-168 4-240.8 42", "fill": originColor ? "#ff962d" : "currentColor" }), h("path", { "d": "m438 388-59.2 195.6s-139.2-34.8-190-92.4c-50.4-57.6 54.4-79.6 68-82.4 13.6-2.4 82.8-18 181.2-20.8", "fill": originColor ? "#e16421" : "currentColor" }), h("path", { "d": "M834.4 583.6 594 818.8s-46 31.6-69.2 31.6l60.4-215.6c.4 0 176.4-13.2 249.2-51.2", "fill": originColor ? "#187dc0" : "currentColor" }), h("path", { "d": "m585.6 634.8 50.8-185.2s148.8 21.2 200.8 79.6-60 76.4-81.2 81.2c-20.8 5.2-80 17.6-170.4 24.4", "fill": originColor ? "#0b5aa4" : "currentColor" }), h("path", { "d": "M430.8 817.6c-29.6-26.8-110-104.8-242-234 0 0 113.2 42 244 48.4 130.4 6.4 152.4 2.8 152.4 2.8l-60.4 215.6c.4 0-49.6 7.2-94-32.8", "fill": originColor ? "#1f8fce" : "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/BankQrcb.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 BankQrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankQrcb.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 BankQrcb = defineComponent({
+  name: "BankQrcb",
+  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": "114.44 100.94 791.12 791.12", "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": "M510.763 170.667a217.26 217.26 0 0 1 216.874 204.117 248.9 248.9 0 0 0-152.789-10.539l-57.515-57.514a9.3 9.3 0 0 0-13.141 0l-74.624 74.624a9.3 9.3 0 0 0 0 13.141l74.624 74.624a9.3 9.3 0 0 0 13.141 0L592 394.496a9.3 9.3 0 0 0 1.835-2.56l5.589-1.11 5.845-.853 8.107-.981 6.4-.555 6.357-.341 4.395-.128h8.96l8.363.341 3.498.256 5.718.47 10.581 1.322 10.667 1.878 4.522.981 6.486 1.579 9.045 2.56 10.155 3.413 3.626 1.28 6.955 2.773 3.84 1.664 4.139 1.878 5.162 2.56A217.301 217.301 0 0 1 539.82 800.555a248.7 248.7 0 0 0 83.285-119.424l5.248 5.29a9.3 9.3 0 0 0 13.141 0l74.624-74.666a9.3 9.3 0 0 0 0-13.142l-74.624-74.624a9.3 9.3 0 0 0-13.141 0l-74.624 74.624a9.3 9.3 0 0 0 0 13.142l44.117 44.16-2.218 8.789-2.219 7.381-2.987 8.491-3.328 8.533-3.157 7.126-5.333 10.709-4.096 7.381-2.56 4.267c-2.56 4.181-5.248 8.235-8.022 12.203l-5.162 6.954-5.974 7.424-6.016 6.827-8.106 8.32-2.859 2.816-6.912 6.23-6.87 5.76-5.205 4.01-6.016 4.352a217.301 217.301 0 1 1-245.674-358.485c8.106 53.76 33.706 103.296 72.746 141.098l-32.426 32.47a9.3 9.3 0 0 0 0 13.141l74.581 74.667a9.3 9.3 0 0 0 13.184 0l74.581-74.667a9.3 9.3 0 0 0 0-13.141l-74.581-74.624a9.3 9.3 0 0 0-13.184 0l-20.224 20.181-.981-.939-7.766-8.021-5.973-6.656-4.139-5.12-4.053-5.163-6.528-9.173-4.523-7.083-6.613-11.477-3.413-6.528-4.907-10.71-2.048-5.077-2.987-7.85-2.048-6.187-2.474-8.277-2.091-7.936-1.579-7.595-1.92-10.965a217.26 217.26 0 0 1 214.998-248.704", "fill": originColor ? "#c8000b" : "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/BankQsb.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 BankQsb: DefineComponent<IconProps>;

package/packages/vue/icons/BankQsb.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 BankQsb = defineComponent({
+  name: "BankQsb",
+  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": "M512 852c-187.6 0-340-152.4-340-340s152.4-340 340-340 340 152.4 340 340-152.4 340-340 340m0-40.4c166 0 300.8-134 300.8-299.6S678 212.4 512 212.4 211.2 346.8 211.2 512 346 811.6 512 811.6M642.4 518c18-.4 32.8-1.2 32.8-23.6-24-58-66.8-13.6-45.2 16.8 4 2.4 8 4.4 12.4 6.8M560 635.2c5.2-14 6.4-20.4.8-32-9.6-.8-16.4 2-24.8 3.6-6 0-65.2-4-71.2 2-10 26.4 20.4 36.8 40.8 41.2 15.6-1.6 42-1.6 54.4-14.8M388 532c10.8-3.6 20-6.8 25.6-17.6 0-14.4-7.2-26-15.2-34.4-14-1.2-33.2 12-33.2 26.4 5.2 7.2 12.4 21.6 22.8 25.6m265.2-116c32.4 18.4 75.6 56.8 90.8 93.6 0 13.6-4.4 36-22.8 36-20-8.8-20.8-2.4-33.6 12.8-13.2 26.8-10.8 45.6-6.4 76 1.2 21.2 7.2 43.6 7.2 65.6-11.2 12.4-30.4 28.8-46 32-4.8-4.8-3.6-8-4.8-12l-1.2-130c-3.2-9.6-14.4-36-26.8-30-1.2 2-2 4.4-2.8 6.4-.4 33.2 2 72-17.2 102-31.2 25.2-76.8 29.2-114 20.4-41.6-19.2-43.2-28-51.2-71.6l-1.2-45.2c-2-2-4-3.6-6-5.2-22 5.6-19.6 45.6-23.2 64.4-11.2 35.6-35.6 70.4-68.8 89.6H318c-12-8-8.4-56-5.2-64.8 21.6-19.6 21.6-19.6 26-24.8C361.6 590.8 368 560 332 528c-24.4-12-29.6 18.8-50 11.2-12-15.6-14.8-17.6-7.2-33.2 30-34.4 80.4-88.4 129.2-88.4 2.8 1.6 5.6 2.8 8.4 4.4 8 13.2 16.8 24.8 46.4 74 4 20.8-4 41.2 5.2 62 25.6 12.8 65.2 10.4 93.2 2.4 17.6-14.4 12.4-29.6 11.6-49.2 7.6-32.4 27.6-69.2 50-92.4 16-9.2 17.6-8 34.4-2.8m-128.4 6c17.6-10.4 25.2-30 20.4-48.4-9.6-9.6-50.8-4.4-62.8-.8-5.6 17.2 6.4 43.6 25.2 51.6 9.2-.4 9.2-.4 17.2-2.4m202.8-79.6c10.8 4.4 10.8 4.4 13.6 6.4v4.8c-16 10-31.6 16.4-48 23.2-28.8 1.6-62.4-13.6-85.2 3.6-19.2 26.8-36.4 56.4-55.6 84.4-16.8 11.2-23.6 12-42.8 14.8-50.8-11.6-54.4-50.4-78.4-92.4-2-2-3.6-4-5.6-6-28-8.4-66.8.4-94 4.8-8 0-15.2.4-21.6-2-14-18.8-7.2-33.6 5.2-49.6 4-1.2 4-1.2 68.8-3.2 25.2-3.2 52-4 78.8-8 15.2-7.2 12.8-22.4 18-35.2 19.6-14 59.2-10 71.6 14.4 2.8 14.4.4 17.6 15.6 22 54.8 1.2 104.4 6 159.6 18", "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/BankQyrcb.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 BankQyrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankQyrcb.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 BankQyrcb = defineComponent({
+  name: "BankQyrcb",
+  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": "M220.4 478.4c17.6-10 28.4-24.8 29.6-44.8.8-20.4-12.4-41.2-31.6-44.8-6.8-1.2-16.4 1.2-22 4.8-5.6-3.6-15.2-6-22-4.8-19.2 3.2-32.8 24-31.6 44.8 1.2 28.4 22 45.6 53.6 54.8h.4c7.2 2 11.6 2.8 19.2 4.4 12 2.4 20-10 11.2-12.8-2.4-.8-4.4-1.2-6.8-1.6M112 699.6V324h375.6v375.6zm315.2-158.4-30.8 45.2 30.4 48.8h22.4l-30.4-48.8 30.8-45.2zm-278.4 0v94h30.4c11.6 0 18.8-.4 21.6-.8 4.8-.4 8.8-2 12-4.4s6-5.6 7.6-9.6c2-4 2.8-8.4 2.8-12.4 0-5.6-1.6-10-4.4-14s-7.2-6.8-12.4-8.4c4-2 6.8-4.4 9.2-8.4 2.4-3.6 3.2-7.6 3.2-12 0-4-.8-7.6-2.8-10.8s-4-6-6.8-8-6-3.2-9.2-4c-3.6-.8-8.8-.8-15.6-.8h-35.6zm18 15.6h10.4c8.4 0 13.6 0 15.2.4 2.8.4 5.2 1.6 6.8 3.2 1.6 2 2.4 4 2.4 7.2s-.8 5.6-2.8 7.2c-1.6 2-4 2.8-7.2 3.2-1.6.4-6 .4-13.2.4h-11.6zm0 37.6h14.4c8 0 13.6.4 16 1.2s4.4 2.4 5.6 4.4 2 4.4 2 7.2c0 3.2-.8 6-2.4 8s-4 3.2-6.4 3.6c-1.6.4-6 .4-12.4.4h-16.8zm146 40.8-35.6-94H258l-34.8 94h19.2l7.2-21.2h35.6l7.6 21.2zM279.6 598h-24.4l12-34.8zm40.8 37.2h16.8V574l36 61.2h18v-94h-16.8V604L338 541.2h-17.6zm-58.8-152.8h17.6v-94h-17.6zm29.6 0H308v-61.2l35.6 61.2h18v-94h-16.8v62.8l-36.4-62.8h-17.6v94zM418 450h20.8v11.6c-2.8 2-6 4-9.6 5.6-4 1.6-7.6 2.4-11.2 2.4-7.6 0-14-2.8-18.4-8.4-5.2-5.2-7.6-13.6-7.6-24.4 0-10 2.4-18 6.8-22.8 4.8-5.2 10.8-7.6 18.8-7.6 5.2 0 9.6 1.2 13.2 4q5.4 4.2 7.2 10.8l18-3.6c-1.6-8.4-6-15.2-12-20-6.4-4.8-14.8-7.2-26-7.2-8.4 0-15.6 1.6-21.6 4.4-7.6 4-13.2 9.6-17.2 17.2s-6 16-6 25.6c0 8.8 1.6 17.2 5.2 24.4 3.6 7.6 8.8 13.2 15.6 17.2s15.2 6 24.4 6c7.2 0 14.8-1.6 22-4.4s12.8-6.4 16.4-10V434H418zm-221.6-54.8c20 4.8 34.4 16.4 34.8 38-.4 20.8-16 31.6-34.8 38.4-18.8-6.8-34.4-17.6-34.8-38.4.4-21.6 14.8-33.2 34.8-38", "fill": originColor ? "#a3c400" : "currentColor" }), h("path", { "d": "M699.2 555.2V538h-11.6v15.6c-.4 5.2-2 8.8-6 11.6v9.6c7.2-2 12.8-6 15.6-12h22.4v22.4h-35.2v8h35.2V628h-38v8h83.6v-8H732v-34.8h30.4v-8H732v-22.4h33.2v-8H732V538h-12.4v16.8h-20.4zm-82.4-154.8h-32v7.2h76.4v-7.2H630c-1.2-6.8-4.8-10.8-17.2-11.6v8.8c1.6.4 2.8.8 3.2 1.6.4 0 .4.8.8 1.2m130.4 56c-2.4-4.4-4-9.2-4.8-13.6H730c4 18.8 17.2 38.4 36.8 44V478c-6.8-4-12.8-10.4-17.2-17.6-.4-.8-.8-1.2-.8-1.6-.8-.4-1.2-1.2-1.6-2.4m-20.8-25.6v-13.2h24.4v13.2zm0-21.2v-12.8h-9.6V468c0 6.4 0 12.8 4.4 16 3.2 2.4 8 2.8 16.4 2.8v-8c-8.4-.4-10.8-2.4-10.8-11.2v-29.2H758c2 0 3.2-.4 3.6-1.6.8-.8.8-2 .8-3.6v-39.6q0-2.4-1.2-3.6c-.8-1.2-2.4-1.6-4.4-1.6H722c-1.2 0-2.8.8-3.6 1.6s-1.2 2-1.6 3.6v3.2h9.6v-.4h24.4v13.2zm-27.2-9.2v-12h-11.6v10c-.4 4.8-2 8.8-6 11.6v9.2c7.2-2 12.8-6 15.6-11.6h15.2v-7.2zm3.2 26.4h10v-7.2H680v7.2h11.6v17.6H680v7.2h11.6v16c0 6.4 0 13.2 4.4 16.4 3.6 2.8 6.4 3.2 16.4 2.8v-8c-10 0-10-2-10-11.6V452h10v-7.2h-10zm156.8 0h8.8v-7.2h-51.6v7.2h30.4v40.8c0 9.6 0 11.2-11.2 11.6v7.6c10.8.4 14.8 0 18.8-2.8 4.8-3.2 4.4-9.6 4.4-16v-41.2zM536.4 699.6V324H912v375.6zm267.2-212.8v-55.6c2-3.2 3.2-6.8 4-11.6h-12c-2.4 10.8-8.8 12.4-12.8 14v10.8c2.8-.8 5.6-1.6 8.4-2.8v45.6h12.4zM868 394v-.8h-51.6v7.2H868zm-60.4-5.6h-12c-2.4 14-8.4 16.8-12.8 18.8V418c10.8-2.4 22.4-8.4 24.8-29.6m-145.2 46.4v-8h-16.8c2-1.6 4.4-4 4.4-14.8h-11.2c0 12-4.4 13.6-7.2 14.8h-20.8c-2.8-1.2-7.2-2.8-7.2-14.8h-11.2c0 10.8 2.4 13.2 4.4 14.8h-17.6v8H616v9.6h-36.8v8H616v15.2c0 9.6 0 11.6-11.2 11.6v8c10.8.4 14.8 0 18.8-2.8 4.8-3.2 4.4-9.6 4.4-16v-15.6h34.4v-8H628v-9.6h34.4zm-63.2 33.6V456h-12v10.8c0 2.4-.4 4.8-1.6 6.4-.8 2-2 3.6-3.6 4.4l-.4.4v8.4l1.6-.4c4.4-1.2 8.4-3.2 11.6-6.4 2.4-2.4 4-6.4 4.4-11.2m44 0c.4 5.2 2 8.8 4.4 12 2.8 3.2 6.8 5.2 11.6 6.4l1.6.4v-8.4l-.4-.4c-1.6-.8-2.8-2.4-3.6-4.4s-1.6-4-1.6-6.4V456h-12zm-2 104.8c6.4 4.4 13.6 7.2 21.2 8.8v-8.8c-5.6-1.6-9.6-3.2-13.6-6.4 5.6-5.2 12.8-14.8 13.6-22.8 0-2.4-1.6-6-5.6-6h-36.4v8h30.4c-3.6 12.4-17.6 22.8-30.4 27.2v8.8c7.6-1.6 14.4-4.4 20.8-8.8m-56-26.8h-6.4v8h3.6c-2 6-3.6 12.8-3.6 19.2v15.2q0 1.8 1.2 3.6c.8.8 2.4 1.6 3.6 1.6h11.2v23.6h-16v7.6h16v11.2h11.6v-11.2h10.4v-8h-10.4v-23.6h10.8v-8h-10.8v-13.2h-11.6v13.2h-5.2v-12c0-6.4 1.6-13.2 3.6-19.2h23.6v-8H596c1.6-2.8 2.8-4.8 4.8-8h-11.2c-1.6 2.4-2.8 4.8-4.4 8m51.2 82.4h-16v8h42v-8h-14.8V594h14.8v-8h-42v8h16zm220-34.8v34.8H818V594zm-13.2-44.4h12.4c6 0 12.8-3.6 12.8-10.4v-.8h-11.2v.8c0 1.2-2 2.4-3.2 2.4h-47.6v8h25.2v12.8h-24.8v8h24.8V586H812c-2.8 0-5.2 2-5.2 5.2v40.4c0 2.8 2 5.2 4.8 5.2h51.6c3.2 0 4.8-2 4.8-5.2v-40.4c0-3.6-2-5.6-5.6-5.2h-19.2v-15.6H868v-8h-24.8zm-42.8 13.6c0-12-5.2-22-17.6-24.8v10.8c4.8 3.2 5.2 9.6 5.6 14.4h12zm-12 51.6c0 4.4-1.6 8.8-5.6 11.2v10.4c13.6-4 17.6-12.4 17.6-22.4v-22.8c0-10.4-4-18.4-17.6-22.4v10.4c4 2.4 5.6 6.8 5.6 11.2z", "fill": originColor ? "#005849" : "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/BankRbc.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 BankRbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankRbc.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 BankRbc = defineComponent({
+  name: "BankRbc",
+  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": "M786.8 128H220v676s-3.6 32.4 44.4 48.8c48 16.8 262.8 91.2 502.4-6.8 22.8-12 22-34 22.8-42.8z", "fill": originColor ? "#144b8e" : "currentColor" }), h("path", { "d": "M284 684h97.6c30.4 2.8 35.2 20.8 36.4 36 .8 35.2-34.4 40.8-34.4 40.8L436 828h-45.6l-44-64h-11.2v64H300V712.8c0-23.6-16-28.8-16-28.8m52 8v56h22.4s24.8 0 29.6-28c1.2-18.4-7.6-26.8-20.8-28zm116-8h89.6c13.6-.8 35.2 12 34.8 33.6-.8 24-21.6 30.8-21.6 30.8 24.8 2.8 30.8 20 33.2 36 .8 41.2-45.2 47.6-45.2 47.6H466V708.8c.4-16-14-24.8-14-24.8m44 12v40h26s16.4-2.8 18-20c0-16.4-11.2-20-16-20zm0 60v56h32s22-2 24-29.6c-2.4-16.4-12.4-24-26-26.4zm236-36c-9.6-12.8-22.8-20-39.2-19.6-19.6 2.8-25.6 7.6-35.2 21.2-11.6 18.4-6 54.4 2.8 71.6C691.6 836 740 804 740 804v18.8c-14 8-32.4 10-58.4 9.2-60-5.6-64-44.4-65.6-74 1.6-42 20.8-58.8 47.6-68.8 43.6-12.8 76.4 3.2 76.4 3.2z", "fill": originColor ? "#fefefe" : "currentColor" }), h("path", { "d": "m544 185.2.8 75.6c-3.6 15.6-22.8 18-22.8 18s-41.2-.8-52.8 0c-11.6 3.6-16.8 15.2-12.4 15.2 2.8-3.6 16.4-10 25.2-9.6 12 .8 27.2 7.6 39.2 8 11.6-2.8 16.4-6 16.4-6 0 4.4-6.8 9.2-6.8 9.2l12 .4v68c3.2-2.4 36.8-23.2 36.8-23.2H684s44.4 24 57.6 31.6c12.4 14 2.4 31.2 2.4 31.2l-18 30.8c74.4 89.2-11.6 174-11.6 174 6.8 2 25.6 14.8 29.2 26.4-.4 12.8-10.4 36-10.4 36h-6.4c1.6-34.8-36.8-39.6-36.8-39.6H588.4V680h-7.6c-10.4-96-96.4-136.8-96.4-136.8v31.2c-20.8-44.4-99.6-102-99.6-102V506h-5.6c-7.6-33.2-61.6-86.8-74.4-96s-44-46.4-51.2-75.2c-10-74.4 27.2-88 27.2-88v16.4C229.2 352 372.4 426 469.6 498c106 59.6 113.2 123.6 114.4 123.2s99.6-14.8 106-15.6c5.2-3.2 26.8-27.6 26.8-27.6-19.6-6.8-47.6-3.2-47.6-3.2-3.2 11.6-13.2 13.6-13.2 13.6 7.2-8.4 5.2-14.4 5.2-14.4h-14.4v-8h14.4c7.6-19.2 4.8-41.6 4.8-41.6h-61.6v18H596v-18h-11.6v-8.8H596V470h-34.4c12.8 37.6 8.4 68.8 8.4 68.8h-7.6c1.6-66-78-112-78-112V460h-3.2c-23.2-61.6-74.4-78.8-111.6-102.4-33.2-26.4-25.6-70.8-25.6-70.8 8 .8 14.8 12 14.8 12 8.4 62.8 66 50.4 93.2 50 31.6-10.4 64-6.4 64-6.4V322h-14c-2.8 6-15.2 11.6-23.2 12-41.2-2-45.6-24.8-46-46.8-.4-26.8 29.6-29.2 29.6-29.2H508c13.2 0 12.8-17.6 12.8-17.6v-28.8h-87.6v38L398.8 238v-12h16.8v-14.4h-60v-29.2l-24.8.4c-15.6 6-16.4 13.6-18 22.8-1.6 27.6 22.8 26.8 22.8 26.8V250c-33.6 1.6-46.8-21.6-48.8-44 3.2-49.6 47.6-50 47.6-50h46.4v29.2zm-88 191.6 34 23.2 38-23.2c-15.2-19.6-72 0-72 0m52 38.8c13.6 6.4 33.6 33.2 35.6 32.4 45.2-64 108.4-49.6 122-47.6 13.2 3.6 13.2-4.4 7.6-12.8-7.6-8.4-1.6-8-1.6-8 32.4 12 26 17.6 26 17.6-14 16.8 7.6 22.4 7.6 22.4L720 392l-42-24h-95.6zm92 16.4s-22 9.2-36 28l36-1.2zm16 28 44-1.2c-.8-11.2-14.4-34.4-14.4-34.4-7.2 0-14.8 0-19.2 1.2C619.6 440 616 460 616 460m60-32s7.6 18.4 9.2 28l30.8-1.2s-11.2-15.2-40-26.8m-62 48c-3.6 11.6-6 36-6 36h64c.8-18-7.2-36-7.2-36zm70 0s6.4 18 2 36h50s0-22-11.2-36zM468 314.4c20 5.6 28-8.8 28-8.8-17.6-6-28 8.8-28 8.8M736 528c-3.6 0-37.2.8-50.4.8 0 0-1.6 20-9.6 34.8 0 0 36.4 3.6 53.2-8 2.4-6.4 6.4-16 6.8-25.6zM270.4 409.2C256.8 470 287.2 480.4 370 538c114 70.4 118 128.4 118 130.8s-3.2 4.8-7.6 2c-22-51.6-93.2-88.8-93.2-88.8v34.4h-6.4c-5.2-32.8-58.8-75.2-102-114.4-43.6-39.2-20.8-92-18-96.4 2.4-4.8 9.6 3.6 9.6 3.6", "fill": originColor ? "#e8c82c" : "currentColor" }), h("path", { "d": "M799.6 856v-20h-6.4v-4h17.6v4h-6.4v20zm12.4 0v-24h7.6l4.4 16.4 4.4-16.4h7.6v24h-4.8v-18.8l-4.8 18.8h-4.8l-4.8-18.8V856z", "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/BankRbs.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 BankRbs: DefineComponent<IconProps>;