@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankTlcb.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 BankTlcb = defineComponent({
+  name: "BankTlcb",
+  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": "M297.424 651.96c-.964 0-1.448-.956-1.928-1.916-33.748-169.272 49.168-338.548 194.272-418.148-13.98-15.344-26.996-40.28-15.908-73.848.48-.96 1.448-1.44 2.892-1.92 1.448-.48 2.412.48 3.376.96 10.604 11.032 39.048 36.444 74.72 46.516 79.06-22.536 167.28-15.824 182.22 16.304 16.872 35.484-41.456 96.864-114.732 139.064-11.088 18.7-21.208 47.472-19.28 86.316 0 1.44-.964 2.876-2.412 3.356-.964.48-2.412.48-3.856 0-12.052-7.196-34.228-23.976-36.156-60.42-1.928.48-3.376 1.44-5.304 1.92-93.52 33.084-226.088 111.728-255.496 257.504.964.48.48 4.796-2.408 4.316z", "fill": originColor ? "#f45d3d" : "currentColor" }), h("path", { "d": "M339.46 581.976c.48-1.48 1.428-1.976 2.86-1.976 1.428 0 1.428 1.976 1.428 2.472-.952 56.84 31.44 138.884 132.44 156.68 0 0 3.812.492 3.812 2.964 0 .988-.952 1.48-1.904 2.472-2.86 1.976-18.104 6.424-22.868 8.4-11.912 4.944-29.064 14.336-33.828 30.152-3.808 11.368-2.38 25.208 5.24 39.54a196.7 196.7 0 0 0 28.588 36.08c.952.992 1.904 2.472.952 3.956-.952 1.48-2.384 1.48-3.336.988-67.648-16.312-177.7-132.46-113.384-281.728", "fill": originColor ? "#ffc200" : "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/BankTzbank.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 BankTzbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankTzbank.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 BankTzbank = defineComponent({
+  name: "BankTzbank",
+  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": "M592.152 326.964v70.916c0 10.172 4.272 19.384 11.128 26.068l49.492 47.78a7.95 7.95 0 0 1 0 11.5l-49.408 47.724c-6.92 6.7-11.212 15.94-11.212 26.148v70.896c86.072 0 155.848-67.388 155.848-150.52 0-83.116-69.776-150.508-155.848-150.508zm55.38-11.284c6.92 6.692 16.488 10.832 27.072 10.832H748C748 243.384 678.224 176 592.152 176c-86.068 0-155.832 67.384-155.832 150.512h73.404a38.9 38.9 0 0 0 27.012-10.756L586.2 267.96c3.28-3.16 8.64-3.16 11.92 0l49.408 47.72zm-156.26 172.56-49.488 47.788c-3.26 3.16-8.62 3.16-11.9 0l-49.404-47.712a38.9 38.9 0 0 0-27.092-10.836H280C280 560.604 349.76 628 435.836 628c86.068 0 155.832-67.396 155.832-150.52h-73.404a38.83 38.83 0 0 0-26.992 10.76m-55.44-11.212v-70.904c0-10.172-4.248-19.396-11.128-26.076l-49.488-47.776a7.96 7.96 0 0 1 0-11.508l49.408-47.72c6.94-6.688 11.212-15.94 11.212-26.144V176C349.784 176 280 243.388 280 326.52c0 83.12 69.784 150.508 155.836 150.508z", "fill": originColor ? "#4abdd2" : "currentColor" }), h("path", { "d": "M528.216 448C541.304 448 552 437.308 552 424.22v-36.444c0-13.08-10.696-23.776-23.784-23.776h-36.432C478.696 364 468 374.696 468 387.776v36.44C468 437.308 478.696 448 491.784 448z", "fill": originColor ? "#fbcf00" : "currentColor" }), h("path", { "d": "M428 692H280v17.104h54.22v130.64c0 4.56 3.896 8.256 8.708 8.256h22.144c4.792 0 8.688-3.696 8.688-8.26V709.104H428zm144.92 25.288A15.48 15.48 0 0 0 576 708c0-8.836-7.4-16-16.524-16H449.76v17.108h85.056l-96.428 118.24c-1.612 2.16-2.388 4.808-2.388 7.688 0 7.24 5.868 12.936 13.324 12.964h126.02v-17.112h-94.976l92.548-113.6zm125.744 88.452c0 17.032-15.532 28.348-30.4 28.348H637.16c-5.592-.16-10.06-4.532-10.12-9.932v-47.744h40.72c14.612 0 30.904 9.956 30.904 29.328M637.1 705.896h27.156c15.168 0 28.92 10.06 28.92 25.304 0 18.904-15.032 27.784-29.464 27.784H627.04v-43.256c.1-5.34 4.528-9.64 10.06-9.832m71.812 60.164c14.684-6.82 21.584-21.204 21.584-36.376 0-15.128-12.416-37.684-48.504-37.684h-80.844c-7.276 0-13.148 5.136-13.148 11.476v131.748c0 7.2 5.872 12.776 13.148 12.776H687.5c36.08 0 48.5-25.62 48.5-42.54 0-19.264-8.588-32.508-27.088-39.4", "fill": originColor ? "#4abdd2" : "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/BankTzrcb.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 BankTzrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankTzrcb.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 BankTzrcb = defineComponent({
+  name: "BankTzrcb",
+  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": "M507.2 537.2S380.4 523.6 348.4 408c-34.4-91.6 48-268.8 196.8-230.8 91.2 23.2 118.8 78 134 108.4 6 12.4 3.2 11.2 6 12.4 116.4 42 149.2 89.2 166 196.4 4.8 30.8-11.6 87.6-32 120.4-20.8 33.6-44.8 57.6-64 71.6-8.8 6.4-20.8 12-31.2 15.6-6.8 2.4-13.6 4.4-19.2 4.8-22.8 2.4-20.8 2-16-2.4 26.4-24.8 43.6-72.4 53.6-121.6 10.4-51.6-12-117.2-34.8-146.4-43.2-56.4-140.8-110.8-212.8-49.6-72.4 61.2 12.4 150.4 12.4 150.4m16-47.2s127.6 13.6 160 128c34.4 90.8-48.4 266.4-198.4 228.8-91.6-23.2-120-77.2-134.8-107.6-6-12-3.2-11.2-6-12-117.2-42-150.4-88.4-167.2-194.8-4.8-30.4 12-87.2 32-119.2C230 380 254 356 273.6 342c8.8-6.4 20.8-11.6 31.2-15.6 6.8-2.4 13.6-4.4 19.2-4.8 22.8-2 20.8-2 16.4 2.4-26.8 24.8-44 71.6-54 120.4-10.4 51.2 12 116 34.8 145.2 43.6 56 142 109.6 214.8 49.2S523.2 490 523.2 490", "fill": originColor ? "#e3001e" : "currentColor" }), h("path", { "d": "M507.6 538.8S418 493.6 440.8 386C464 277.6 580.4 284 580.4 284s42.8 1.2 71.2 29.6c18.8 18.8 35.6 50.8 42.4 66 0 0 8.8 3.2 18.8 4.4 16.4 2.4 38 12 50.4 26 25.2 28.4 40.4 59.6 40.4 59.6s10.4 26.4 12.4 56c1.6 23.6-4.4 49.2-12.4 66.8-10 22.8-33.2 49.2-50.8 61.2-25.2 16.8-44 25.2-43.2 24 9.2-15.2 32.8-68 35.6-116.4 2.4-42.8-15.6-82.8-15.6-82.8s-42.8-114.4-180-114c-72.4 18-93.2 62-79.2 110.8 10 36.4 37.2 63.6 37.2 63.6m12.8-49.6S610 534.4 587.2 642C564 750.4 447.6 744 447.6 744s-42.8-1.2-71.2-29.6c-18.8-18.8-35.6-50.8-42.4-66 0 0-8.8-3.2-18.8-4.4-16.4-2.4-38-12-50.4-26-25.2-28.4-40.4-59.6-40.4-59.6S214 532 212 502.4c-1.6-23.6 4.4-49.2 12.4-66.8 10-22.8 33.2-49.2 50.8-61.2 25.2-16.8 44-25.2 43.2-24-9.2 15.2-32.8 68-35.6 116.4-2.4 42.8 15.6 82.8 15.6 82.8s42.8 114.4 180 114c72.4-18 93.2-62 79.2-110.8-10-36.4-37.2-63.6-37.2-63.6", "fill": originColor ? "#ab1a21" : "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/BankUbs.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 BankUbs: DefineComponent<IconProps>;

package/packages/vue/icons/BankUbs.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 BankUbs = defineComponent({
+  name: "BankUbs",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: false },
+    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": "M816 630.4c0 14.4-4 28-11.6 41.2l-16-13.2c-10 3.2-18.8 13.6-20 24l16.8 12.4c-16 13.6-36.4 20.8-56.4 20.8-32.8 0-76.8-25.6-76.8-60.4 0-16.8 12.8-34.8 31.6-34.8 17.6 0 32.4 14 32.4 30.8 0 13.6-11.6 28-25.6 30l20 15.6c16-6.4 30.8-25.2 30.8-42.4 0-6-1.2-11.2-3.2-15.6 2.8.8 6 .8 8.8.8 20.8 0 40.4-19.6 44.4-39.6l-20-16v2c.8 16-15.6 29.6-30.8 29.6-17.6 0-32.4-14.4-32.4-31.6 0-18.4 19.6-32.4 37.6-32.4 39.6.4 70.4 42 70.4 78.8m24 72L822.8 688c10.8-17.2 16-37.2 16-57.6 0-58.4-45.2-104.4-103.2-104.4-28 0-55.2 11.2-76 30l-4.8-4 16-19.2c-2.8-8.8-10.8-15.2-20-16.8l-16 20-94.8-78 93.2-76 12.8 15.6-16.8 14 12.8 16 17.2-14 12.8 16-16.8 14 12.8 16 46-37.6-48.4-27.6 13.2-10.8 45.2 25.6-16-49.2 12.8-10.8 16.8 53.6 46.8-37.6-12.8-16.8-17.2 14-13.2-16 17.2-14-12.8-16-17.2 14-12.8-16 38-30.8c-1.2-10.8-10-22-20.8-24.8L530 424.4V156.8c-4.8-3.2-10.8-4.8-16-4.8s-11.2 1.2-16 4v49.2h-20.8v-22h-20.8v22H436v-22h-20v60l51.6-20.8v16.8L420 258.8l47.6 19.2v17.2L416 274v59.6h20.4v-22h20.4v22h20.8v-22h20.8v112L295.2 258.8c-10 2.8-18.8 14-20 24.8l38 30.8-12.8 16-17.2-14.4-13.2 16 17.2 14-12.8 16-17.2-14-13.2 17.2 46.4 37.6 16.8-53.6L320 360l-15.2 49.6 45.6-25.6 12.8 10.8-48.4 27.6 46 37.6 13.2-16-17.2-14 12.8-16 17.2 14 13.2-16-17.2-14 12.8-15.6 93.6 76-95.6 77.6-16-20c-8.8 1.2-17.2 8-20 16.8l16 19.2-4.8 4c-20-18.4-48-30-76-30-58 0-103.2 46-103.2 104.4 0 20.8 6 40.4 16.8 57.6l-18 14.4c1.2 10.8 10 21.2 20 24.8l18-14.8c20.8 19.2 48 30.8 76 30.8 58 0 103.2-46.8 103.2-103.6 0-20.8-6-40.8-16-58.4l4.8-4 16 20c8.8-1.2 17.6-8 20-16.8l-16-19.6 84-68.8v110.4h-25.6c-2.8 4-4 8.8-4 13.6s1.2 8.8 3.2 12.8h26v6c-52.4 8-93.6 51.2-93.6 104.4 0 54.8 41.2 98.8 93.6 106l.8 22.8c4.8 2.8 10 4 16 4 5.2 0 10.8-1.2 15.2-4v-22.8c52.4-7.6 94.4-51.2 94.4-106 0-54-42-97.2-94.4-104.4v-6h26c2-4 3.2-8 3.2-12.8s-1.2-9.6-3.2-13.6h-26V492l85.2 68.8-16 19.6c2.8 8.8 10.8 15.6 20 16.8l16-20 4.8 4c-10.8 17.6-16 37.6-16 58.4 0 57.2 45.2 103.6 103.2 103.6 28 0 55.2-11.2 76-30.8l17.2 14.8c10.4-3.6 18.4-14 19.6-24.8m-240 37.2c0 40.8-29.6 73.6-68.8 80.4v-20.8c-4.8-2.8-10-4-16-4-5.2 0-10.4 1.2-16 4l.8 20.8c-39.2-6.8-68.4-39.2-68.4-80.4 0-27.2 11.6-55.6 42.4-55.6 17.2 0 29.2 14 29.2 31.2 0 16-14 30.4-30.4 30.4-7.2 0-15.2-2.4-20.4-7.6v26.4c6.4 3.2 14.4 5.2 22.4 5.2 18 0 32-5.2 40.4-21.2 9.2 16 23.2 21.2 40.8 21.2 7.2 0 15.2-2 22-5.2V738c-5.2 5.2-13.2 7.6-20.4 7.6-16.4 0-29.6-14.4-29.6-30.4 0-17.2 11.2-31.2 28.4-31.2 31.6 0 43.6 28.4 43.6 55.6m-220-84c0 35.2-43.6 60.4-76.8 60.4-20 0-40.4-7.2-56.4-20.8l16.8-12.4c-1.2-10.4-10-20.8-20-24l-16 13.2c-7.6-13.2-11.6-26.8-11.6-41.2 0-36.8 31.6-78.4 70.4-78.4 18 0 37.6 14 37.6 32.4 0 17.2-14.8 31.6-32.4 31.6-16 0-32.4-15.2-30.8-31.6l-20 16c4 20 23.6 39.6 44.4 39.6 2.8 0 6 0 8.8-.8-2 4.4-3.2 9.6-3.2 15.6 0 16.8 14.8 36 30.8 42.4l20-15.6c-14-2-25.6-16.4-25.6-30 0-16.8 14.8-30.8 32.4-30.8 18.8-.4 31.6 17.2 31.6 34.4" })]);
+      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/BankUccb.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 BankUccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankUccb.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 BankUccb = defineComponent({
+  name: "BankUccb",
+  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": "M471.6 208c66.8-16.8 134.4-6.4 191.6 23.2-45.6-10.4-95.6-11.6-145.2.8-147.2 36-236 174.8-198 309.2 7.2 25.2 19.2 47.2 34 68.4-29.6-28.4-50.8-64-62.4-104-38.4-130.4 42.4-264 180-297.6M632 680.8c-23.2 13.6-50 25.2-79.6 31.6-145.2 32.8-297.2-51.6-336.4-189.2-37.2-124 30.8-251.6 151.6-297.6-88 56.8-131.6 166-100.8 274.4 40.4 138 187.6 224 328 191.6 13.6-2.4 25.6-6.4 37.2-10.8M178.4 448.4C201.6 812 687.2 830.8 749.6 538c39.2-179.2-180-335.2-365.6-192.8C495.2 196.4 738.8 217.6 820.4 384c7.6 14.8 12.8 29.6 18 45.2 7.6 25.2 10.8 51.6 11.6 78v4.4c0 8.4-1.2 18-2 27.6-10.4 114.8-90 217.2-207.6 261.2-3.2 1.2-5.2 2-7.6 3.2h-.8c-2 1.2-4.4 2-7.6 3.2h-1.2c-230.8 74.8-495.6-103.2-444.8-358.4", "fill": originColor ? "#005da9" : "currentColor" }), h("path", { "d": "M530.8 335.6c94.4 0 171.6 72.8 171.6 161.6s-77.2 160.4-171.6 160.4C435.6 657.6 358 586 358 497.2c.4-88.8 77.6-161.6 172.8-161.6m0 234.4 83.6-72.8-83.6-74-83.6 74z", "fill": originColor ? "#f8a600" : "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/BankUnionpay.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 BankUnionpay: DefineComponent<IconProps>;

package/packages/vue/icons/BankUnionpay.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 BankUnionpay = defineComponent({
+  name: "BankUnionpay",
+  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": "-42.23 143.628 766.959 766.959", "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": "M140.844 320.227h164.707c23.02 0 37.276 18.783 31.882 41.803l-76.67 329.125c-5.395 23.02-28.415 41.706-51.436 41.706H44.621c-23.02 0-37.276-18.782-31.882-41.706l76.67-329.125c5.394-23.02 28.318-41.803 51.435-41.803", "fill": originColor ? "#cf0a2c" : "currentColor" }), h("path", { "d": "M291.777 320.227h189.365c23.02 0 12.618 18.783 7.224 41.803l-76.67 329.125c-5.395 23.02-3.66 41.706-26.681 41.706H195.65c-23.02 0-37.276-18.782-31.882-41.706l76.67-329.125c5.395-23.02 28.319-41.803 51.34-41.803", "fill": originColor ? "#002856" : "currentColor" }), h("path", { "d": "M473.629 320.227h164.61c23.021 0 37.276 18.783 31.882 41.803l-76.574 329.125c-5.394 23.02-28.414 41.706-51.435 41.706h-164.61c-23.02 0-37.372-18.782-31.882-41.706l76.67-329.125c5.298-23.02 28.319-41.803 51.339-41.803", "fill": originColor ? "#007078" : "currentColor" }), h("path", { "d": "M446.082 629.895h15.507l4.527-14.93h-15.507zm12.425-41.224-5.298 17.626s5.876-2.986 9.054-3.949c3.179-.77 7.995-1.348 7.995-1.348l3.756-12.33zm7.802-25.429-5.202 16.952s5.78-2.6 8.958-3.467 7.995-1.156 7.995-1.156l3.756-12.329zm34.29 0-20.035 66.46h5.394l-4.142 13.678h-5.394l-1.252 4.238H456.1l1.348-4.238H418.63l3.95-12.714h3.949l20.323-67.424 4.045-13.581h19.457l-2.023 6.839s5.202-3.757 10.114-5.009 33.134-1.734 33.134-1.734l-4.142 13.581H500.6z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M509.171 549.757h20.805l.193 7.802c-.097 1.349.963 1.927 3.37 1.927h4.239l-3.853 12.81h-11.27c-9.728.674-13.388-3.467-13.195-8.187zm2.793 60.682h-19.842l3.372-11.366h22.635l3.275-10.402h-22.347l3.853-12.811h62.223l-3.95 12.81H540.38l-3.275 10.403h20.901l-3.467 11.366h-22.636l-4.045 4.816h9.15l2.216 14.351c.289 1.445.289 2.312.77 2.986.482.482 3.179.771 4.816.771h2.794l-4.238 13.966h-7.032c-1.156 0-2.697-.096-4.912-.192-2.12-.193-3.66-1.445-5.105-2.12-1.252-.674-3.275-2.215-3.66-4.912l-2.216-14.351-10.306 14.159c-3.275 4.43-7.705 7.802-15.122 7.802h-14.448l3.756-12.426h5.49c1.542 0 2.987-.578 4.046-1.155 1.06-.482 2.023-.964 3.082-2.505zM294.86 579.23h52.495l-3.853 12.522h-20.998l-3.275 10.691h21.48l-3.95 12.907H315.28l-5.201 17.338c-.674 1.926 5.105 2.215 7.128 2.215l10.691-1.445-4.334 14.256h-24.177c-1.926 0-3.37-.29-5.49-.77-2.023-.483-2.89-1.446-3.853-2.794-.866-1.445-2.215-2.6-1.252-5.587l6.935-23.02h-11.943l3.949-13.1h12.04l3.178-10.691h-11.943zm35.35-22.442h21.575l-4.045 13.003h-29.378l-3.178 2.793c-1.349 1.349-1.83.77-3.66 1.734-1.638.867-5.202 2.504-9.729 2.504h-9.439l3.853-12.618h2.89c2.407 0 4.045-.192 4.815-.77q1.445-.867 3.179-4.046l5.394-9.824h21.383zM371.53 578.268s5.875-5.394 15.893-7.128c2.311-.481 16.567-.289 16.567-.289l2.215-7.224h-30.34zm28.414 5.49h-30.051l-1.83 6.068h26.006c3.082-.385 3.66.097 3.949-.096zm-39.01-34h18.302l-2.697 9.246s5.779-4.623 9.824-6.26c4.046-1.542 13.196-2.89 13.196-2.89l29.667-.097-10.114 33.712c-1.734 5.78-3.66 9.536-4.912 11.173-1.156 1.734-2.408 3.179-5.009 4.624q-3.756 2.023-6.935 2.311c-1.926.193-5.009.193-9.15.29h-28.607l-8.091 26.68c-.77 2.6-1.156 3.853-.578 4.623.385.675 1.348 1.349 2.793 1.349l12.618-1.156-4.334 14.64h-14.16c-4.43 0-7.801-.096-10.017-.288-2.215-.193-4.43 0-5.971-1.156-1.349-1.156-3.372-2.697-3.275-4.238.192-1.445.77-3.853 1.637-7.128z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m414.392 604.082-1.733 8.09c-.771 2.505-1.349 4.431-3.275 6.069-2.023 1.734-4.335 3.467-9.825 3.467l-10.114.386-.096 9.15c-.096 2.6.578 2.312.963 2.793.482.482.867.674 1.349.867l3.178-.193 9.729-.577-3.95 13.388h-11.173c-7.801 0-13.58-.193-15.507-1.734-1.83-1.156-2.12-2.697-2.12-5.201l.675-35.638h17.82l-.193 7.224h4.334c1.445 0 2.408-.193 3.082-.578.482-.386.964-.964 1.252-1.83l1.734-5.683zM160.301 425.408c-.675 2.89-12.04 55.577-12.137 55.673-2.504 10.692-4.238 18.301-10.306 23.213-3.467 2.89-7.513 4.238-12.136 4.238-7.513 0-11.848-3.756-12.618-10.787l-.096-2.408 2.311-14.352s12.04-48.064 14.16-54.42c.096-.386.096-.579.192-.675-23.31.193-27.548 0-27.74-.385-.097.481-.77 3.467-.77 3.467l-12.233 54.132-1.06 4.623-2.023 15.026c0 4.431.867 8.091 2.601 11.173 5.587 9.729 21.48 11.27 30.533 11.27 11.655 0 22.443-2.505 29.86-6.935 12.81-7.513 16.181-19.36 19.07-29.86l1.35-5.393s12.328-49.894 14.544-56.444c0-.385.096-.578.192-.674-17.145 0-22.153-.193-23.694-.482m68.29 99.017c-8.283-.096-11.173-.096-20.901.386l-.385-.675c.867-3.66 1.733-7.32 2.6-11.076l1.156-5.01c1.734-7.801 3.564-16.951 3.757-19.745.192-1.637.77-5.875-4.046-5.875-2.023 0-4.142.963-6.26 1.926-1.156 4.142-3.564 15.893-4.624 21.19-2.408 11.27-2.6 12.522-3.66 18.109l-.674.77c-8.573-.096-11.462-.096-21.287.386l-.482-.771a1525 1525 0 0 0 4.816-20.13c4.142-18.109 5.105-25.044 6.261-34.29l.77-.579c9.536-1.348 11.848-1.637 22.25-3.756l.867.963-1.54 5.78c1.733-1.06 3.467-2.12 5.2-2.987 4.913-2.408 10.307-3.082 13.293-3.082 4.527 0 9.535 1.252 11.558 6.55 2.023 4.72.674 10.402-1.926 21.864l-1.349 5.78c-2.6 12.618-3.082 14.93-4.527 23.598zm33.712 0c-5.008 0-8.187-.096-11.365 0-3.083 0-6.165.193-10.788.386l-.29-.386-.288-.385c1.252-4.816 1.926-6.453 2.6-8.187.578-1.734 1.253-3.371 2.312-8.284 1.445-6.357 2.312-10.788 2.986-14.64.674-3.757 1.06-6.935 1.541-10.692l.385-.289.386-.385c4.912-.674 8.09-1.156 11.365-1.637s6.55-1.06 11.655-2.12l.193.482.192.482c-.963 3.949-1.926 7.802-2.89 11.847-.962 3.95-1.926 7.898-2.792 11.847-1.83 8.38-2.601 11.462-3.083 13.678-.385 2.119-.578 3.275-1.252 7.609l-.481.385zm52.687-29.377c-.481 2.119-2.311 10.113-4.816 13.484-1.734 2.505-3.853 3.95-6.164 3.95-.674 0-4.72 0-4.816-6.069 0-2.985.578-6.068 1.348-9.439 2.216-9.632 4.816-17.723 11.366-17.723 5.009.097 5.394 6.068 3.082 15.797m21.672.867c2.89-12.715.674-18.686-2.215-22.347-4.335-5.49-11.944-7.32-19.842-7.32-4.72 0-16.085.482-24.947 8.669-6.357 5.875-9.247 13.87-11.077 21.48-1.83 7.801-3.852 21.864 9.054 27.065 4.046 1.734 9.729 2.12 13.389 2.12 9.44 0 19.168-2.602 26.391-10.307 5.78-6.165 8.38-15.508 9.247-19.36m202.464 29.377c-10.017-.096-12.81-.096-22.057.29l-.578-.771c2.505-9.536 5.009-18.975 7.224-28.607 2.89-12.426 3.564-17.723 4.527-25.044l.77-.578c9.922-1.444 12.715-1.83 23.021-3.756l.29.867c-1.927 7.802-3.757 15.604-5.587 23.502-3.853 16.47-5.202 24.754-6.646 33.327z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M524.1 496.107c-.481 2.023-2.407 10.114-4.912 13.485-1.734 2.408-5.779 3.853-8.09 3.853-.675 0-4.72 0-4.817-5.972 0-2.986.578-6.068 1.349-9.44 2.215-9.439 4.72-17.53 11.366-17.53 5.105.097 7.32 5.876 5.105 15.604m19.746.963c2.89-12.714-8.765-1.155-10.691-5.297-2.89-6.55-1.06-19.746-12.618-24.176-4.431-1.734-14.834.481-23.695 8.668-6.26 5.876-9.247 13.774-10.98 21.383-1.83 7.706-3.853 21.672 8.957 26.777 4.046 1.734 7.802 2.216 11.462 2.023 12.907-.674 22.732-20.227 30.052-27.933 5.683-6.164 6.743 2.312 7.513-1.445m-150.644 27.355c-8.284-.096-11.173-.096-20.901.386l-.386-.675c.867-3.66 1.734-7.32 2.6-11.076l1.157-5.01c1.83-7.801 3.564-16.951 3.756-19.745.193-1.637.77-5.875-4.045-5.875-2.023 0-4.142.963-6.261 1.926-1.156 4.142-3.564 15.893-4.72 21.19-2.311 11.27-2.504 12.522-3.564 18.109l-.674.77c-8.572-.096-11.462-.096-21.286.386l-.482-.771a1525 1525 0 0 0 4.816-20.13c4.142-18.109 5.105-25.044 6.26-34.29l.771-.579c9.536-1.348 11.944-1.637 22.25-3.756l.867.963-1.541 5.78c1.734-1.06 3.467-2.12 5.201-2.987 4.816-2.408 10.306-3.082 13.292-3.082 4.527 0 9.536 1.252 11.655 6.55 1.926 4.72.674 10.402-2.023 21.864l-1.348 5.78c-2.697 12.618-3.082 14.93-4.527 23.598zm71.758-99.113-6.839.096c-17.915.193-25.139.097-28.029-.192-.289 1.348-.77 3.66-.77 3.66l-6.357 29.763s-15.315 63.186-16.086 66.172c15.604-.193 22.058-.193 24.755.096.674-2.986 4.238-20.613 4.334-20.613 0 0 3.082-13.003 3.275-13.388 0 0 .963-1.349 1.926-1.83h1.445c13.485 0 28.703 0 40.647-8.765 8.09-5.972 13.677-14.93 16.182-25.718.674-2.697 1.156-5.875 1.156-8.957 0-4.142-.867-8.188-3.275-11.462-6.261-8.67-18.301-8.766-32.364-8.862m8.958 30.919c-1.445 6.55-5.683 12.136-11.27 14.833-4.527 2.312-10.113 2.504-15.796 2.504h-3.66l.289-1.444s6.839-29.667 6.839-29.57l.192-1.542.193-1.156 2.697.29s14.063 1.252 14.448 1.252c5.394 2.022 7.705 7.609 6.068 14.833m147.08 10.595-.77-.867c-10.21 2.023-12.04 2.408-21.48 3.66l-.674.675c0 .096-.096.288-.096.481v-.193c-7.031 16.182-6.743 12.715-12.522 25.333 0-.578-.096-.964-.096-1.542l-1.445-27.547-.867-.867c-10.691 2.023-10.98 2.408-20.901 3.66l-.77.675c-.097.385-.097.674-.193 1.059l.096.193c1.252 6.357.963 4.912 2.215 14.833.578 4.912 1.349 9.825 1.927 14.64.963 8.091 1.54 12.04 2.697 24.37-6.646 11.076-8.284 15.218-14.64 24.85l.384.867c9.632-.385 11.848-.385 19.072-.385l1.54-1.734c5.298-11.559 46.523-82.161 46.523-82.161m-349.64 6.839c5.49-3.853 6.164-9.054 1.54-11.848-4.72-2.793-12.81-1.926-18.397 1.927-5.586 3.756-6.164 9.054-1.54 11.847 4.719 2.697 12.906 1.83 18.396-1.926", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m573.705 550.046-8.09 13.774c-2.505 4.72-7.225 8.187-14.738 8.284l-12.81-.193 3.756-12.425h2.505c1.252 0 2.215-.097 2.986-.482.578-.193 1.06-.674 1.637-1.445l4.72-7.513zM983.739 504.969l18.493-79.657H906.78l7.61-32.652h-32.942l-7.61 32.748H844.46c-17.915.29-36.698 14.737-36.698 14.737l3.372-14.737h-32.75L754.21 529.915h95.356l-14.255 61.453h32.941l14.256-61.453h71.854c11.751 0 19.746-8.572 19.746-8.572 7.898-7.513 9.632-16.374 9.632-16.374m-128.876 2.022h-62.608l13.677-58.755h62.608zm96.898-5.2s-1.83 4.911-7.032 5.2H887.9l13.582-58.755h62.704zm275.089 64.63 40.454-173.858h-158.639c-18.011.482-36.697 14.834-36.697 14.834l3.467-14.737h-32.845l-46.137 198.708h201.308c10.884.096 18.59-7.513 18.59-7.513 8.476-7.513 10.499-17.434 10.499-17.434m-31.786-4.142s-1.348 5.875-7.416 6.26h-153.245l35.638-152.955h159.12z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M1083.333 433.018h124.35l-5.395 22.828h-45.848l-5.78 24.657h45.85l-5.298 22.828h-45.849l-5.779 24.754h16.856s-.096-8.861-1.637-16.567h23.694s.77 7.899.578 16.567h6.357l-5.297 22.925h-124.35l5.299-22.828h45.655l5.78-24.947h-45.753l5.298-22.732h45.752l5.683-24.657h-45.752zm209.496-9.921h10.21s14.93-1.156 24.176-30.534h34.483s-4.238 10.403-7.417 15.219h43.055l-5.298 22.924h-54.998s-14.64 15.797-34.386 15.797h-15.219zm94.104 28.992-5.297 22.924h-38.913l-7.417 32.075h38.913l-5.297 22.924h-39.01l-7.224 31.207c-1.348 7.417 5.298 7.32 5.298 7.32h32.074l-5.297 22.829h-49.798c-8.187-.29-11.847-3.179-11.847-3.179-8.861-5.683-5.201-17.434-5.201-17.434l9.439-40.647h-23.406l5.298-22.924h23.406l7.416-32.074h-23.405l5.297-22.925h94.971zm132.055 20.035 18.493-79.56h-59.044c-17.048.096-36.698 14.833-36.698 14.833l3.468-14.834h-32.845l-41.225 177.133c-2.89 10.98 2.023 15.892 2.023 15.892 5.105 6.165 16.085 5.683 16.085 5.683h38.046l5.298-22.828h-21.48c-7.03-.481-5.2-7.32-5.2-7.32l14.736-63.282h68.291c9.825 0 15.797-5.105 15.797-5.105 11.558-7.61 14.255-20.612 14.255-20.612m-79.079-56.444h59.43l-4.238 18.205h-27.452c-17.722 1.06-35.349 14.544-35.349 14.544zm45.56 59.237h-59.333l4.238-18.205h59.429z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M1436.153 506.991h32.749l.289 15.893h11.847s4.334 0 5.297-3.564l2.89-12.232h25.14l-4.046 17.24s-1.541 7.995-7.417 11.752c0 0-5.297 4.527-18.011 4.527h-15.315l.385 23.117s.29 4.72 6.068 4.72h23.888l-5.298 22.827h-36.409s-15.7.77-19.071-6.935c0 0-1.83-3.467-1.927-10.788zm250.624-91.407 5.394-22.924h-41.707c-18.011 1.348-35.734 14.737-35.734 14.737l3.371-14.737h-32.749l-38.528 165.959h-11.847l-5.298 22.828h75.997l-2.312 9.92h32.749l2.311-9.824h9.536l5.298-22.828h-9.632l33.23-143.131zm-75.707 142.938h-31.497l7.513-32.46h31.497zm12.81-54.998s-14.64.192-34.868 14.544l10.98-47.1h31.497zm12.907-55.384s-14.64.193-34.868 14.544l10.884-47.1h31.497zm40.84 22.731 5.297-22.635h115.006l-5.298 22.635h-41.128l-5.009 21.769h41.129l-5.298 22.635h-44.5l-7.03 11.655h19.745l5.683 32.556s1.54 8.283 5.682 8.765h8.091l-5.297 22.924h-17.434s-12.81-.096-17.723-7.61c0 0-2.986-4.045-4.142-12.714l-4.72-27.258-16.663 27.547s-4.816 9.15-10.788 13.774c0 0-6.838 6.454-19.552 6.26h-23.791l5.297-22.827h12.136s4.816.289 9.632-6.742l28.415-46.523h-38.047l5.298-22.635h41.225l5.008-21.768zm133.21-78.308h-35.735s-2.697 8.188-6.164 13.1c0 0-4.527 7.128-16.856 7.32l-5.394 22.924h19.745s14.737.77 27.452-12.81c.096.192 11.558-11.077 16.952-30.534m-114.91 0h35.735s-1.156 8.188 0 13.1c0 0 1.252 7.128 13.485 7.32l-5.394 22.924h-19.746s-15.122.77-21.479-12.81c-.096.192-6.26-11.077-2.6-30.534M803.428 726.697c-8.476 4.045-19.746 7.802-39.973 7.802-31.689 0-51.05-22.732-43.536-55.384 7.609-32.653 37.564-55.577 69.254-55.577 22.25 0 31.304 5.105 35.349 7.802l-10.017 15.411c-3.179-1.637-10.403-6.068-26.97-6.068-17.145 0-38.528 15.508-43.825 38.432-5.105 22.153 8.861 38.239 26.006 38.239 15.7 0 24.273-3.66 30.34-5.876zm57.214 5.779 10.595-45.463c1.638-7.031-.481-10.884-8.669-10.884-6.26 0-12.232 3.853-15.41 5.587l-11.752 50.76h-21.094l25.718-110.96L861.7 619.3l-11.558 49.605c3.371-1.926 13.966-8.476 26.295-8.476 13.774 0 19.939 8.476 16.953 21.672l-11.751 50.471h-20.998zm77.73-95.934c-1.252 5.586-7.61 10.691-13.388 10.691-5.587 0-9.536-5.105-8.284-10.691 1.349-5.587 7.706-10.885 13.292-10.885 5.78 0 9.729 5.202 8.38 10.885m-6.26 25.428-16.375 70.506h-20.901l16.374-70.506zm45.173 70.506 10.5-45.463c1.637-7.031-.675-10.884-8.67-10.884-6.742 0-12.232 3.853-15.41 5.587l-11.752 50.76h-20.998l16.375-70.506h19.842l-.77 6.839c3.37-1.927 13.87-8.476 26.68-8.476 13.773 0 19.938 8.476 16.952 21.671l-11.751 50.472zm53.554 1.541c-14.063 0-21.19-8.669-18.493-20.323 3.082-13.1 16.278-23.406 34.482-24.177l15.026-.481.867-3.564c1.445-6.26.289-11.558-10.595-11.558-9.632 0-16.664 2.697-20.998 4.334l-2.023-10.692c5.298-2.215 17.242-7.223 32.46-7.223 16.856 0 26.103 8.187 22.924 21.96l-9.054 39.106c-.963 3.853-.674 8.958-.192 11.077h-21.961c-.386-1.926-.386-4.623 0-6.26-4.238 2.696-11.848 7.801-22.443 7.801m28.51-34.386-10.21.77c-6.453.578-15.314 2.986-17.144 11.077-1.83 7.706 5.009 8.67 8.861 8.67 5.587 0 11.559-3.854 15.123-5.78zm153.823-4.045c-5.104 21.96-25.235 38.913-54.228 38.913-29.088 0-41.417-16.182-36.12-38.913l16.182-70.025h22.732l-15.604 67.231c-3.66 15.893 1.156 24.85 17.82 24.85 16.47 0 26.294-12.81 29.088-24.85l15.796-67.135h20.613zm52.976 36.89 10.5-45.463c1.637-7.031-.675-10.884-8.67-10.884-6.742 0-12.232 3.853-15.41 5.587l-11.752 50.76h-20.997l16.374-70.506h19.842l-.77 6.839c3.37-1.927 13.773-8.476 26.584-8.476 13.773 0 19.938 8.476 16.952 21.671l-11.751 50.472zm79.079-95.934c-1.252 5.586-7.61 10.691-13.389 10.691-5.586 0-9.535-5.105-8.187-10.691 1.252-5.587 7.61-10.885 13.292-10.885s9.632 5.202 8.284 10.885m-6.165 25.428-16.374 70.506h-20.998l16.375-70.506zm83.413 35.253c-5.2 22.539-27.45 36.794-48.93 36.794s-37.083-14.255-31.786-36.794c5.202-22.539 27.452-36.794 48.93-36.794 21.384-.096 36.988 14.159 31.786 36.794m-58.466 0c-2.793 12.04.097 22.924 12.81 22.924 10.596 0 20.324-10.884 23.118-22.924 2.793-12.136-1.927-22.924-12.426-22.924-12.714 0-20.708 10.691-23.502 22.924m107.493 35.253 10.5-45.463c1.637-7.031-.675-10.884-8.67-10.884-6.742 0-12.232 3.853-15.41 5.587l-11.752 50.76h-20.998l16.375-70.506h19.842l-.77 6.839c3.37-1.927 13.773-8.476 26.68-8.476 13.773 0 19.938 8.476 16.952 21.671l-11.655 50.472zm71.855-70.506-.385 5.78c3.563-2.12 11.173-7.417 23.502-7.417 19.167 0 29.762 13.003 24.657 35.445-5.586 23.888-25.043 38.24-42.67 38.24-12.617 0-17.722-2.987-19.841-4.143l-9.15 39.395h-20.998l24.947-107.3zm2.89 58.466c8.187 0 18.108-6.742 22.153-24.369 3.95-16.952-3.371-21.287-11.558-21.287-7.32 0-13.87 3.853-16.856 5.587l-8.573 36.794c2.504 1.349 6.26 3.275 14.833 3.275m65.4 13.581c-14.062 0-21.19-8.669-18.493-20.323 3.082-13.1 16.278-23.406 34.483-24.177l15.026-.481.77-3.564c1.445-6.26.289-11.558-10.595-11.558-9.632 0-16.663 2.697-20.998 4.334l-2.023-10.692c5.298-2.215 17.145-7.223 32.46-7.223 16.856 0 26.103 8.187 22.924 21.96l-9.054 39.106c-.867 3.853-.674 8.958-.192 11.077h-21.961c-.386-1.926-.386-4.623 0-6.26-4.142 2.696-11.751 7.801-22.346 7.801m28.511-34.386-10.306.77c-6.357.578-15.315 2.986-17.145 11.077-1.734 7.706 5.009 8.67 8.861 8.67 5.587 0 11.559-3.854 15.123-5.78z", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M1691.69 750.392c-7.128 11.558-15.123 20.516-28.319 20.516-12.81 0-16.76-3.083-20.034-5.009l7.994-12.522c3.275 1.253 6.454 2.697 11.559 2.697 7.994 0 11.365-6.068 17.723-14.93l4.816-7.512-12.811-71.758h21.576l6.935 47.582 28.318-47.582h18.108z", "fill": originColor ? "#fff" : "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/BankUob.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 BankUob: DefineComponent<IconProps>;

package/packages/vue/icons/BankUob.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 BankUob = defineComponent({
+  name: "BankUob",
+  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": "M484 476h56V194c0-12 10-22 22-22h32.4c12 0 22 10 22 22v282h60V194c0-12 10-22 22-22h32.4c12 0 22 10 22 22v282h78c12 0 22 10 22 22v32.4c0 12-10 22-22 22H752v278c0 12-10 22-22 22h-32.4c-12 0-22-10-22-22V552h-60v278c0 12-10 22-22 22h-32.4c-12 0-22-10-22-22V552h-56v278c0 12-10 22-22 22h-32.4c-12 0-22-10-22-22V552H348v278c0 12-10 22-22 22h-32.4c-12 0-22-10-22-22V552H194c-12 0-22-10-22-22v-32.4c0-12 10-22 22-22h78V194c0-12 10-22 22-22h32.4c12 0 22 10 22 22v282h60V194c0-12 10-22 22-22h32.4c12 0 22 10 22 22v282z", "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/BankUrcb.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 BankUrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankUrcb.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 BankUrcb = defineComponent({
+  name: "BankUrcb",
+  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.4 172C699.2 172 852 324.4 852 512c0 25.2-3.2 49.6-8 72-108-3.2-373.2-17.2-352-44 17.2-22 89.6-18.8 148-58.8 18-11.6-28.4-38.4-92.8-47.2-101.6-12.4-318-47.2-140.8-71.6 236-32.8-14.8-72.8-150.4-77.6C318.4 216 408.8 172 510.4 172", "fill": originColor ? "#0a6baf" : "currentColor" }), h("path", { "d": "M804 685.6C744.4 784.8 636.4 852 512 852c-188 0-340-151.6-340-338 0-82.8 29.6-159.6 80-218 195.2 20.4 193.6 33.6 77.6 54.8-155.2 30.4-67.2 57.6 32.8 80.4 50.8 10.8 103.2 18 134.8 40.8 28.8 20.4-140 24.8-158.8 70.4C323.2 575.6 515.2 648 804 685.6", "fill": originColor ? "#17a252" : "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/BankWebank.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 BankWebank: DefineComponent<IconProps>;

package/packages/vue/icons/BankWebank.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 BankWebank = defineComponent({
+  name: "BankWebank",
+  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": "-80.6 -78.6 1183.2 1183.2", "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": "M557.81 460.8c1.348-28.295-25.6-51.2-48.505-49.853-28.294 1.348-56.59 0-84.884 0h-5.39c-12.126 67.369-22.905 133.39-35.031 200.758h128c35.032-6.737 53.895-44.463 39.074-76.8-5.39-12.126-14.821-21.558-28.295-26.947 18.863-5.39 33.684-22.905 35.032-47.158zm-99.705-13.474h36.38c9.43 0 17.515 12.127 17.515 21.558 0 9.432-8.084 21.558-17.516 22.905-14.82 1.348-29.642 0-44.463 0zm32.337 128H435.2c2.695-14.82 5.39-30.99 8.084-45.81h44.463c14.821-1.348 22.906 12.126 24.253 20.21 1.347 16.169-10.779 25.6-21.558 25.6m530.863-109.137h-47.158c-6.736 0-10.779 2.695-16.168 6.737-12.126 12.127-25.6 22.906-37.726 35.032h-1.348c5.39-32.337 10.78-63.326 16.169-95.663h-41.769c-1.347 0-4.042 1.347-4.042 2.694l-12.126 68.716c-4.042 26.948-9.432 52.548-13.474 79.495l-8.084 48.505h45.81c4.043-24.252 8.085-47.158 12.127-71.41 1.347 1.347 1.347 2.694 2.695 2.694 12.126 21.558 25.6 43.116 39.073 64.674 1.348 1.348 2.695 4.042 4.042 4.042h43.116c-16.168-28.294-32.337-55.242-47.158-82.19 21.558-20.21 43.116-41.768 66.021-63.326M665.6 467.537c-21.558-1.348-43.116 2.695-63.326 6.737-10.78 2.694-18.863 5.39-18.863 18.863l-4.043 24.252c5.39-2.694 9.432-5.389 14.821-6.736 16.169-6.737 33.685-10.78 51.2-10.78 9.432 0 14.822 6.738 10.78 13.474-1.348 2.695-5.39 6.737-9.432 8.085-9.432 2.694-18.863 2.694-28.295 5.39-17.516 2.694-33.684 8.083-45.81 21.557-9.432 10.779-13.474 24.253-8.085 39.074 5.39 13.473 16.169 22.905 30.99 24.252 30.99 1.348 60.631 0 91.62 0 0-2.694 1.348-5.39 1.348-6.737 4.042-20.21 6.737-39.073 10.78-59.284 2.694-14.82 6.736-29.642 4.041-44.463-4.042-20.21-17.515-32.337-37.726-33.684m-18.863 114.526h-25.6c-6.737 0-10.78-4.042-12.126-10.779-1.348-5.39 2.694-12.126 9.431-13.473 9.432-2.695 18.863-5.39 28.295-6.737 1.347 0 4.042-1.348 6.737-1.348-2.695 10.78-4.042 21.558-6.737 32.337m168.42-114.526c-21.557-1.348-44.462 0-66.02-1.348H731.62c-8.084 48.506-16.168 97.011-25.6 145.516h35.032c10.779 0 10.779 0 12.126-9.431l12.126-72.758c1.348-9.432 2.695-17.516 5.39-26.948h25.6c8.084 0 12.126 5.39 10.779 12.127 0 4.042-1.348 8.084-1.348 12.126-5.39 28.295-9.431 56.59-14.82 84.884h43.115c1.347 0 2.695-2.694 4.042-4.042 5.39-30.99 10.78-61.979 16.169-91.62 2.694-25.6-13.474-47.159-39.074-48.506", "fill": originColor ? "#1e5097" : "currentColor" }), h("path", { "d": "M247.916 412.295h-44.463c-6.737 40.42-13.474 80.842-21.558 122.61-1.348-2.694-1.348-2.694-1.348-4.042-8.084-18.863-16.168-39.074-24.252-57.937-1.348-4.042-2.695-5.39-8.084-5.39h-35.032c-4.042 0-5.39 1.348-8.084 4.043l-32.337 44.463c-2.695 4.042-6.737 9.432-9.432 13.474H61.98c6.737-39.074 13.474-76.8 20.21-115.874H36.38C24.253 481.011 13.474 547.032 1.347 614.4h43.116c1.348 0 2.695-1.347 4.042-2.695 16.169-21.558 32.337-44.463 48.506-66.02 8.084-12.127 17.515-22.906 26.947-35.032 1.347 1.347 1.347 2.694 1.347 4.042 13.474 32.337 25.6 63.326 39.074 95.663 1.347 2.695 1.347 5.39 5.39 4.042h37.726c4.042 0 4.042-1.347 5.39-4.042 4.041-22.905 8.083-45.81 12.126-70.063 6.736-36.38 12.126-71.41 18.863-107.79q4.041-12.125 4.042-20.21m128 107.79c-1.348-22.906-17.516-43.117-39.074-49.853-13.474-4.043-26.947-4.043-40.42-1.348-17.517 2.695-32.338 12.127-43.117 25.6-12.126 16.169-17.516 35.032-17.516 53.895 0 24.253 9.432 43.116 32.337 53.895 32.337 14.82 64.674 12.126 94.316-5.39 1.347 0 1.347-1.347 2.695-2.695 1.347-8.084 2.695-16.168 5.39-25.6-1.348 1.348-2.695 1.348-2.695 1.348-20.21 9.431-41.769 14.82-64.674 9.431-14.821-4.042-25.6-16.168-26.947-28.294h102.4c-2.695-10.78-1.348-20.21-2.695-30.99zm-95.663 1.347c1.347-10.78 16.168-22.906 30.99-22.906 13.473 0 26.946 8.085 30.989 22.906h-61.98z", "fill": originColor ? "#d60d17" : "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/BankWfccb.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 BankWfccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankWfccb.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 BankWfccb = defineComponent({
+  name: "BankWfccb",
+  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": "M351.2 748c62 42 136 58.4 206.4 50 69.6-8.4 136.4-40.8 185.6-97.2 14-16 26.4-32.8 37.2-52.4s19.6-42 26-68.4c5.6-22 8.4-44.4 9.2-66.4 2-64-15.2-126-50.4-176-34.8-50-87.2-88-154.8-104.4-19.6-4.8-40.4-8-62.8-8.8-59.2-2.4-119.2 15.6-168 52.4-44.4 33.6-79.2 83.2-94.8 146.8l-.8 3.2-3.6-.8c-8-2.4-16-3.6-24.4-4.4-8.8-.8-17.2-.8-26-.4-14.4 1.2-26 2.4-37.2 5.2-7.2 1.6-14 3.6-21.6 6.4 9.6 1.2 19.2 3.2 28.4 6.4 13.2 4.4 26.4 10.8 40 19.6 11.2 7.2 20.8 16.4 28.8 26s14.8 20 20.4 30.4c6.4 11.6 13.6 24 21.6 36.4 7.6 12.4 16 24.8 24.8 36.4 32 42.4 72.4 66.8 113.6 74.8 43.6 8.4 87.6-2 122.8-29.2 18.4-14 29.6-32 36.4-50.8 6.8-19.2 9.2-39.6 9.2-59.6 0-27.2-.4-43.6-.8-60-.4-16-.4-31.6-.8-56.8H474l1.6 133.2h116l-3.2 4.8q-15.6 25.2-42 37.2c-17.6 8-38.8 11.6-63.6 11.2C466 592.4 450 588 436 580c-15.2-8.4-28.8-20-39.2-34-9.6-12.8-17.2-27.6-22-42-5.2-15.6-7.2-31.2-6.4-44 3.6-44 24-81.2 54.8-108 31.6-27.6 74-43.6 119.6-43.2 33.2 0 64.8 8.8 93.2 25.2 27.2 16 50.8 39.6 68.4 70 8 14 14 29.2 17.2 46 3.6 16.8 4.8 35.6 4 56.4-1.2 31.6-9.6 64.8-24.8 95.6-14 28.4-33.6 54.8-58.8 75.2-35.6 28.8-77.2 48-123.2 52-41.2 3.6-85.6-5.2-131.6-30-11.6-6.4-22.8-14-32.8-22.4-12-9.6-22.8-20.8-32.4-31.2-8-8.8-15.2-17.6-22-26.8s-13.2-18.8-19.6-29.2c-7.2-11.6-15.6-26.8-24-41.2q-9-16.2-18-31.2c-20-28.4-41.2-45.2-66-52.8-22-6.8-47.2-6.8-77.2-1.2h.4c8 2.4 18.8 6 28.4 9.6 46.4 17.2 69.6 62.8 89.6 102.4 4.8 9.6 9.6 19.2 14.8 28q11.4 19.8 24 39.6c8.4 12.8 17.2 25.6 26.4 37.6q15 19.2 32.4 36c12.4 10.8 25.2 21.6 40 31.6", "fill": originColor ? "#d70e19" : "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/BankWhbank.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 BankWhbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankWhbank.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 BankWhbank = defineComponent({
+  name: "BankWhbank",
+  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": "M317.052 803.256c60.948 45.968 138.024 72.12 219.904 72.12 133.02 0 249.76-72.044 313.34-179.16L683.188 527.644s-13.912 16.72-160.024 157.464c-83.56 80.496-158.46 109.256-206.112 118.148m235.364-486.16c9.352 71.592 83.94 133.364 135.568 177.44l163.26-170.888a367.8 367.8 0 0 0-79.78-95.128c-50.824 5.96-143.156 24.584-219.048 88.576", "fill": originColor ? "#d20819" : "currentColor" }), h("path", { "d": "M355.228 492.808c14.948 0 51.488-20.264 164.872-143.324 80.668-87.556 192.968-114.04 251.36-120.964C707.732 174.692 625.932 144 536.216 144c-113.652 0-215.464 52.2-282.616 133.788 16.44 123.32 88.8 215.02 101.632 215.02z", "fill": originColor ? "#c1101c" : "currentColor" }), h("path", { "d": "M317.052 803.256c46.572-8.772 118.36-33.44 199.648-110.916-10.092-34.24-50.008-72.712-142.956-176.432a495 495 0 0 1-44.98-58.292c-27.96-36.432-64.52-101.264-75.168-179.828C202.176 341.056 172 422.48 172 510.42c0 119.464 57.068 225.872 145.052 292.836", "fill": originColor ? "#b5151e" : "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]);
+    };
+  },
+});