@nstc-design/icons 0.2.0 → 0.2.1

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

package/packages/vue/icons/BankXsrcb.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 BankXsrcb = defineComponent({
+  name: "BankXsrcb",
+  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": "M234.4 448c-18 0-32.8 14.4-32.8 32.4s14.8 32.4 32.8 32.4 32.8-14.4 32.8-32.4c0-17.6-14.8-32.4-32.8-32.4m208.8-46.8s-98.4-93.6-234-11.6c-31.6 19.2-50 47.6-59.6 74-31.2 86 40.8 188.8 137.2 198.8 0 0 89.2 18 152.4-28.4l34 30s-130 93.6-279.6 9.2c-149.6-84.8-120.8-290 42-344.4 0 0 136.4-49.2 248.4 46.8l-18.4 11.6z", "fill": originColor ? "#f4811f" : "currentColor" }), h("path", { "d": "M795.6 419.2h39.2l-1.2 59.2 8-1.2 45.6-55.2h38.4l-60.4 72 66.8 80.8h-44.4l-49.2-60.4h-3.2v61.2h-40.4zM638.8 575.6l-.8-157.2s45.6-9.6 57.2 30.4l32.4 63.2 5.2-.8.8-92.8 37.6.8v156.4h-34L678 488l1.2 87.6zm-108-62 20-60 20.8 60zm-58.4 60.8 42.4.8 9.2-32 56 .8 11.6 32 35.6-1.2-47.6-136c-16.4-28.8-40.8-20.4-50.8-10.8-9.6 9.2-56.4 146.4-56.4 146.4m-174-16.4 1.6-97.6s13.2-49.2 74.4-48.4 75.2 39.2 77.6 55.6-7.6 42.4-28 49.2c0 0 52 26.4 25.6 75.2-26.4 49.2-131.6 68.8-182 34.4s-45.6-31.2-24.8-51.6c0 0 5.6-4.8 14.8 4 9.2 9.2 63.6 54 130.8 18.8 0 0 38.8-10 27.2-45.2 0 0-10-18-38-18.8V508s46.4-10.8 30-44.4c0 0-13.2-27.2-50.4-13.2 0 0-16.4 8.4-17.6 17.2l-.8 90.8s-18.4 23.6-34 6.4l-4-2.8zm1.6-2.4v-95.2z", "fill": originColor ? "#00adee" : "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/BankXtb.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 BankXtb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXtb.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 BankXtb = defineComponent({
+  name: "BankXtb",
+  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": "M179.4 549.708c31.7-100.64 154.572-184.8 246.712-221.24a129 129 0 0 1 17.652-5.564c.264-.132 9.104-2.4 8.816-.784-.108.392-.892.392-1.808.784-.784.26-1.44 1.02-2.456 1.516-1.176.624-2.748 2.168-3.4 2.664-.888.784 0 .26-.104 1.148-.264 1.908 1.148 1.384 3.372 1.152 5.728-.524 16.74-5.096 18.832-5.36 1.44-.256 2.98-.756 3.764-.884 3.768-.368 2.88.52.788 2.168-2.096 1.408-5.6 4.076-9.236 6.084-79.348 44.408-191.472 119.48-186.4 216.02 4.136 78.492 116.52 78.44 171.208 79.848 6.64.108 14.04.368 19.22 1.752 4.292 1.176 7.532.26 7.532 2.56 0 0-1.8 1.02-2.588 1.252-2.88.784-7.664 2.928-8.448 4.336-.26.496-1.828 2.404-1.308 3.136.392.652 1.7.916 2.88 1.308.912.26 1.828.756 1.828.888.628 1.512 9.468.104 8.944 2.532-.26 1.516-4.16 2.796-4.548 4.308-.132.888.52 1.776.652 2.536.264 1.28 0 2.428-.652 3.448-2.46 3.92-11.692 2.64-11.04 5.432.264 1.28 9.104 3.32 9.86 4.076.656.496 2.616.628 4.708 1.384 1.544.52 4 1.644 5.832 2.04 2.328.388 4.292 2.036 5.964 2.92 2.484.996 4.42 1.256 4.42 1.648 0 .888-1.828 1.256-3.636 2.04-3.504 1.384-8.708 2.792-11.952 4.176.264.264 1.18.628 1.44.888 1.044 1.152 1.412 2.168 3.14 2.796 2.952 1.02 6.588.628 8.42 3.92.132.26-.26.652-.26.912.784 1.776 1.176 3.656.392 6.088-1.44 4.44-12.084 6.84-9.232 10.656 1.304 1.776 4.024 3.292 7.008 4.44 2.352.784 4.812 1.384 6.88 2.14 4.024 1.672 4.704 5.748 7.66 7.628 3.14 2.168 8.448 2.168 5.86 2.432-.132.52-2.616 1.384-3.664 1.748-2.952 1.308-8.42 1.908.524 3.32 12.112 1.904 27.828 3.392 25.108 3.288-.4.596-.936 1.08-1.568 1.412-1.44.888-3.792 1.644-5.076 2.14-61.72 22.596-146.772 13.06-208.888-.992-91.04-20.452-163.148-86.956-133.124-182.14zm311.152-165.396 53.28-13.684c10.248-2.3 16.632-4.964 22.096 5.328l2.04 25.492c.132 16.248-8.16 21.212-21.812 25.652l-55.6 14.208v-56.996z", "fill": originColor ? "#6fb92c" : "currentColor" }), h("path", { "d": "M851.792 381.28c-5.204 112.716-229.944 247.732-360.872 259.8V496.632c130.82-19.016 239.152-87.164 241.608-140.608 3.532-77.944-181.848-50.02-235.384-34.532l.132-10.656c32.876-12.536 100.432-31.868 167.828-34.14 95.488-3.32 190.716 22.2 186.688 104.588z", "fill": originColor ? "#00398f" : "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/BankXwbank.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 BankXwbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankXwbank.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 BankXwbank = defineComponent({
+  name: "BankXwbank",
+  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": "115.28 127.78 793.44 793.44", "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": "M736.427 533.973c5.76-24.661 11.52-49.322 17.834-74.496 2.56-11.52 5.206-23.552 7.851-35.114 5.547-23.808 26.88-40.619 51.37-40.363h18.86v84.907c-1.537 8.96-2.091 18.389-6.273 26.752-6.826 28.33-13.653 57.173-19.925 85.461-4.181 17.835-8.405 35.157-12.075 52.95a35.24 35.24 0 0 1-24.618 27.818c-3.67 2.645-7.339 2.645-11.52 2.09-15.787-1.066-31.488-.511-47.232 0-7.339 0-15.19.555-22.016-3.669a7.04 7.04 0 0 1-3.158-3.669c.555-3.157 3.158-2.09 5.291-2.09 12.544.511 17.28-3.158 19.925-15.233l10.966-47.146 9.429-42.496c2.133-5.248 2.133-11.008 5.29-15.702", "fill": originColor ? "#5cb348" : "currentColor" }), h("path", { "d": "M171.733 661.888c14.678-18.347 28.8-36.693 43.52-55.04l58.155-73.941c1.067-1.579 2.645-3.158 2.645-5.76a9.2 9.2 0 0 1 2.134-2.646 1524 1524 0 0 1 36.693-46.122c2.56-3.158 4.693-6.315 6.827-9.984a10.6 10.6 0 0 1 2.048-2.56c11.008-12.118 20.48-24.704 30.421-37.291 4.693-6.272 10.496-12.544 15.744-18.859 6.272-6.826 12.032-14.165 20.437-18.346 7.339-4.224 14.678-6.827 23.04-6.827 24.704-.512 49.835 0 74.496 0 1.067 0 2.603 0 3.627 1.067.555 1.024 1.621 1.536 2.133 2.09 2.646 2.603 1.579 3.67-1.578 4.694-2.603.554-5.803 0-8.363 1.066a34.43 34.43 0 0 0-14.165 10.496c-8.96 11.008-18.347 22.016-26.24 34.091-2.603 2.56-6.315 4.181-8.363 7.339L387.2 505.6c-6.272 7.85-12.032 15.744-17.835 23.595-4.181 8.917-11.008 15.701-17.28 23.04-9.984 12.629-19.413 25.728-29.866 37.76-7.894 5.248-12.075 13.653-17.835 20.992-8.96 10.496-17.323 22.016-25.728 32.512-11.008 13.653-25.685 19.925-43.52 19.925h-55.51c-3.157 0-5.802.512-7.85-1.579z", "fill": originColor ? "#34b6e8" : "currentColor" }), h("path", { "d": "M551.339 537.6c9.941-41.941 19.37-84.395 29.354-126.293 3.67-16.299 16.768-26.24 33.024-26.795h56.107c6.827 0 13.099 2.133 17.835 7.339-2.134 2.133-4.224 1.066-6.315 1.066-8.917-.554-15.701 4.182-17.792 12.587-7.381 31.445-15.232 62.379-21.504 93.867a948 948 0 0 0-16.256 66.56c-2.133 9.984-4.224 19.925-7.893 29.354a1160 1160 0 0 1-9.942 40.363c-4.224 16.81-16.213 26.752-33.578 26.752-17.792.512-35.627 0-53.462 0-7.893 0-15.232-1.579-20.48-7.85 1.622-2.134 3.712-1.067 5.803-1.067 9.941.512 15.701-3.115 18.347-12.587 5.76-19.925 8.917-39.85 14.165-59.733 2.603-11.051 5.248-21.547 7.339-32.512 2.09-3.158 2.602-7.382 5.248-11.008z", "fill": originColor ? "#5cb348" : "currentColor" }), h("path", { "d": "M548.181 548.65c-2.645 18.86-7.893 37.206-12.074 55.553-2.603 11.008-4.694 22.528-7.851 33.578-5.248 17.835-8.405 19.371-27.264 17.835a29.4 29.4 0 0 1-12.587-19.968c-6.314-26.71-12.586-54.016-18.858-80.725-7.894-35.115-16.256-70.272-24.15-105.387-.512-2.603-3.114-5.248-2.56-8.405a2.56 2.56 0 0 1 0-3.67c0-2.602 1.536-4.693 3.072-6.826 8.406-10.454 16.811-21.462 25.174-31.446 2.645-3.669 7.381-5.248 11.008-6.826 10.538-1.024 21.504-3.627 28.885 7.338a32.85 32.85 0 0 1 6.272 15.232c8.917 39.296 17.835 78.678 27.264 117.974 0 .512.512.512.512 1.066 2.645 4.694 4.693 9.387 3.157 14.678m93.312-48.767c1.579-13.654 5.803-27.307 8.406-40.406 3.669-17.834 7.85-35.626 12.032-53.461 2.645-11.008 11.05-16.768 22.57-14.165h3.67c6.826 4.736 11.008 11.008 12.586 19.413 9.43 40.363 18.347 80.213 27.776 120.576 0 1.067.512 1.579 1.067 2.133 3.157 4.694 3.157 9.387 3.157 14.678-3.712 22.016-9.429 44.032-14.677 66.048-2.645 9.941-4.224 19.925-7.381 29.866-3.115 9.984-10.454 13.142-20.438 11.051-1.578-.555-3.114 0-4.181 0l-.555-.555c-5.205-6.272-8.362-14.165-13.098-20.48-3.67-16.768-8.363-32.981-12.032-49.792-2.134-9.386-4.224-18.858-5.76-28.288-2.134-10.496-6.315-20.48-7.382-31.445 0-1.621 0-3.67-.512-5.248a85 85 0 0 0-1.578-5.803 16.04 16.04 0 0 1-3.67-14.122", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "M322.219 590.08c2.048-6.827 7.85-12.075 12.032-17.323 10.496-13.653 20.949-26.752 31.488-39.85a7.04 7.04 0 0 1 3.626-3.158c25.174 33.536 49.835 67.627 75.008 101.206a33.3 33.3 0 0 0 4.182 4.693c8.405 7.381 13.653 17.323 19.413 26.752-1.579 2.133-3.712 1.067-5.803 1.067h-58.197a53.76 53.76 0 0 1-44.544-22.571c-12.587-16.768-24.661-34.048-37.248-50.859z", "fill": originColor ? "#157abe" : "currentColor" }), h("path", { "d": "M323.755 467.37c-.512.513-1.067 1.537-1.579 2.091-6.272-2.133-9.387-7.338-12.587-12.586-1.536-2.646-2.09-6.827-6.826-3.158-1.024 1.067-2.56 0-3.627-.512-1.579-1.066-1.067-2.645 0-4.181 2.603-3.157 1.024-5.803-1.067-8.405-4.266-6.272-8.96-12.246-14.122-17.835-3.712-3.67-5.291-8.917-8.406-13.099-3.157-3.669-5.802-7.338-10.496-8.405a7.64 7.64 0 0 1-4.693-3.115c-9.472-9.429-20.48-11.52-33.067-7.893-5.248 1.579-9.941 1.067-14.677 1.067-9.387-.512-18.347 1.024-27.264-1.579-3.157-.512-3.157 1.067-2.133 3.157 2.133 4.182 3.712 8.918 8.405 11.008 2.133 1.067 3.157 3.158 3.712 5.76a14 14 0 0 0 3.115 5.248c7.85 7.339 11.52 18.347 19.413 25.686 12.587 11.52 18.347 27.264 28.843 40.362a1.62 1.62 0 0 1 .512 1.067c8.405 3.157 8.405 12.587 13.098 17.835 4.224 4.693 8.406 8.362 12.075 13.653 2.645 4.139 5.76 7.85 5.76 13.056-.512 1.067-1.579 1.067-2.09 1.621-35.158-47.786-69.76-94.933-105.387-143.189 2.602 0 4.693-.512 6.314-.512h58.198c18.346 0 32.981 7.85 44.032 22.016 13.098 17.28 26.197 35.115 39.296 52.907 1.621 2.645 5.802 3.712 5.248 7.893z", "fill": originColor ? "#0d76b3" : "currentColor" }), h("path", { "d": "M510.976 399.701c-8.405-7.338-18.347-8.362-28.885-7.338 3.157-2.56 7.381-.512 11.52-1.536-.47-2.134-3.115-2.646-2.56-5.248 8.874 2.09 15.701 5.76 19.925 14.122", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "M278.187 526.08c-3.712-4.181-5.803-9.43-8.96-14.165-4.182-6.272-11.008-10.454-14.123-17.28-.555-1.579-1.067-2.603-1.067-4.224 0-1.536 0-3.115-1.066-4.182-10.496-4.693-13.654-15.189-19.414-24.106-3.114-4.694-5.76-11.008-9.386-14.166-4.736-4.181-8.406-8.917-12.587-13.653-2.645-1.536-4.736-3.627-4.224-7.339 0-1.536-.512-2.602-1.579-3.114a19.29 19.29 0 0 1-11.52-15.232c0-1.024-1.066-2.603-2.133-3.115-7.808-1.579-7.808-8.917-11.52-13.653-2.09-3.115.555-5.248 3.157-4.182 10.496 4.182 20.992 1.579 32 2.134 4.694.469 9.942-1.11 14.678-1.622 11.008-2.133 21.504 0 29.866 8.406 1.067 1.066 2.134 2.602 3.158 2.602 11.008 2.646 15.232 11.52 19.413 19.926 1.067 1.578 2.133 2.645 3.157 3.669 6.827 5.248 10.454 13.653 15.702 19.925 2.133 2.646.554 4.694-1.579 6.315-1.024 1.024-2.09 2.09-.512 3.157 1.024 1.024 2.645.512 3.157-.554 2.603-6.272 4.182-3.158 5.76.554 2.646 6.827 8.363 12.032 13.099 16.726-11.008 16.81-24.661 31.488-36.693 47.744a31.2 31.2 0 0 1-6.827 9.386z", "fill": originColor ? "#157abe" : "currentColor" }), h("path", { "d": "M685.525 655.616a24.96 24.96 0 0 1-12.032-20.48c5.248 6.315 8.918 13.099 12.032 20.48", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "m832.853 469.461 20.48-83.882-20.48-1.067-21.461 30.421z", "fill": originColor ? "#5cb348" : "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/BankXxb.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 BankXxb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXxb.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 BankXxb = defineComponent({
+  name: "BankXxb",
+  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": "M212 172h600c22 0 40 18 40 40v600c0 22-18 40-40 40H212c-22 0-40-18-40-40V212c0-22 18-40 40-40m137.6 76H222.4v74h374.8v398.8H481.6v72.4h195.2V470.8H736v322.4h76V391.6H676.8v-69.2H812V248H438.4v-33.6h-88.8zm-39.2 88-52 51.2 71.6 70H222.4V536H352v52.4H222.4v75.2H352v130h78v-130h129.6v-75.2H430V536h129.6v-78.8h-108l68.4-70-48.8-51.2-81.6 78zm-88 384.4v73.2h78.8v-73.2z", "fill": originColor ? "#d80013" : "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/BankXyb.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 BankXyb: DefineComponent<IconProps>;