@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankCqbank.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 BankCqbank = defineComponent({
+  name: "BankCqbank",
+  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": "m394 360-8.4.4-8.4.4-8 1.2-8 1.6-8 1.6-7.6 2-7.6 2.4-7.2 2.8-6.8 2.8-6.8 3.6-6.8 4-6.8 4-6.4 4.4-6.4 4.8-6 4.8-5.6 5.2-5.2 5.2-5.2 6-5.2 5.6-4.8 6.4-4.4 6.4-4 6.4-4 6.8-3.6 7.2-3.2 7.2-2.8 7.2-2.4 7.6-2.4 7.6-2 7.6-1.6 8-1.2 8-.8 8.4-5.6 5.2-5.2 5.6-5.2 6-4.8 6.4-4.4 6.4-4 6.8-3.6 6.8-4 7.2-3.2 7.2-2.4 7.6-2.4 7.6-2 8-1.2 8-1.2 8-.8 8-.4 9.2.4 6.8.4 6.4.8 6.8.8 6.4 1.2 6.4 1.6 6.4 2 6.4 2 6 2 6 2.4 5.6 2.8 6 2.8 5.6 3.2 5.6 3.6 5.2 3.6 5.2 3.6 4.8 4 4.8 4 4.8 4.4 4.4 4.8 4.4 4.4 4 5.2 4 5.2 3.6 5.2 3.6 5.6 3.2 5.6 3.2 5.6 2.8 5.6 2.4 6 2.4 6 2 6 2 6.4 1.6 4 4 4 4 4.4 4 4 3.6 4.4 3.6 4.4 3.6 4.8 3.6 4.8 3.6 4.8 3.2 4.8 3.2 4.8 3.2 5.2 3.2 5.2 2.8 5.2 2.4 5.2 2.4 5.2 2.4 5.6 2.4 5.2 2 5.6 2 5.6 2 5.6 1.6 5.6 1.6 5.6 1.2 5.6 1.6 5.6 1.2 6 .8 6 .8 6 .8 6 .8 6 .4 6.4.4 6 .4 9.2-.4 9.2-.8 9.2-.8 8.8-1.2 9.2-1.6 8.8-2 8.4-2.4 8.8-2.4 8.4-3.2 8.4-3.2 8-3.6 8-4 8-4 7.6-4.4 7.2-4.8 7.2-4.8-4.4.4-4.4.4-4.4.4h-10l-5.6-.4-5.6-.4-5.6-.4-5.6-.4-5.6-.8-5.2-.8-5.6-.8-5.2-.8-5.2-1.2-5.2-1.6-5.2-1.6-5.2-1.6-5.2-1.6-5.2-2-5.2-2-4.8-2-5.2-2-4.8-2-4.8-2.4-4.4-2.4-4.8-2.4-4.4-2.4-4.8-2.4-4.4-2.8-4.4-3.2-4.4-2.8-4.4-2.8-8.4-6.4-8-6.8-1.2-1.2-1.6-1.2-.8-.4-.4-.8-1.6-1.2-1.6-1.6-.4-.4-.8-.4-1.6-1.6-1.6-1.6-.4-.4-.4-.4-2-2-1.6-1.6-.4-.4-.4-.4-1.6-2-2-2-.4-.4v-.4l-2-2-1.6-2-.4-.4-2-2.4-2-2-2-2.4-2-2.4h-.4v-.4l-2-2.4-2-2.4-2-2.4-1.6-2.4-1.6-2-1.6-2.4v-.4l-1.6-2-1.6-2.4-.4-.4-.4-.4v-.4l-.4-.4-1.2-2-1.2-2-.4-.4-1.6-2.4-1.6-2.4v-.4l-.4-.4-1.2-2.4-1.2-2.4-.4-.4-.4-.4-1.2-2-1.2-2-.4-.8-.4-.8-.8-2-.8-2-.4-.8 3.6 1.2-.8-2-.8-1.6-.4-1.2-.4-.8-.8-1.6-.8-1.6-.4-1.2-.4-1.2-.8-1.6-.8-1.6-.4-1.2-.4-1.2-.8-1.2-.4-1.6-.8-1.6-.4-1.6-.4-1.2-.4-1.2-.4-1.6-.8-1.6-.4-1.2-.4-1.2-.8-2-.4-2-.4-.8-.4-.8-.8-2-.4-2-.4-.8-.4-.8-.8-2-.4-2-.4-.8-.4-.8-.4-2.4-.4-2v-.4h-.4v-1.2l-.4-.4-.4-2.4-.4-2.4-.4-.4v-.8l-.4-2.4-.4-2.4-.4-.4v-.8l-.4-2.4-.4-2.4V600l-.4-2.8-.4-2.4v-1.2l-.4-2.8v-3.6l-.4-2.8-.4-2.8v-.8l-.4-3.2-.4-2.8v-.4 1.6l-.4-3.2v-13.2.4-6l.4-.4v-4l.4-1.6v-2.4l.4-.8v-1.2.4-.8l.4-.8v-1.6l.4-.8v-3.2l.4-.8v-1.6l.4-.4v-2.4h.4v-1.2l.4-.8v-.8l.4-.8v-1.2l.4-.8v-.8l.4-.8.4-.8v-.8l.4-.8.4-.8V520l.4-1.2.4-1.2.4-.4v-.4l.4-1.6.4-1.6v-.8l2-8.4 2.4-8 2.4-8 2.8-8 3.2-8.4 3.6-8.4 4-8.4 4-8 4.4-8 4.8-8 5.2-7.6 3.6-7.6 5.6-7.2 6-6.8 6-6.8 6.4-6.4 6.8-6.4 6.8-6 7.2-6 7.2-5.6-5.6-.8-5.2-.8-5.2-1.2-5.2-.8-5.2-.8-5.2-.4zm-58 182-.8 28z", "fill": originColor ? "#009f40" : "currentColor" }), h("path", { "d": "m582 460 118 118-118 118-118-118z", "fill": originColor ? "#1f2a8c" : "currentColor" }), h("path", { "d": "m698.8 256 5.2.4 4.8.4 5.2.4 4.8.8 4.8 1.2 4.8 1.2 4.8 1.6 4.4 1.6 4.4 2.4 4.4 2 4.4 2.4 4 2.4 4 2.8 3.6 2.8 3.6 3.2 4 3.6 3.2 3.2 3.2 3.6 3.2 3.6 2.8 4 2.8 4 2.4 4 2 4.4 2.4 4.4 1.6 4.4 2 4.8 1.6 4.4 1.2 4.8.8 4.8.8 5.2.8 4.8v5.2l5.6 4.8 5.6 5.2 5.2 5.2 4.8 6 4.4 6 4.4 6 4 6.8 3.2 6.4 3.2 7.2 2.8 6.8 2.4 7.2 2 7.6 1.6 7.6 1.2 7.6.4 8 .4 8-.4 8-.4 8-1.2 7.6-1.6 7.6-2 7.6-2.4 7.2-2.8 7.2-3.2 6.8-3.6 6.8-4 6.4-4 6.4-4.8 6-4.8 5.6-5.2 5.6-5.6 5.2-5.6 4.8-1.2-10.8-1.2-10.8-2-10.4-2.4-10.4-2.8-10.4-3.2-9.6-4-10-4-9.6-4.8-8.8-5.2-9.2-5.2-8.8-6-8.8-6.4-8-6.4-7.6-7.2-8-7.2-7.2-7.6-6.8-8-6.4-8.4-6.4-8.4-5.6-8.8-5.6-9.2-4.8-9.2-4.8-9.6-4-9.6-4-10-3.2-10.4-2.8-10-2-10.8-2-10.4-1.2-11.2-.8-10.8-.4h-9.6l-9.2.8-9.2.8-9.2 1.6-9.2 1.6-8.8 2-8.8 2.8-8.4 2.4-8.4 3.2-8.4 3.2-8 4-8 4-7.6 4.4-7.6 4.8-7.2 4.8-7.2 5.2 1.2-6.8 1.2-6.8 2-6.8 2-6.4 2.4-6.4 2.8-6.4 2.8-6 2.8-6 3.6-6 3.6-5.6 4-5.6 4-5.2 4.4-5.2 4.8-4.8 4.4-4.8 5.2-4.8 4.8-4 5.6-4.4 5.6-3.6 5.6-3.6 6-3.6 6-3.2 6-2.8 6.4-2.4 6.4-2.4 6.8-2 6.8-1.6 6.8-1.6 6.8-1.2 6.8-.8 7.2-.4H606l5.2.4 4.8.8 4.8.8 4.8.8 4.8 1.2 4.8 1.2 3.2-2.8 3.6-2.4 3.6-2.4 3.6-2 3.6-2 4-1.6 3.6-1.6 4-1.6 4-1.2 4.4-1.2 4-1.2 4.4-.8 4-.8 4.4-.4h4.8z", "fill": originColor ? "#e4201f" : "currentColor" }), h("path", { "d": "m392 172-4.4.4h-5.2l-4.8.8-5.2.8-4.8 1.2-4.8 1.6-4.8 1.6-4.4 1.6-4.4 2-4.4 2.4-4.4 2.4-4 2.4-4 2.8-4 3.2-3.6 3.2-3.2 3.6-3.6 3.2-3.2 3.6-3.2 4-2.8 4-2.4 4-2.4 4.4-2 4.4-2.4 4.4-1.6 4.4-1.6 4.8-1.6 4.8-1.2 4.8-.8 5.2-.4 5.2-.4 4.8-.4 5.2v2l-4 2-4 2-4 2-4 2.4-3.6 2.8-4 2.4-3.2 2.8-3.6 2.8-3.6 2.8-3.2 3.2-3.2 3.2-2.8 3.6-3.2 3.2-2.8 3.6-2.8 3.6-2.4 3.6-2.4 4-2.4 3.6-2 4-2 4.4-2 4-2 4.4-1.6 4-1.2 4.4-1.2 4.8-1.2 4-.8 4.8-1.2 4.8-.4 4.4-.4 4.8-.4 4.8v5.2l.4 6 .4 6.4.4 6.4 1.2 6 1.6 6 1.6 6 1.6 5.6 2.4 6 6.4-10.4 6.4-9.6 6.8-10 7.2-9.2 7.6-9.2 7.6-9.2 8-8.8 8-8.4 8.4-8.4 8.8-8 9.2-7.6 9.2-7.2 9.6-7.2 9.6-6.8 10-6.4 10-6.4 10.4-6 10.8-5.2 10.4-5.6 11.2-4.8 11.2-4.4 11.2-4 11.6-4 11.6-3.2 11.6-3.2 12-2.4 12-2.4 12.4-2 12-1.6 12.8-.8 12.4-.8h20.8l8 .4 8 .4 8 .4 7.6.8 8 1.2 7.6.8 8 1.2-1.2-3.6-1.2-4-1.6-4-1.6-3.6-2-3.6-2-3.6-2-3.6-2.4-3.2-2-3.2-2.8-3.2-2.4-3.2-2.8-2.8-2.8-3.2-2.8-2.8-3.2-2.4-3.2-2.4-3.2-2.4-3.2-2.4-3.6-2-3.2-2-4-2-3.6-1.6-3.6-1.6-4-1.6-4-1.2-3.6-.8-4-1.2-4.4-.8-4-.8-4-.4h-15.2l-6.4.4-6 1.2-6.4 1.6-5.6 1.6-6 2-5.6 2.4-5.2 2.8-3.6-3.2-3.6-3.2-3.6-2.8-4-2.8-4.4-2.8-4-2.4-4.4-2-4.4-2-4.4-1.6-4.4-1.6-4.8-1.6-5.2-.8-4.8-.8-4.8-.8H398l-4.8-.4z", "fill": originColor ? "#f7c700" : "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/BankCqrcb.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 BankCqrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCqrcb.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 BankCqrcb = defineComponent({
+  name: "BankCqrcb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M512.8 172c131.6.4 246.4 74.4 304.4 182.4.8 1.6 2 3.2 2.8 4.8 14 32.4 19.2 44.8 11.6 82.4-16 82-70 121.6-151.6 95.6-77.2-28.4-90.8-139.2-174-180-61.2 66.4-112.8 152-170.4 246.4 76.4-20 141.6-9.6 200.4 19.6 106.4 26.4 176 3.6 229.6-49.2 22.8-20.8 7.6 20 22.8.4 16.8-21.6 24.8-30.8 26-20.4.4 5.2 7.6.4 8.8-3.2 6-16.4 12-17.6 14-10 .4 3.2 5.6 3.2 9.2-4 2.8-6 8-6 10-4-10.8 177.6-161.2 319.6-343.6 319.6-189.6 0-344-152.4-344.4-339.6v-.8c.4-186.8 154.4-339.2 344-339.6h.4z", "fill": originColor ? "#e4181e" : "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/BankCrbank.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 BankCrbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankCrbank.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 BankCrbank = defineComponent({
+  name: "BankCrbank",
+  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": "M520 832H380l70-120zm280 0H660l70-120zM192 192h640v359.6l-76.8-133.2c-4.8-8.8-14-13.6-23.2-13.6s-18 4.8-23.2 13.6l-100 173.2c-7.2 12.8-2.8 29.2 9.6 36.4 12.8 7.2 29.2 3.2 36.4-10l76.8-133.2L808.4 618c4.8 8.4 14 13.6 23.2 13.6v146.8l-76.8-133.2c-4.8-8.8-14-13.2-23.2-13.2s-18 4.8-23.2 13.2l-100 173.2q-3.6 6.6-3.6 13.2H578c0-4.4-1.2-9.2-3.6-13.2l-100-173.2c-4.8-8.8-14-13.2-23.2-13.2s-18 4.8-23.2 13.2L328 818.4q-3.6 6.6-3.6 13.2H192zm258 292.8 76.4 134c7.2 12.8 23.6 17.2 36.4 10 12.8-7.6 17.2-24 9.6-36.8l-99.6-174.4c-4.8-8.8-14-13.6-23.2-13.6s-18 4.8-22.8 13.6L327.2 592c-7.2 12.8-3.2 29.2 9.6 36.8s28.8 3.2 36.4-10z", "fill": originColor ? "#f4a21c" : "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/BankCscb.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 BankCscb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCscb.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 BankCscb = defineComponent({
+  name: "BankCscb",
+  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": "7.7 7.45 113.1 113.1", "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": "113.1", "rx": "24.741", "ry": "24.741", "width": "113.1", "x": "7.7", "y": "7.45" }), h("path", { "d": "M48.05 62.55c0-6.95 4.5-13.15 11.2-15.3s14 .1 18.2 5.7L71.3 57.5a8.645 8.645 0 0 0-9.6-3.05c-3.5 1.15-5.9 4.4-5.9 8.05 0 3.75 2.45 7.1 6.1 8.15 3.65 1.1 7.55-.3 9.65-3.45l6.2 4.6c-4.1 5.75-11.5 8.2-18.25 6.05s-11.4-8.25-11.45-15.3M44.6 48.8c-.5.55-1.35.65-1.95.2-.6-.4-.8-1.2-.4-1.85 5.45-6.1 13.5-9.65 22-9.65s16.55 3.55 22.05 9.65c.4.6.2 1.4-.4 1.85-.6.4-1.45.35-1.95-.2C79 43.4 71.8 40.25 64.3 40.25c-7.6.05-14.8 3.15-19.7 8.55m39.3 30.4c.5-.55 1.35-.65 1.95-.2.6.4.8 1.2.4 1.85C80.75 87 72.7 90.5 64.2 90.5s-16.55-3.55-22.05-9.65c-.4-.6-.2-1.45.4-1.85s1.45-.35 1.95.2c4.95 5.4 12.15 8.55 19.65 8.55C71.8 87.7 79 84.6 83.9 79.2", "fill": originColor ? "#d80c18" : "currentColor" }), h("path", { "d": "M42.1 69.75v-.1c0-4.3-2.25-6.45-5.9-7.85 2.55-1.3 4.15-4 4.1-6.9v-.1c0-5.05-3.95-8.3-10.3-8.3H15.5v32h14.9c7.05 0 11.7-2.9 11.7-8.75m-8.6-13.7c0 2.4-1.9 3.4-4.95 3.4H22.2v-6.8H29c2.95 0 4.5 1.2 4.5 3.3zm1.75 12.75c0 2.4-1.85 3.5-4.85 3.5h-8.2v-7h8c3.5 0 5.1 1.3 5.05 3.5m77.75.1v-.1c0-5.45-3.85-7.7-10.65-9.35-5.8-1.4-7.25-2.05-7.25-4.1v-.1c0-1.45 1.5-2.7 4.35-2.7 3.2.15 6.25 1.25 8.85 3.1l3.85-5.15c-3.6-2.65-8-4.05-12.5-3.95-6.95 0-11.9 3.75-11.9 9.4V56c0 6.2 4.4 7.9 11.15 9.55 5.65 1.35 6.8 2.25 6.8 3.95v.1c0 1.85-1.85 2.95-4.85 2.95-3.7-.1-7.2-1.45-10-3.85l-4.4 4.85c3.9 3.2 9 5 14.25 5 7.25 0 12.3-3.45 12.3-9.65", "fill": originColor ? "#9fa0a0" : "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/BankCsdc.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 BankCsdc: DefineComponent<IconProps>;

package/packages/vue/icons/BankCsdc.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 BankCsdc = defineComponent({
+  name: "BankCsdc",
+  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": "-15.53 -15.53 231.98 231.98", "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": "231.98", "rx": "50.746", "ry": "50.746", "width": "231.98", "x": "-15.53", "y": "-15.53" }), h("defs", {  }, [h("linearGradient", { "id": "bank-csdc_svg__d", "x1": "0", "x2": "1", "y1": "1", "y2": "0" }, [h("stop", { "stop-color": "#e6002c" }), h("stop", { "offset": "1", "stop-color": "#a52530" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-csdc_svg__a", "x1": "1", "x2": "18", "y1": "1", "y2": "18" }, [h("stop", { "stop-color": "#d02b3b" }), h("stop", { "offset": ".09", "stop-color": "#fff1de" }), h("stop", { "offset": ".3", "stop-color": "#f4c1af" }), h("stop", { "offset": ".63", "stop-color": "#e96c65" }), h("stop", { "offset": ".84", "stop-color": "#df002c" }), h("stop", { "offset": "1", "stop-color": "#af1c31" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-csdc_svg__b", "x1": "31", "x2": "50", "y1": "31", "y2": "50" }, [h("stop", { "stop-color": "#d02b3b" }), h("stop", { "offset": ".09", "stop-color": "#fff1de" }), h("stop", { "offset": ".3", "stop-color": "#f4c1af" }), h("stop", { "offset": ".63", "stop-color": "#e96c65" }), h("stop", { "offset": ".84", "stop-color": "#df002c" }), h("stop", { "offset": "1", "stop-color": "#af1c31" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-csdc_svg__c", "x1": "63.5", "x2": "82.5", "y1": "63.5", "y2": "82.5" }, [h("stop", { "stop-color": "#d02b3b" }), h("stop", { "offset": ".09", "stop-color": "#fff1de" }), h("stop", { "offset": ".3", "stop-color": "#f4c1af" }), h("stop", { "offset": ".63", "stop-color": "#e96c65" }), h("stop", { "offset": ".84", "stop-color": "#df002c" }), h("stop", { "offset": "1", "stop-color": "#af1c31" })])]), h("path", { "d": "M1 1h34L1 35Z", "fill": "url(#bank-csdc_svg__a)", "stroke": originColor ? "#bd2336" : "currentColor" }), h("path", { "d": "M61 1h38L1 99V61Z", "fill": "url(#bank-csdc_svg__b)", "stroke": originColor ? "#bd2336" : "currentColor" }), h("path", { "d": "M126 1h38L1 164v-38Z", "fill": "url(#bank-csdc_svg__c)", "stroke": originColor ? "#bd2336" : "currentColor" }), h("path", { "d": "M200 8v192H8Z", "fill": "url(#bank-csdc_svg__d)", "stroke": originColor ? "#ae2432" : "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/BankCsrc.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 BankCsrc: DefineComponent<IconProps>;

package/packages/vue/icons/BankCsrc.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 BankCsrc = defineComponent({
+  name: "BankCsrc",
+  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": "m368 714.4-49.2 86h394.8l-50.4-86z", "fill": originColor ? "#ad2024" : "currentColor" }), h("path", { "d": "m469.6 572-52.8 96h380l54-96z", "fill": originColor ? "#c31a23" : "currentColor" }), h("path", { "d": "m258 715.2 60.8 85.2 187.6-326.8-53.2-94z", "fill": originColor ? "#bc1d22" : "currentColor" }), h("path", { "d": "m377.2 224 188 334.4h110L486.4 224z", "fill": originColor ? "#c31a23" : "currentColor" }), h("path", { "d": "m172 572 62.4 96h34.4l58.8-96z", "fill": originColor ? "#850300" : "currentColor" }), h("path", { "d": "M377.2 224 172 572h107.2l151.6-252.8z", "fill": originColor ? "#a62125" : "currentColor" }), h("path", { "d": "m642 681.2 22.4 34.8 48.4 82.8.8 1.6h13.2l44.4-79.2-17.6-40zM543.6 224l-20.8 34.4 58.4 93.2L648.8 224z", "fill": originColor ? "#850300" : "currentColor" }), h("path", { "d": "m648.8 224-53.2 98.4L743.2 572h107.6z", "fill": originColor ? "#a62125" : "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/BankCsrcb.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 BankCsrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankCsrcb.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 BankCsrcb = defineComponent({
+  name: "BankCsrcb",
+  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": "M1021.92 512.797c0 102.001.398 204.003 0 306.005-.4 98.814-67.736 180.494-163.761 199.62a197.8 197.8 0 0 1-43.43 3.586q-302.419.597-604.838 0c-119.533 0-207.589-88.056-207.987-207.59V209.582C1.904 90.447 90.757 1.992 209.493 1.992h605.236c98.814 0 180.495 63.353 201.612 157.784 3.586 16.735 5.18 34.266 5.18 51.4.398 100.805.398 201.213.398 301.62", "fill": originColor ? "#5a422e" : "currentColor" }), h("path", { "d": "M935.855 368.162c-8.367 49.008-30.281 90.048-67.337 121.525-37.453 31.876-80.087 49.009-128.697 50.204 7.57 54.985 57.376 126.307 152.604 134.674-73.712 0-133.479-31.477-184.878-84.072-2.789 20.72 11.157 44.228 45.423 81.681-7.172-4.781-13.946-9.164-21.118-14.344-26.297-19.125-51.399-40.242-70.126-67.735-13.547-19.524-21.914-42.235-24.703-65.743-1.196-5.977-4.383-11.157-9.164-14.344-67.337-43.829-100.807-106.385-99.213-186.472 1.594-68.93 34.665-122.72 89.251-162.963 1.594-1.196 3.188-1.992 7.97-4.383-22.712 46.22-29.087 91.642-16.337 139.057s40.641 83.673 80.486 111.165c8.367-8.765 15.539-16.734 22.711-24.305 31.477-32.274 77.298-31.078 105.986 17.93-29.086.399-47.415 11.954-52.196 33.868 67.337 6.774 123.517-15.14 169.338-65.743M466.887 794.895c27.493-27.891 37.852-61.36 37.056-102.4-47.814 33.47-98.018 41.837-151.807 35.461 28.29-5.578 54.985-13.945 75.704-37.055-55.384 10.758-107.978 6.375-155.792-27.094 74.908 35.86 132.682 5.18 186.472-48.61-43.43-31.079-87.26-33.47-135.47-7.172 18.328-35.462 46.219-54.587 80.086-65.345 35.063-11.156 68.134-1.992 99.213 13.946 27.89-35.462 58.173-29.485 83.275-7.57-12.352 2.788-22.313 8.367-27.493 19.921-6.774 15.54-8.367 31.477-2.79 47.415 9.165 25.9 11.556 53.392 6.774 80.486-6.375 43.829-54.985 94.033-95.228 98.017m-273.332-11.156c-45.423 3.187-74.11-21.915-96.423-56.181l39.446 22.313 1.195-2.39c-9.563-12.353-20.32-23.509-27.493-37.056s-10.758-29.086-16.336-43.43l3.188-1.196c3.984 9.961 6.375 20.32 11.953 29.087 15.54 26.297 55.782 43.828 85.665 38.649 14.344-2.391 17.532-6.774 13.149-21.118-7.57-26.297-22.313-46.618-48.212-58.173-3.984-1.593-7.57-3.586-11.953-5.976 38.65-13.547 88.056 7.57 110.369 52.594 23.907-13.547 40.243-2.789 54.188 18.329-30.281 5.976-43.032 29.086-52.993 55.383-19.523 53.392-82.08 77.298-132.283 51.798-1.195-.797-2.39-1.594-3.586-2.79 13.547-3.984 27.493-6.374 39.446-12.75 11.953-5.976 21.516-15.937 31.875-24.304z", "fill": originColor ? "#e8e33d" : "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/BankCsrcbhn.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 BankCsrcbhn: DefineComponent<IconProps>;

package/packages/vue/icons/BankCsrcbhn.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 BankCsrcbhn = defineComponent({
+  name: "BankCsrcbhn",
+  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": "110.16 373.52 289.7 289.7", "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": "289.7", "rx": "63.372", "ry": "63.372", "width": "289.7", "x": "110.16", "y": "373.52" }), h("path", { "d": "M204.19 498.96c0 7.02 5.87 12.76 13.04 12.76h76.1c7.17 0 13.04-5.75 13.04-12.76v-25.53c0-7.02-5.87-12.76-13.04-12.76h-23.46v-37.88c43.97 6.97 78.2 43.81 81.11 88.95h27.68c-3.03-60.36-49.58-109.58-108.79-116.82-4.95-.6-9.99-.93-15.12-.93-4.4 0-8.74.24-13.04.69v66h-24.5c-7.17 0-13.04 5.75-13.04 12.76v25.51zm45.09-26.84h11.99v28.14h-11.99z", "fill": originColor ? "red" : "currentColor" }), h("path", { "d": "M351.02 523.2c-2.44 45.6-36.86 82.97-81.18 89.98v-38.93h23.46c7.17 0 13.04-5.75 13.04-12.76v-25.53c0-7.02-5.87-12.76-13.04-12.76h-76.1c-7.17 0-13.04 5.75-13.04 12.76v25.53c0 7.02 5.87 12.76 13.04 12.76h24.5v39.24c-47-6.4-83.4-46.82-83.4-95.51 0-34.8 18.61-65.38 46.39-82.33v-31.08c-43.52 19.28-74.02 62.91-74.02 113.43 0 64.16 49.18 117.2 111.78 123.39.81.09 1.62.15 2.44.22l.6.05c.89.07 1.79.12 2.68.17.12 0 .22.02.34.02.98.05 1.96.09 2.96.12h.1c1.05.03 2.1.03 3.15.03s2.1-.02 3.13-.03h.12c.98-.03 1.94-.07 2.91-.12.14 0 .28-.02.41-.02l2.55-.15c.28-.02.55-.03.83-.07.71-.05 1.43-.12 2.13-.19.4-.03.79-.09 1.19-.12l1.84-.21c59.55-7.29 106.29-57.02 108.82-117.87h-27.64zm-101.75 39.6v-28.14h11.99v28.14zm20.59 78.27h-.02z", "fill": originColor ? "red" : "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/BankCtbc.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 BankCtbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankCtbc.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 BankCtbc = defineComponent({
+  name: "BankCtbc",
+  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": "M177.2 512c0-184.8 150.8-334.8 337.2-334.8 186 0 337.2 150 337.2 334.8S700.8 846.8 514.4 846.8c-186 0-337.2-150-337.2-334.8", "fill": originColor ? "#d51b19" : "currentColor" }), h("path", { "d": "M505.2 719.2v29.6c0 6 5.2 11.2 11.2 11.2h52.4V635.2h-52.4c-6.4 0-11.2 5.2-11.2 11.2V674H536c6.4 0 11.2 5.2 11.2 11.2v22.4c0 6-5.2 11.2-11.2 11.2h-30.8zm-10 0v29.6c0 6-5.2 11.2-11.2 11.2h-52.4V635.2H484c6.4 0 11.2 5.2 11.2 11.2V674h-30.8c-6.4 0-11.2 5.2-11.2 11.2v22.4c0 6 5.2 11.2 11.2 11.2h30.8z", "fill": originColor ? "#094" : "currentColor" }), h("path", { "d": "M817.6 483.6C817.6 665.2 670.8 812 490 812c-93.6 0-178-39.2-237.6-102.4 60 74.8 152 122.8 255.6 122.8 181.2 0 327.6-147.2 327.6-328.4 0-87.6-34.4-167.2-90-226.4 44.8 56.4 72 128 72 206", "fill": originColor ? "#f54b49" : "currentColor" }), h("path", { "d": "M675.2 436.8h-55.6c.4 22 10 34 27.6 34 5.6 0 12.4-.8 22.4-9.2-.8 1.2-1.2 2.8-1.2 4.4 0 1.2.4 2.8.8 3.6-2.8 2.4-10 7.6-26 7.6-22 0-37.6-16.8-37.6-40 0-22.8 15.2-38.8 37.2-38.8 16.4 0 32.4 7.6 32.4 38.4m-12.4-5.6c0-17.6-8.4-28.4-20-28.4-12.4 0-22.4 11.2-22.4 28.4zm-21.6 49.6c5.2-.4 9.2 2.8 9.6 6.4s-3.2 7.2-8.4 7.6-9.2-2.8-9.6-6.4 3.2-7.2 8.4-7.6m-198.4-86h-12c-9.2-31.2-15.2-54.4-36.4-115.2h18l29.6 99.2 30-99.2h10.8l32.8 97.6 28.4-97.6h11.6c-14.8 36.4-38.4 115.2-38.4 115.2h-12l-31.6-94.4zm134.8-70c-12.4 0-22.4 11.6-22.4 28.4h42.4c-.4-17.6-8.4-28.4-20-28.4m-36.8 34.4c0-22.8 15.2-38.8 37.2-38.8 16.4 0 32.4 7.6 32.4 38.4h-55.6c.4 22 10 34 27.6 34 6 0 13.2-1.2 24.4-10.8-.4 1.6-.4 2.8-.4 8-2.4 2-10 9.2-27.6 9.2-22.4 0-38-16.8-38-40m2.8 78.4-17.2 3.6c-10.8 2.4-16 7.6-15.6 16.4 0 8.8 5.6 15.2 14 15.2 5.2 0 11.6-2.8 16.4-7.2 2-1.6 2.8-4 2.8-7.6zm-46 21.2c0-12.4 8.4-18 24.4-21.6 16-3.2 18.4-3.6 22.4-6.4 0-16.8-2.4-24.4-18.4-24.4-8 0-14.8 3.6-20 11.2h-2v-8.4c8-6 16.4-8.8 26.8-8.8 20.8 0 24.8 12.4 24.8 25.2 0 44.4-.4 48 7.6 48h2l.4 3.2c-5.2 1.6-9.2.8-12 .8-5.6 0-8.4-2.8-10-9.6-3.6 3.2-10 10.8-24 10.8s-22-7.6-22-20m102.4-46c-8 0-16.8 2.8-16.8 38 0 7.2.4 15.2 1.2 26.8-6.4-.8-12.4-.4-12.8-.4.8-18 2.4-43.6 0-76.8 2.4.4 4.8.8 7.2.8 2 0 4 0 6-.4 0 3.6-.4 9.6-.8 18.8 7.2-14.4 12.4-18.4 21.6-18.4 1.6 0 3.2 0 4.8.4-.4 5.2-.8 7.2-.8 12.4l-1.2.8c-4-1.6-6-2-8.4-2M364.4 579.6l.4-.4-.4-1.2c-5.2-56.4-74.4-122.4-121.6-92.8-22.4 14-36.4 58-14.4 82.8 40 43.6 111.6 31.2 136 11.6m66.4-97.6c-3.2 8.8-7.6 23.6-15.2 40.8s-18.8 36-34.8 52.4c-44.8 46-125.2 42-159.6 8.8-16.4-15.6-33.6-57.2 11.6-95.6 58.4-49.6 133.6 12 136 84.8v3.6l2.4-2.8c12.8-15.2 22.8-35.6 29.6-54 6.8-18 11.2-33.6 13.2-38.8l.8-1.6h-2c-5.6-.4-24 0-41.2 0-8.8 0-17.2.4-23.6.4h-11.2c.8-2 5.6-8 6.8-10 6.8 0 66.8-.8 73.6-1.6h.8l.4-.8c2.4-4.8 5.6-16.8 12.4-29.6s16.8-26.8 32.8-36.4c3.6-2 10.4-5.6 17.2-8 3.2-1.2 6.4-2 9.2-2.4s4 0 4.4.8c.4.4.4.8 0 2.4s-1.2 3.2-2.4 5.6c-2 4-4.4 8.8-6.4 13.2-.4-.4-.4-.8-.8-1.6-.4-1.2-1.2-2.8-2.4-4-2.8-2.8-7.6-4-15.6-.8-11.6 4.8-19.2 19.6-24 32.8s-7.2 27.2-7.2 27.2 17.2 0 26-.4c.8 0 1.6 0 2.4-.4.8 0 1.2-.4 1.6-.4.8-.4 1.2-.4 2 0 .4 0 .8.4.8 2.4 0 1.6-.4 4-.8 6.8-1.2 5.2-2.8 12.4-4 20-.4 0-.8-.4-.8-.8-3.6-7.6-8.4-10.8-13.6-12.4q-4.2-1.2-8.4-1.2c-2.8 0-5.6 0-8-.4h-1.2zm28.8 101.2c.4.4 1.6 0 1.6 0 2.4-.8 6-2 8.8-2.8-2.8 2-7.2 5.2-12 8.4-7.6 5.6-12 8.8-14.8 11.2h-1.6c-.4 0-.8-.4-1.2-.4 0-2.8 4-21.6 8.4-29.2l-2-1.6c-2 2-4.8 5.2-8.4 8.8s-7.6 7.2-12 10.4c-8.8 6.8-18.8 11.2-26.8 8.4-10-3.6-1.6-44.8 47.6-71.2 12.8-6.8 29.2-13.6 49.2-12.4.4 3.2-.4 8-.4 8l-.4 1.6-1.2 1.2s-1.2 1.2-2.4 2c-4.8-5.6-31.2-3.2-43.6 3.2-19.2 10.4-47.6 42.8-32.8 54 10.8 8.4 42.4-28.8 45.6-52l4.8-1.2c.4 4.4-1.6 10.8-4.4 16.4-2.8 6.4-6 11.6-6.4 12l2 2c1.2-.8.8 0 4.4-1.6 1.6-.8 3.2-1.6 4.8-2 .8 0 1.2-.4 1.6-.4 0 .8-.4 2-.4 3.2-.4 3.2-1.2 5.2-2.4 8.4-1.6 5.2-2.8 7.6-4.8 12.8-1.2 1.6-1.2 2.4-.8 2.8m122.8-.8 2.4-.8c3.2-1.2 7.2-1.6 8.4-1.6-1.2 1.2-3.6 2.4-6 4-4.8 3.2-11.2 7.2-16.4 11.6-2.4 2-6 3.6-7.6 3.2-.4-.4-.8-.8-.8-1.6 0-1.6.4-4 1.6-7.2 2-6.4 5.6-14.8 9.6-23.6s7.6-17.6 10.4-24.8c1.2-3.6 2.4-6.8 2.8-9.6.4-2.4.8-4.8-.4-6.4-.8-1.2-2.4-1.2-3.2-.8-1.2.4-2.4.8-3.6 1.6-2.4 1.6-5.6 3.6-8.8 6-6 4.8-12 10-12 10s-4 9.6-8 20c-3.6 9.6-7.6 20-8.8 24.4-6.4 3.2-11.2 6-14.8 8-2 1.2-3.2 2-4.8 2.4-1.2.8-2.4 1.2-3.2 1.6s-1.6.4-2 .4c2.4-4.4 9.2-18 15.6-32 4-8.4 7.6-17.2 10.4-23.6 1.2-3.2 2.4-6.4 2.8-8.4.4-1.2.4-2 .4-2.8s0-1.6-.8-2.4c-4-2.8-19.2 6.4-26.4 14.4-5.6 9.6-14.8 26.4-20 44-.8 2.4-17.6 11.2-20.8 10-1.6-.4-1.6-2-.4-3.2 13.6-12 28.4-53.6 32-67.6.4-.8-.4-1.6-.8-2s-.8-.8-1.6-.8c-1.2-.4-2.4-.8-4-.8-2.4-.4-5.2 0-7.2 1.2-.4-.8-1.6-2.4-1.6-2.8.8 0 6.4-.8 11.6-2.4 5.6-1.6 12.4-4.8 17.6-10 .4-.4 1.6-1.2 2.4-1.6s1.6-.4 1.6-.4c0 .8 0 1.6-.4 2.8-.4 2-.8 4.8-1.6 8-1.2 6-3.2 12-4.4 13.6l2 1.6c7.2-7.6 32.4-22 36.4-19.6 2.4 1.2 3.2 4.4 2.8 8 0 2-.4 3.6-.8 5.2s-.8 3.2-1.2 4l-1.2 4 3.2-2.8c6.4-5.2 14.8-10.8 22-14.4 3.6-2 6.8-3.2 9.6-4s4.4-.4 4.8 0c3.2 2.8.4 15.2-4.4 30-4.8 14.4-11.2 29.2-13.2 35.6zm90-85.2c4-9.6 6.8-16.8 7.6-18.4 1.2-2 0-3.6-1.6-4.4s-3.2-.8-5.2-1.2h-6.8v-.8c2-.4 6.4-1.2 11.2-2.4 6.4-1.6 13.6-4 18-7.6h8c-3.2 6.8-14 31.2-24.4 54.8-12 27.6-24.4 57.2-22.4 60.8l.4 1.2c0 .4.4.8.8 1.2.8.8 1.6 1.2 2.8.8 2.4 0 4.4-1.6 6-3.2.8-.8 1.6-1.6 2.4-2s1.2-.8 1.6-1.2h.8c-.4.8-.8 1.2-1.2 1.6-2 3.2-21.6 19.2-29.2 20-4 .4-5.2-.4-5.6-1.2-.4-.4-.4-.8-.8-1.6s-.4-1.6-.4-2 10.8-28 22.8-56.8zm48.8 94.8 1.6-3.6-3.6 1.6c-5.6 2.8-13.6 5.2-22.8 7.6s-19.6 5.2-30 8.4c-20.4 6.4-40.8 14.8-50.4 28.8-12.4 18.4-6 41.2 21.6 36.4 25.6-3.6 68.4-46 83.6-79.2m74.4-165.6c14.8 5.6 39.2 32.8 39.6 54.4.4 46.8-43.6 86.8-103.2 104.8h-.8l-.4.8c-29.6 71.2-86.8 110.8-119.2 103.2-24-5.6-20.8-42-1.6-60.8 13.6-13.2 30.4-20 50-26s42-11.6 65.6-22.4l.4-.4v-.4c1.2-2.8 6-14.8 9.6-26.8 2-6 3.6-12 4-16.4.4-2.4.4-4.4 0-6.4-.4-1.6-.8-3.2-2.4-4-8-4.4-42 37.2-58.4 64.8-.4-.8-.8-1.2-.8-1.6 7.2-16 18-56.4 10.4-63.6-.8-.8-2-.8-2.4-.8q-1.2 0-2.4 1.2c-1.2.8-2 1.6-2.8 2l-1.2-.8c5.2-4 20.8-16 24.8-13.2.8.8 1.6 2.4 1.6 5.2s-.4 6.4-.8 10c-1.2 7.2-3.2 14.8-4 17.2l2.4 1.2c11.6-20 38.4-40.4 43.6-40.4 2.4 0 6.8 5.6 7.6 8 1.6 6-2.4 18.8-7.6 31.2s-10.8 24-12 27.2l-1.2 2.8 2.8-.8c29.6-8.4 93.6-46.4 93.2-94 .8-25.6-19.6-46.4-34.4-55.2M608.4 527.6c-.8 0-2.4-.8-2-2 1.6-.8 6-2.4 10-3.6l6.4-2c2-.8 3.6-1.2 4-1.6 1.6-.8 4.4-2.4 7.6-4s6.4-2 8.4-1.2c0 0 0 .4.4.4v2.4c-.4 2-1.2 4.8-2.4 8-2.4 6.8-6.4 15.2-10.4 24s-8 17.6-10.4 24.4c-1.2 3.6-2 6.4-2.4 8.8 0 1.2-.4 2.4 0 3.2 0 .8.8 2 1.6 2.4 4 2 7.6.4 10.4-1.2.8-.4 1.2-.8 1.6-.8.4-.4 1.2-.4 1.6-.8h1.2c-.8.8-1.6 1.2-3.2 2-2.8 1.6-7.2 3.6-11.6 5.2-9.6 3.6-18.8 5.6-20.8 4.8-5.6-2.4 25.6-68 26-69.6l1.2-2.4z", "fill": originColor ? "#fefefe" : "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/BankCub.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 BankCub: DefineComponent<IconProps>;

package/packages/vue/icons/BankCub.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 BankCub = defineComponent({
+  name: "BankCub",
+  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": "M852.8 513.6c-4.8-9.6-11.6-19.2-20.4-27.6-8.4-8.4-19.2-23.2-20.8-42q-.6-7.2-2.4-14.4c-93.6-8.4-206 11.2-317.2 61.2-100.4 45.2-180.8 104.4-237.2 172 2 .4 3.6.4 5.6.4h2c2.4 0 4.4.4 6.8.4h150.4c4.4 0 8.8 1.2 12.4 3.2 6.4 3.6 11.2 10 13.2 17.6.4 1.6.4 3.6.4 5.6v6c0 24-23.6 27.2-23.6 27.2l-122.4 21.2c-4.4.8-8 3.6-8 8v15.2h446v-15.2c0-4.4-3.6-7.2-8-8l-122.4-21.2s-23.6-3.2-23.6-27.2v-6c0-9.6 5.2-17.6 12.4-22.4.4-.4.8-.4 1.2-.4h162.4c58 0 105.2-47.2 105.2-105.6-.8-16.4-4.4-32.4-12-48", "fill": originColor ? "#058f44" : "currentColor" }), h("path", { "d": "m753.2 364-6-2.4c-2-.8-4.4-1.6-6.8-2.8-11.2-5.2-22.8-14-29.6-26.4-18.4-33.6-55.2-53.6-96.8-48.8-17.2 2-34-2.4-45.2-10-15.6-10.8-33.2-17.6-54.8-17.6s-39.2 6.8-54.8 17.2c-11.2 7.6-28 12-45.2 10-42-4.4-78.4 15.6-97.2 49.2-8.4 14.8-22.8 24.4-36.4 29.2-32.8 11.2-60.4 41.6-64 80.8-1.6 18.8-12.4 33.6-20.8 41.6-22.4 22.4-31.6 48.4-31.6 75.2v4c134.4-154 399.2-220.4 589.2-199.2", "fill": originColor ? "#48a935" : "currentColor" }), h("path", { "d": "M809.2 428.4c-7.6-30-28.8-53.2-55.6-64.4-188-25.6-460 45.6-589.6 199.2 2 51.2 40.4 93.2 90.4 100 58.8-65.2 131.6-123.6 232-168.8 111.2-50 222.8-66.4 322.4-64.8", "fill": originColor ? "#199a3f" : "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/BankCustomOther.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 BankCustomOther: DefineComponent<IconProps>;

package/packages/vue/icons/BankCustomOther.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 BankCustomOther = defineComponent({
+  name: "BankCustomOther",
+  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", "aria-labelledby": "title desc", "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("title", {  }, ["其他银行"]), h("desc", {  }, ["白色圆角底上的灰蓝色银行建筑，三点符号表示其他银行。"]), h("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1024", "rx": "224", "width": "1024" }), h("path", { "d": "M496 192a32 32 0 0 1 32 0l304 176c28 16 17 58-15 58H207c-32 0-43-42-15-58Z", "fill": originColor ? "#526782" : "currentColor" }), h("g", { "fill": originColor ? "#fff" : "currentColor" }, [h("circle", { "cx": "432", "cy": "340", "r": "21" }), h("circle", { "cx": "512", "cy": "340", "r": "21" }), h("circle", { "cx": "592", "cy": "340", "r": "21" })]), h("g", { "fill": originColor ? "#71849d" : "currentColor" }, [h("rect", { "height": "220", "rx": "14", "width": "80", "x": "264", "y": "468" }), h("rect", { "height": "220", "rx": "14", "width": "80", "x": "472", "y": "468" }), h("rect", { "height": "220", "rx": "14", "width": "80", "x": "680", "y": "468" })]), h("rect", { "fill": originColor ? "#526782" : "currentColor", "height": "48", "rx": "16", "width": "592", "x": "216", "y": "730" }), h("rect", { "fill": originColor ? "#71849d" : "currentColor", "height": "40", "rx": "16", "width": "672", "x": "176", "y": "800" })]);
+      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/BankCzb.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 BankCzb: DefineComponent<IconProps>;