@nstc-design/icons 0.2.0 → 0.2.2

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>;

package/packages/vue/icons/BankXhrcbgd.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 BankXhrcbgd = defineComponent({
+  name: "BankXhrcbgd",
+  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": "M510 713.6c-38.8 39.2-73.6 72.8-88.8 86-42.8 36-67.2 48.8-93.2 48.4s-98-52-132-91.2c-20.8-24.4-26-47.6-22.4-65.6 4.8-23.6 32-91.6 37.2-160.8 5.6-68.8-15.2-113.2-32.4-169.2s4-73.2 9.6-89.6c5.6-16 102.8-84.8 130.4-92.4s50.4-.8 61.6 9.6c6 5.6 67.2 66 130 128 62.8-61.6 123.6-122.4 130-128 11.6-10.4 34.4-17.2 61.6-9.6 27.6 7.6 124.4 76 130.4 92.4 5.6 16 26.8 33.2 9.6 89.6-17.2 56-37.6 100.4-32.4 169.2 5.6 68.8 32.4 136.8 37.2 160.8 3.6 18-1.2 41.6-22.4 65.6-34 39.2-105.6 90.8-132 91.2-26 .4-50.4-12.4-93.2-48.4-15.2-13.2-50-46.8-88.8-86m67.6-68.8c49.6 51.6 96.8 98.4 103.6 99.6 15.2 2.8 64-44.8 64-44.8s2-15.2-2.8-35.2c-8-34-32-79.6-34-138.4-3.2-88.8 21.2-117.6 32-171.2 2.4-12.4 7.2-28-2-38-9.6-10-27.6-21.2-36.4-26.8-17.6-10.8-23.2-7.6-37.6 6.4l-86 87.6c28 27.6 51.6 50.4 64 61.6 46.4 42.8 33.2 85.6 25.6 100.8-3.2 6.8-42.8 49.6-90.4 98.4M441.6 384l-86.4-87.6c-14-14.4-19.6-17.6-37.6-6.4-8.8 5.6-26.8 16.4-36.4 26.8-9.6 10-4.8 25.6-2 38 10.8 53.6 35.2 82.4 32 171.2-2 58.8-26 104.4-34 138.4-4.8 20.4-2.8 35.2-2.8 35.2s48.8 47.6 64 44.8c6.8-1.2 54-48.4 103.6-99.6-47.2-48.8-87.2-91.6-90.4-98.4-7.6-15.2-20.8-58 25.6-100.8 12.8-11.2 36-34 64.4-61.6m68.4 69.6-57.6 58.8s24.8 26.4 57.6 61.2c33.2-34.8 57.6-61.2 57.6-61.2z", "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/BankXishangbank.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 BankXishangbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankXishangbank.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 BankXishangbank = defineComponent({
+  name: "BankXishangbank",
+  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": "149.79 149.79 724.42 724.42", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "724.42", "rx": "158.467", "ry": "158.467", "width": "724.42", "x": "149.79", "y": "149.79" }), h("path", { "d": "M199.7 199.7H254V254h-54.3zm0 217.2H254v54.4h-54.3zM254 525.6h-54.3v54.3H254zM199.7 770H254v54.3h-54.3zM254 199.7V254h108.6v-54.3zm0 217.2h108.6v54.4H254zm54.3 108.7H254v54.3h54.3v108.6h54.3V471.3h-54.3zM254 824.3V715.7h54.3v-27.2h54.3v27.2h-54.3V770h54.3v54.3zm0-217.2h-54.3v108.6H254zm162.9 0h54.4v108.6h-54.4zm0 108.6V770h54.4v54.3H362.6V715.7zm0-516h-54.3V254h54.3zm-54.3 217.2h108.7v54.4H362.6zm0 108.7v54.3h108.7v-54.3zM416.9 254h54.4v108.6h-54.4zm-217.2 0H254v108.6h-54.3z", "fill": originColor ? "#6cbb5a" : "currentColor" }), h("path", { "d": "M498.4 199.7V254h108.7v-54.3zm54.3 271.6v54.3h54.4v190.1h-54.4V579.9h-54.3V471.3zm0 244.4v108.6h-54.3V715.7zm271.6-516V254H715.7v-54.3zM715.7 579.9H770v108.6h54.3V525.6H715.7zM607.1 199.7V254h108.6v-54.3zm0 325.9h108.6v190.1h-54.3V579.9h-54.3zm54.3 190.1v108.6h-54.3V715.7zm-54.3-402v54.4h108.6v-54.4zm54.3 103.2h54.3v54.4h-54.3zm-108.7 0h-54.3V254h54.3zh54.4v54.4h-54.4V417Zm163 0H770v-48.8h-54.3v-54.4H770V254h54.3v217.3H715.7zM770 770h-54.3v54.3h108.6V688.5H770z", "fill": originColor ? "#29bbef" : "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/BankXjb.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 BankXjb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXjb.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 BankXjb = defineComponent({
+  name: "BankXjb",
+  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": "14.7 14.7 98.6 98.6", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "98.6", "rx": "21.569", "ry": "21.569", "width": "98.6", "x": "14.7", "y": "14.7" }), h("path", { "d": "M21.5 64a42.5 42.5 0 1 0 85 0 42.5 42.5 0 0 0-85 0", "fill": originColor ? "#00487a" : "currentColor" }), h("path", { "d": "M31.938 57.85s1.904.553 2.214 1.7c0 0 6.656 10.604 10.723 12.16 0 0 2.8.952 4.276-1.186 0 0-1.556.335-3.073-1.288 0 0-5.253-7.276-8.326-10.544-.319-.336-.944-.782-2.087-.842zm18.003 0s1.037.595.863 1.415v8.904s.459 2.16-2.257 4.106c0 0 4.496.769 5.644-3.974v-10.45zm29.933 2.546h-.846c.752.23.846 1.415.846 1.415v9.899h2.822v-8.768c.085-.387-.83-.566-.83-.566.256-.148 2.806 0 2.806 0 1.36.328 1.41 1.416 1.41 1.416v5.937c.498 2.474 3.103 1.98 3.103 1.98v-8.482c-1.105-3.005-3.387-2.83-3.387-2.83zm9.596-4.242s.803.077.846.85V71.71h2.822v-5.657l3.57 4.39s1.058 1.5 4.05.986c0 0-3.247-4.284-5.079-5.657 0 0 3.01-1.61 4.794-4.998 0 0-2.116.421-3 .072 0 0-1.751 3.15-4.335 4.361v-9.052zM56.167 57.85s.812.221.846 1.135V71.71h7.336s4.182.097 3.586-4.76c0 0-.374-2.52-3.021-2.878 0 0 .437.06 1.258-.433 1.228-.735 1.237-5.376-3.235-5.789zm2.763 1.7h3.162c1.81 0 2.295 1.73 2.295 1.73l-.017 1.003c-.226 1.28-2.028 1.768-2.028 1.768l-2.788.021v-3.676c.013-.574-.624-.846-.624-.846m.624 5.657h2.963c2.112 0 2.397 2.057 2.397 2.057l-.022 1.19c-.259 1.517-2.082 2.1-2.082 2.1l-3.256.025v-4.365c.013-.684 0-1.007 0-1.007m16.087.846s-.013.276 0 .85v3.676l-2.402-.021s-1.343-.489-1.534-1.768l-.017-1.003s.208-1.734 1.768-1.734zm-6.21-4.267-.012 1.955c2.265-1.751 5.091-1.645 5.091-1.645.893.183.846 1.13.846 1.13v1.416h-3.102c-2.7.34-3.388 2.541-3.388 2.541v2.83c.71 1.65 2.023 1.833 2.023 1.833 2.249.36 7.485-.162 7.485-.162v-8.38c-.336-2.279-2.453-2.908-2.453-2.908-4.509-.637-6.49 1.39-6.49 1.39", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M26.808 72.011s4.297-.216 17.536-15.448c2.201-2.53 8.262-4.616 13.345-4.616 6.507.548 12.784 2.002 17.952 1.947 1.912-.022 6.727-.97 6.315-2.559-.484-1.874-1.674-1.602-1.674-1.602s2.337-1.207 4.598-.778c2.325.442 4.314 1.381 5.908.264 1.317-.923 2.065-2.398 2.065-2.398s.323 1.297-.289 3.027c-.867 2.452-5.223 5.814-11.734 7.565-6.04 1.326-12.848-1.025-16.838-2.389-4.191-1.428-9.355-3.447-14.735 2.083-5.56 5.712-6.796 8.86-11.33 11.84-5.173 3.404-11.119 3.064-11.119 3.064", "fill": originColor ? "#930" : "currentColor" }), h("path", { "d": "M55.776 53.613c3.345-.82 5.487.48 8.216 1.411 3.99 1.364 10.799 3.715 16.838 2.389 6.511-1.751 10.867-5.113 11.734-7.565.612-1.73.29-3.026.29-3.026s-.749 1.474-2.066 2.396c-1.594 1.118-3.583.179-5.908-.263-2.26-.43-4.598.778-4.598.778s1.19-.272 1.674 1.602c.413 1.59-4.403 2.537-6.315 2.559-5.168.055-11.445-1.399-17.952-1.947-2.716 0-5.708.595-8.24 1.534 1.674-.097 3.871-.722 6.327.132", "fill": originColor ? "#f30" : "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/BankXjhb.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 BankXjhb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXjhb.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 BankXjhb = defineComponent({
+  name: "BankXjhb",
+  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": "M174 548c-1.2-12-2-24-2-36.4 0-12 .8-24 2-35.6h234v72zm341.6-376c167.6 0 307.2 120 336.4 278.4H525.6v126h326C821.2 733.2 682.4 852 516 852c-166.8 0-305.6-118.8-335.6-275.6h230V648h-116c46 74 128.4 123.6 222.4 123.6S693.2 722.4 739.2 648h-290V378.4H740c-45.6-75.6-128.8-126-224-126s-178 50.4-224 126h117.6v69.2H180C210.4 290.8 349.2 172 515.6 172", "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/BankXjrcb.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 BankXjrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXjrcb.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 BankXjrcb = defineComponent({
+  name: "BankXjrcb",
+  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": "-71 -113 1167 1167", "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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1167", "rx": "255.281", "ry": "255.281", "width": "1167", "x": "-71", "y": "-113" }), h("defs", {  }, [h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-xjrcb_svg__b", "x1": "9.28", "x2": "510.23", "y1": "-.03", "y2": "-1.86" }, [h("stop", { "offset": "0", "stop-color": "#abe5f7" }), h("stop", { "offset": ".08", "stop-color": "#a4d5ee" }), h("stop", { "offset": ".17", "stop-color": "#85c9e7" }), h("stop", { "offset": ".25", "stop-color": "#58bbe0" }), h("stop", { "offset": ".33", "stop-color": "#28a7d6" }), h("stop", { "offset": ".42", "stop-color": "#0490cb" }), h("stop", { "offset": ".5", "stop-color": "#007bbf" }), h("stop", { "offset": ".58", "stop-color": "#2373b6" }), h("stop", { "offset": ".67", "stop-color": "#8b88b5" }), h("stop", { "offset": ".75", "stop-color": "#ffccc3" }), h("stop", { "offset": ".83", "stop-color": "#ffffe8" }), h("stop", { "offset": ".92", "stop-color": "#fff" }), h("stop", { "offset": "1", "stop-color": "#fff" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-xjrcb_svg__c", "x1": "64.51", "x2": "-111.48", "y1": "-169.8", "y2": "293.45" }, [h("stop", { "offset": "0", "stop-color": "#bfe3f5" }), h("stop", { "offset": ".08", "stop-color": "#addaf0" }), h("stop", { "offset": ".17", "stop-color": "#9fd3ed" }), h("stop", { "offset": ".25", "stop-color": "#90cde9" }), h("stop", { "offset": ".33", "stop-color": "#7fc8e6" }), h("stop", { "offset": ".42", "stop-color": "#6ac1e3" }), h("stop", { "offset": ".5", "stop-color": "#52b9df" }), h("stop", { "offset": ".58", "stop-color": "#38afda" }), h("stop", { "offset": ".67", "stop-color": "#1fa4d5" }), h("stop", { "offset": ".75", "stop-color": "#0b98cf" }), h("stop", { "offset": ".83", "stop-color": "#028dc9" }), h("stop", { "offset": ".92", "stop-color": "#0983c3" }), h("stop", { "offset": "1", "stop-color": "#2a7dbe" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-xjrcb_svg__d", "x1": "130.15", "x2": "378.04", "y1": "152.34", "y2": "442.48" }, [h("stop", { "offset": "0", "stop-color": "#c9e4f5" }), h("stop", { "offset": ".08", "stop-color": "#b1dbf1" }), h("stop", { "offset": ".17", "stop-color": "#a1d5ee" }), h("stop", { "offset": ".25", "stop-color": "#95cfeb" }), h("stop", { "offset": ".33", "stop-color": "#88cae8" }), h("stop", { "offset": ".42", "stop-color": "#78c5e5" }), h("stop", { "offset": ".5", "stop-color": "#64bee1" }), h("stop", { "offset": ".58", "stop-color": "#4db7de" }), h("stop", { "offset": ".67", "stop-color": "#34aeda" }), h("stop", { "offset": ".75", "stop-color": "#1da4d5" }), h("stop", { "offset": ".83", "stop-color": "#0c99d0" }), h("stop", { "offset": ".92", "stop-color": "#078fca" }), h("stop", { "offset": "1", "stop-color": "#1584c4" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-xjrcb_svg__e", "x1": "702.35", "x2": "121.2", "y1": "-308.31", "y2": "-53.21" }, [h("stop", { "offset": "0", "stop-color": "#b0e2f5" }), h("stop", { "offset": ".08", "stop-color": "#a9d8f0" }), h("stop", { "offset": ".17", "stop-color": "#9cd1ec" }), h("stop", { "offset": ".25", "stop-color": "#89cbe8" }), h("stop", { "offset": ".33", "stop-color": "#71c3e4" }), h("stop", { "offset": ".42", "stop-color": "#56bae0" }), h("stop", { "offset": ".5", "stop-color": "#3ab0da" }), h("stop", { "offset": ".58", "stop-color": "#20a3d5" }), h("stop", { "offset": ".67", "stop-color": "#0a96ce" }), h("stop", { "offset": ".75", "stop-color": "#0089c7" }), h("stop", { "offset": ".83", "stop-color": "#007dc0" }), h("stop", { "offset": ".92", "stop-color": "#0975ba" }), h("stop", { "offset": "1", "stop-color": "#2d74b6" })]), h("clipPath", { "id": "bank-xjrcb_svg__a" }, [h("path", { "clip-rule": "evenodd", "d": "M512.5 0C639.95 48.33 655.48 96.67 693 145c73-5.26 146-1.36 219 22-1.54 56-9.07 112-37 168 79.12 45.33 110.62 90.67 140 136-29.38 45.33-60.88 90.67-140 136 27.93 56 35.46 112 37 168-73 23.36-146 27.26-219 22-37.52 48.33-53.05 96.67-180.5 145-127.45-48.33-142.98-96.67-180.5-145-73 5.26-146 1.36-219-22 1.54-56 9.07-112 37-168-79.12-45.33-110.62-90.67-140-136 29.38-45.33 60.88-90.67 140-136-27.93-56-35.46-112-37-168 73-23.36 146-27.26 219-22 37.52-48.33 53.05-96.67 180.5-145m0 308L350 471l162.5 163L675 471Z" })])]), h("g", { "clip-path": "url(#bank-xjrcb_svg__a)" }, [h("path", { "d": "M0 0h512.5v942H0Z", "fill": "url(#bank-xjrcb_svg__b)" }), h("path", { "d": "M0 0h512.5v942H0Z", "fill": "url(#bank-xjrcb_svg__b)", "transform": "matrix(-1 0 0 -1 1025 942)" }), h("path", { "d": "M349.5 471C276 368 271 266 330 146l-10-26L475-30h75l160 160-17 16c-178 17-320 146-343.5 325", "fill": "url(#bank-xjrcb_svg__c)" }), h("path", { "d": "M349.5 471C276 368 271 266 330 146l-10-26L475-30h75l160 160-17 16c-178 17-320 146-343.5 325", "fill": "url(#bank-xjrcb_svg__c)", "transform": "matrix(-1 0 0 -1 1025 942)" }), h("path", { "d": "M90 140c95-30 165-20 240 6-59 120-54 222 19.5 325C220 461 109 351 111 167Z", "fill": "url(#bank-xjrcb_svg__d)" }), h("path", { "d": "M90 140c95-30 165-20 240 6-59 120-54 222 19.5 325C220 461 109 351 111 167Z", "fill": "url(#bank-xjrcb_svg__d)", "transform": "matrix(-1 0 0 -1 1025 942)" }), h("path", { "d": "M349.5 471C373 292 515 163 693 146c75-21 157-16 247 4 0 201-136 311-265 321L512.5 308Z", "fill": "url(#bank-xjrcb_svg__e)" }), h("path", { "d": "M349.5 471C373 292 515 163 693 146c75-21 157-16 247 4 0 201-136 311-265 321L512.5 308Z", "fill": "url(#bank-xjrcb_svg__e)", "transform": "matrix(-1 0 0 -1 1025 942)" })])]);
+      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/BankXmbank.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 BankXmbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankXmbank.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 BankXmbank = defineComponent({
+  name: "BankXmbank",
+  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": "M204 818.4h595.2V227.6H204z", "fill": originColor ? "#005bac" : "currentColor" }), h("path", { "d": "M352 228.8h211.6c94 94.8 89.2 200.8 82.4 234.4-.4-8.8-41.2-69.6-113.6-106.4-17.6 8.4-32 16.4-47.6 52.8-90.4-48-136-127.2-132.8-180.8m447.2 330v133.6c-96 25.2-204.8-39.6-242.4-112-18.8-36-35.2-69.2 12.8-79.6-24.8 12.8-29.2 26.8-14 48.4 31.6 53.6 131.2 68 180.4 51.6.4-33.2-41.6-108-75.6-122 19.2-4.4 55.2 20.4 70.8 25.6 27.2 9.6 50 30.4 68 54.4M568 466c96 23.2 42 .8 67.2 28 3.2-6.4-22.8-11.2-38.8-8.8-74-8.8-142 56.8-158.4 167.2 50.4 31.2 56.4 87.6 76.8 62.4-38.8 53.6-152.4 116-274 66 61.6-238 196.4-346 327.2-314.8", "fill": originColor ? "#004a8c" : "currentColor" }), h("path", { "d": "M221.2 740.8c8.8-216 156-302.8 280.4-302.8 20.4 0 40 2.4 58.4 6.8 96.4 23.2 101.2 72.8 56.4 103.6 19.6-28 0-58-58.4-64-52.8-5.2-145.2 35.6-156.4 145.6 50.4 31.2 140 14 164.4-4.8-12.4 108.8-144.4 206-344.8 115.6m441.6-260c15.6-7.2 52.4-12.8 72-12.8 2.8 0 5.2 0 7.2.4 68 9.2 124 70 141.6 120-95.6 94.8-262.8 84-334-13.6-22.4-30.8-29.2-70.8 34-76.4-21.6 17.6-23.2 32-3.6 50 42.4 45.6 133.2 26.4 177.6.4-6.4-32.4-46.8-66.8-94.8-68m-204-338.4C722 229.6 655.2 434.4 648 480c-.8-8.8-7.6-34.4-10.8-43.6C622 393.6 588 350 515.6 317.6c-13.6 13.6-40 46.4-34.8 91.6-136.4-74-90.8-219.6-22-266.8", "fill": originColor ? "#ffcd11" : "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/BankXmintb.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 BankXmintb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXmintb.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 BankXmintb = defineComponent({
+  name: "BankXmintb",
+  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": "M407.6 746c3.6-.8 6-2.8 8-4.8 2-2.8 3.6-5.6 3.6-9.2 0-4.8-2-9.2-5.6-12-3.6-2-7.6-3.6-12.8-4h-20v64h20c6-.8 10.4-2 14.4-4.8 3.6-3.6 5.6-7.6 5.6-13.2 0-4-.8-7.6-3.6-10.4-2-2.4-5.6-4.4-9.6-5.6M390 722.8h10.8c2 .8 4 1.2 6 2.8 2 1.2 3.6 4 3.6 6.8 0 3.6-1.2 6.4-4 7.6-1.2 1.2-3.6 2-5.6 2.8H390zm17.6 46.8c-1.2 1.2-4 2-6.8 2.8H390V750h11.2c2.8.8 5.6 1.2 7.6 2.8 2 2 3.6 4.8 3.6 8.4s-2 6.4-4.8 8.4M352.4 716h8.8v64h-8.8zm130 35.6h14v18.8q-3 1.2-4.8 1.2c-2 .8-3.6.8-5.6.8-7.6 0-14-2-18.8-6.8-4-4-6.8-10-6.8-17.6s2.8-13.6 6.8-17.6c4.8-4.8 11.2-6.8 18.8-6.8 2.8 0 5.6 0 8.4.8s4.8 1.2 7.6 2.8l1.2-7.6c-3.6-.8-6.4-2-8.8-2-2.8-.8-5.6-.8-8.8-.8-10.4 0-18.8 2.8-24.8 8-6.4 6-8.8 13.6-8.8 22.8 0 9.6 2.8 16.8 8.8 22.8 6.4 5.2 14.4 8 24.8 8 3.6 0 6.8 0 10.4-.8 2.8-.8 6.4-1.2 8.8-2.8V744h-22v7.6z", "fill": originColor ? "#0062ab" : "currentColor" }), h("path", { "d": "M755.6 184H269.2c-32.8 0-61.2 26.8-61.2 60.8v534.4c-.8 32.4 28.8 60.8 61.2 60.8h486.4c33.2 0 60.4-28.4 60.4-60.8V244.8c0-34-26-60.8-60.4-60.8m37.6 595.2c0 20-19.2 38-38 38h-486c-18.4 0-38.4-20-38.4-38l.8-534.4c0-19.2 18.4-38 38-38h486c18.4 0 38 18 38 38z", "fill": originColor ? "#0062ab" : "currentColor" }), h("path", { "d": "M337.2 716h-9.6L312 741.2 296.4 716H286l20.4 30.8L284 780h9.6l17.6-28.4 18 28.4h10l-22.4-33.2zm383.6 1.2h-19.6v62h8.8v-25.6h10.4c5.6-.8 9.6-2 13.2-4.8 4-3.2 6.4-7.6 6.4-13.6s-2-10.8-5.6-13.6c-3.2-2.4-8.4-3.6-13.6-4.4m6 27.2c-1.2 1.2-3.6 2-6.4 2.8h-10V724h10.4c2.8.8 4.8 1.2 6.8 2.8 2 2 3.6 4.8 3.6 8.8 0 3.2-1.6 6.8-4.4 8.8m-49.6 8.8c0 6.8-1.2 11.6-4 14.8-2 3.2-6.4 5.2-11.2 5.2-5.6 0-8.8-2-11.6-4.8-2-3.2-3.6-8-3.6-14.8v-36.4H638v36.4c0 8.8 2 15.6 6.4 20.4 4 4 9.6 6 17.2 6 8.4 0 14-2 18-6.8 4-4 6.4-10.8 6.4-20.4v-35.6h-8.4v36zm-52.8-316.4c42.8-14.4 82-36.8 115.6-65.6-21.2-55.6-63.2-101.2-115.6-128.8-7.6-3.6-16-7.6-24-10.4-42 48.8-70.8 108.8-81.2 175.2h-14c-9.6-66.4-38.4-126.8-81.2-175.2-8.4 2.8-16 6.8-23.6 10.4-6.8 4-13.6 7.6-20.8 12.4-40.4 26-72 62.8-91.6 106.8-1.2 3.6-2.8 6-4 9.6 33.6 28.8 73.2 51.2 116.4 65.6 19.2 6.8 40 11.6 60.8 15.2v13.6c-20.8 2.8-41.2 7.6-60.8 14.4-43.2 14.4-82.8 36.8-116.4 65.6 22 54.8 63.2 100.8 116.4 128 7.6 4 15.2 7.6 23.6 10.4 42.8-48.8 71.6-108.8 81.2-174.8h13.6c10.4 65.6 39.2 126 81.2 174.8 8.4-2.8 16.4-6 24-10.4 6.8-3.6 13.6-7.6 20-11.6 43.2-28 77.2-69.2 95.6-116.4C706 516.8 666.4 494.4 624 480c-20-6.8-40-11.6-60.8-14.4 0-2.8-.8-4.8-.8-6.8 0-2.8.8-4.8.8-6.8 21.2-3.6 41.2-8.4 61.2-15.2m-9.6-145.2c3.6 2 6 4 9.6 6.8 22 15.2 41.2 34.8 55.2 58.4-17.2 11.6-36 21.2-55.2 29.6-18 6.8-36.4 12.4-55.6 16.4 7.2-40.8 23.2-78.4 46-111.2M400.4 386c-20-8.4-38.4-18-55.6-29.6 14.4-23.2 33.2-43.2 55.6-58.4 2.8-2.8 6-4.8 9.6-6.8 22 32.8 38 70.4 45.6 110.8-19.2-3.6-38-9.2-55.2-16m9.6 238.4q-5.4-3-9.6-6c-22.8-15.6-41.2-35.6-55.6-58.8 17.2-11.6 36-21.2 55.6-28.8 17.2-6.8 36-12.4 55.2-15.6C448 554 432 591.6 410 624.4m214.4-94c19.2 7.6 38 17.2 55.2 28.8-13.6 23.2-33.2 43.2-55.2 58.8-3.6 2-6 4-9.6 6-22.8-32.8-38.4-70.4-46-109.6 18.8 4 37.6 9.2 55.6 16m-75.6 220.8c-.8-1.2-2.8-2-4-2.8 4-1.2 7.6-2.8 9.6-5.2 2.8-2.8 4-6 4-10 0-4.8-2-8.8-5.6-11.6s-8.4-4-14.4-4h-19.2v62h8.8V752h5.6c2 0 3.6 0 4.8.8.8.8 1.2.8 2 .8 1.2 1.2 2.8 3.2 4 6l8.4 20.4h9.6l-9.6-22.4c-1.2-4-2.8-6-4-6.4m-10.4-6.4H528V724h10.4c3.6.8 5.6 1.2 6.8 2.8 2.8 1.2 4 4 4 7.6s-1.2 6-4 8c-1.2 1.2-4 2-6.8 2.4m58.8-28.8c-8.8 0-16 3.2-20.8 8.8-5.6 5.2-8.4 13.6-8.4 23.6s2.8 17.6 8.4 23.6c4.8 5.2 11.6 8 20.8 8 8.8 0 16-2.8 20.8-8 5.6-6 8.4-13.6 8.4-23.6s-2.8-18-8.4-23.6c-5.2-5.6-12-8.8-20.8-8.8m14.4 50.4c-4 4-8.4 6.8-14.4 6.8s-10.4-2.8-14.4-6.8c-3.6-4.8-4.8-10.8-4.8-18 0-8 1.2-14 4.8-18 4-4.8 8.4-7.6 14.4-7.6s10.4 2.8 14.4 7.6c3.6 4 4.8 10 4.8 18 0 7.2-1.2 13.6-4.8 18", "fill": originColor ? "#0062ab" : "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/BankXsrcb.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 BankXsrcb: DefineComponent<IconProps>;