@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankNucc.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 BankNucc = defineComponent({
+  name: "BankNucc",
+  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": "-151.52 -586.52 2197.04 2197.04", "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": "m0 1024 1628.53-687.93h265.5L1347.732 1024h-259.084l416.509-493.494L323.732 1024", "fill": originColor ? "#7d7d7d" : "currentColor" }), h("path", { "d": "M0 1024 851.277 0h191.476l304.979 1024h-259.084L891.25 339.524 323.732 1024z", "fill": originColor ? "#5ac3d6" : "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/BankNxbank.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 BankNxbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankNxbank.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 BankNxbank = defineComponent({
+  name: "BankNxbank",
+  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": "M844 395.6v-56c0-4.8-2.8-7.6-7.6-7.6H628c-21.6 0-22.4 7.6-22.4 19.6v133.2c0 13.6-2 11.2-6 6.8-24.4-29.6-119.2-143.6-124-149.2-9.2-10.8-15.2-10.4-33.2-10.4H212.8c-28.8 0-28.8 14-28.8 29.6v310.8c0 12.4 7.2 19.6 23.6 19.6h162c10.8 0 17.2-4.8 17.2-14V540c0-3.6 1.2-4 3.6-1.6 2 2 83.6 100 115.2 138.4 13.2 13.6 15.6 15.2 38.4 15.2h242.4c20.8 0 22-9.6 22-19.6V409.2s17.6-1.6 25.2-2.4c8-.8 10.4-3.2 10.4-11.2", "fill": originColor ? "#ec1d24" : "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/BankNxy.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 BankNxy: DefineComponent<IconProps>;

package/packages/vue/icons/BankNxy.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 BankNxy = defineComponent({
+  name: "BankNxy",
+  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": "122.06 120.01 783.97 783.97", "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": "M694 356.8 598.4 234l31.2-26 199.6 222c35.6 45.2 26.8 90-6.8 128.4l-71.6 91.2c-30.8 35.6-19.2 73.6 21.6 113.6l51.2 52.4H642l-76.4-108.4c-44-54.8-42.8-106 12.8-152.8l101.2-104.8c34-29.2 40.8-60.4 14.4-92.8m-357.6 0c-26.8 32.8-20 63.6 14.4 93.6l102.4 104.8c56.4 46.8 57.6 98 12.8 152.8l-77.2 108h-184l52-52.4c41.2-40 53.2-78.4 21.6-113.6L206 558.4c-34-38.4-42.8-83.2-6.8-128.4l202-222 31.6 26z", "fill": originColor ? "#1d6d3c" : "currentColor" }), h("path", { "d": "M508 268c63.2 0 114.8 47.6 119.6 108.4h-67.2L510 327.2l-59.2 58 59.2 58 50.4-49.2H628c-4 61.2-56 110-120 110-66.4 0-120-52.8-120-118s53.6-118 120-118", "fill": originColor ? "#ca3a23" : "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/BankNyb.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 BankNyb: DefineComponent<IconProps>;

package/packages/vue/icons/BankNyb.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 BankNyb = defineComponent({
+  name: "BankNyb",
+  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 172c17.6 0 35.2 1.2 52.4 4-.4 1.2 39.6 1.6-4.8 50-50 56.4-42.4 153.2-2.4 220.8C637.6 577.2 638 625.6 638 625.6c2.8 8.4 2.8 22.4 17.2 11.2 15.6-16.8 120-203.6-80-296.8-39.6-48.4 21.2-128.8 47.2-140 14-5.2 39.6 6.8 43.6 8.4 110.4 56 186.4 170.8 186.4 303.2 0 187.6-152.4 340-340 340-23.6 0-46.4-2.4-68.4-6.8-3.6-2.4-7.6-5.2-10-9.2-7.2-8.4 14.4-19.6 30-43.6 63.2-83.2 42.8-183.2-15.6-275.6-58-92.4-51.6-114.8-52.4-118.8-.8-12.4-.8-30.4-15.2-13.2-9.2 10-57.2 65.2-53.2 135.6 2.8 50 30.4 128.4 120.8 163.2 44 22.4-33.2 132.8-47.2 140-15.2 5.6-44-8.8-44-8.8C247.2 758.4 172 644 172 512c0-187.6 152.4-340 340-340", "fill": originColor ? "#106fb8" : "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/BankNybank.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 BankNybank: DefineComponent<IconProps>;

package/packages/vue/icons/BankNybank.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 BankNybank = defineComponent({
+  name: "BankNybank",
+  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": "M499.2 172.4c-47.6 3.2-88.4 14-114 38.4-4-14.4-18.8-10.8-30.4-7.6-54 17.6-121.6 86.8-144.8 140.4-5.2 12.4-15.2 34.8 1.6 42-21.6 25.6-35.2 61.6-38.8 106-.4 6.8-.8 13.6-.8 20.4s.4 13.6.8 20.4c3.2 44.4 16.8 80.8 38.8 106.4-16.4 7.2-6.8 29.6-1.6 42 23.2 53.6 90.4 122.8 144.8 140.4 11.6 3.2 26 6.8 30.4-7.6 25.6 24 66.4 35.2 114 38.4 4.4.4 8.8.4 13.2.4 4 0 8.4-.4 12.8-.4 47.6-2.8 88.4-14 114-38.4 4 14.4 18.8 10.8 30.4 7.6 54-17.6 121.6-86.8 144.8-140.4 5.6-12.4 15.2-34.8-1.2-42 21.6-25.6 35.2-61.6 38.4-106.4.4-6.8.8-13.6.8-20.4s-.4-13.6-.8-20.4c-3.2-44.4-16.8-80.8-38.4-106 16.4-7.2 6.8-29.6 1.2-42C791.2 290 724 220.8 669.6 203.2c-11.6-3.2-26-6.8-30.4 7.6-25.6-24-66.4-35.2-114-38.4-4.4-.4-8.8-.4-12.8-.4-4.8 0-8.8 0-13.2.4m14.8 22.4h3.2c18.8 0 37.6-.8 53.6-2.8-6.4 6-10.8 14.4-9.6 26.8 1.6 21.2 14.4 35.6 22.8 49.2-18.8-9.2-42.4-15.6-70-16.4h-.4c-27.6.8-51.2 7.2-70 16.4 8.8-13.6 21.2-28 22.8-49.2.8-12.4-3.2-20.8-9.6-26.8 16 2 34.8 2.8 53.6 2.8zm198 56.8c3.2-.8 6.4-2 6.4-5.6 0-2-1.2-4.4-2.4-5.6 19.2 15.6 44 41.6 64 66.8-10.4-6.4-10.4 8.4-10 16.8.4 4.4.8 8.8 1.6 12.4-17.2-36.4-48.8-66.4-83.6-84.8 3.2.4 8.8 1.2 14 1.2 3.6-.4 7.2-.4 10-1.2M307.6 240c-1.2 1.6-2.8 3.6-2.4 5.6 0 3.6 3.6 5.2 6.4 5.6 7.2 1.6 18.8.8 24-.4-34.4 18.8-66 48.8-83.2 85.2.8-3.6 1.2-8 1.6-12.4.4-8.4.4-23.2-10-16.8 19.6-25.2 44.4-51.2 63.6-66.8M576 342.8c38-13.6 71.6-30.8 83.2-70.8 16.4 24 50.4 61.2 79.6 84 2 1.6 6.8 5.6 13.2 10.4-20 5.2-33.6 18.4-44 33.2-10.8 14.8-19.2 32.8-24.8 52.4-20-52-55.6-88.4-107.2-109.2m-260 56.8c-10.8-14.8-24-28-44-33.2 6.4-4.4 11.2-8.4 13.2-10.4 29.6-22.8 63.2-60 79.6-84 11.2 40 45.2 57.2 83.2 70.8-51.6 20.8-86.8 57.2-107.2 109.2-5.6-19.6-14-37.6-24.8-52.4m186 208c-20.8-44.8-56.4-76.8-106-93.6 49.2-16.8 85.2-48.8 106-93.6 3.2-6.4 5.2-13.6 8.4-20.4 2.8 6.8 5.2 14 8 20.4 20.8 44.8 56.4 76.8 105.6 93.6-49.2 16.8-84.8 48.8-105.6 93.6-3.2 6.4-5.2 13.6-8 20.4-3.2-6.8-5.6-14-8.4-20.4M771.2 514c0-27.2-6.4-51.2-15.2-70 14 11.6 33.2 21.6 49.2 22 10 .4 18.4-4.4 22.8-10-2 16.4-2.8 36.8-2.8 58s1.2 41.6 2.8 58c-4.8-5.6-12.8-10.4-22.8-10-16 .4-34.8 10.4-49.2 22 8.8-18.8 15.2-42.8 15.2-70m-552.4-48c16-.4 35.2-10.4 49.2-22-8.8 18.8-15.2 42.8-15.2 70s6.4 51.2 15.2 70c-14-11.6-33.2-21.6-49.2-22-10 0-18 4.4-22.8 10 2-16.4 2.8-36.8 2.8-58 0-20.8-1.2-41.6-2.8-58 4.4 5.6 12.4 10 22 10zM576 681.2c51.6-20.4 87.2-57.2 107.2-109.2 5.6 20 14 37.6 24.8 52.4s24 28 44 33.2c-6.4 4.4-10.8 8.4-13.2 10.4-29.6 22.4-63.2 60-79.6 84-11.6-40-45.2-57.2-83.2-70.8M285.2 668c-2-1.6-6.8-5.6-13.2-10.4 20-5.2 33.6-18.4 44-33.2 10.8-14.8 19.2-32.8 24.4-52.4 20.4 52 55.6 88.4 107.2 109.2-38 13.6-72 30.8-83.2 70.8-16-24-49.6-61.6-79.2-84m486.4 20c-.8 3.6-1.2 8.4-1.6 12.4-.4 8.4-.4 23.2 10 16.8-19.6 25.2-44.4 51.2-64 66.8 1.6-1.6 2.8-3.6 2.4-5.6 0-3.6-3.6-5.2-6.4-6-7.2-1.6-18.8-.8-24 .4 34.8-18.8 66.4-48.4 83.6-84.8M254 700.4c-.4-4.4-1.2-8.8-1.6-12.4 17.2 36.4 48.8 66 83.6 84.8-5.6-.8-17.2-2-24-.4-3.2.8-6.4 2-6.4 6 0 2 1.2 4.4 2.4 5.6-19.2-15.6-44-41.6-63.6-66.8 1.6 1.2 3.2 1.6 4.4 1.6 5.6 0 5.6-11.2 5.2-18.4m260 72c28-.8 51.2-7.2 70-16.4-8.8 13.6-21.6 28.4-22.8 49.2-.8 12.4 3.2 20.8 9.6 26.8-16.8-2-36.8-3.2-56.8-2.8-20 0-40 .8-56.8 2.8 6.4-6 10.8-14.4 9.6-26.8-1.6-21.2-14-35.6-22.8-49.2 18.8 9.2 42 15.6 70 16.4", "fill": originColor ? "#ce253d" : "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/BankObank.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 BankObank: DefineComponent<IconProps>;

package/packages/vue/icons/BankObank.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 BankObank = defineComponent({
+  name: "BankObank",
+  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": "M731.6 540.8c3.6-2.8 8.8-1.6 12 2.8 3.2 4 2.4 9.6-.8 12l-2.4 2c-3.6 2.8-8.8 1.6-12-2.8-3.2-4-2.4-9.6.8-12zm-536.4 18.4c-14.8 0-34.8-7.2-37.6-22.4 0-.8-.4-2.4-.4-2.8.8-3.2 3.6-1.2 5.2-.4 2 .8 18.8 5.2 32.8 5.2s30.4-4.4 32.8-5.2c1.6-.8 4.4-2.8 5.2.4 0 .8 0 2-.4 2.8-2.8 15.2-22.8 22.4-37.6 22.4m328-18c0-4.4 4.4-8 9.6-8s9.6 3.6 9.6 8v3.2c0 4.4-4.4 8-9.6 8s-9.6-3.6-9.6-8zm-158-30c0-4.4 4-8 9.2-8s9.2 3.6 9.2 8v3.2c0 4.4-4 8-9.2 8s-9.2-3.6-9.2-8zm21.6 0c0-4.4 4-8 9.2-8s9.2 3.6 9.2 8v3.2c0 4.4-4 8-9.2 8s-9.2-3.6-9.2-8zm21.6 0c0-4.4 4-8 9.2-8s9.2 3.6 9.2 8v3.2c0 4.4-4 8-9.2 8s-9.2-3.6-9.2-8zM862 490c-3.2-3.2-2.4-8.8 1.2-12.4s9.2-4 12.4-.8l2.4 2.4c3.2 3.2 2.4 8.8-1.2 12.4-4 3.6-9.6 4-12.4.8zm-604-50c2.8 0 5.6 1.2 7.6 3.2 20 20.4 30.4 48 28.8 76.4-1.6 26.4-13.6 50.4-34 68-18 15.6-41.2 24.4-64.8 24.4-2.4 0-4.8 0-6.8-.4h-.4c-37.6-2.4-69.6-25.6-84.4-59.6-4.8-11.2-7.6-22.8-8-34.8-.4-6 4.4-10.8 10.4-11.2h.4c5.6 0 10.4 4.4 10.8 10.4.4 9.6 2.4 18.8 6 27.2 11.6 26.8 36.8 44.8 66.4 47.2h5.2c18.8 0 37.2-6.8 51.2-19.2 15.6-13.6 25.2-32.4 26.4-53.2 1.6-22.4-6.8-44-22.4-60-4-4.4-4-11.2 0-15.2 2-2 4.8-3.2 7.6-3.2", "fill": originColor ? "#ee8215" : "currentColor" }), h("path", { "d": "M890 475.2c-3.6 3.6-9.6 3.2-13.2-.8s-4-10-.4-13.2l26.8-26.4c3.6-3.6 9.6-3.2 13.2.8 4 4 4 10 .4 13.6zm-216.4-24c2.8 4 1.6 9.6-2.4 13.2-2 1.6-4.8 2.4-7.2 2V582c0 5.6-4.4 10-10 10s-10-4.4-10-10V442.4c0-5.6 4.4-10 10-10h.4c2.8 0 5.6 1.2 7.2 3.2zm95.6 130.4c0 6-4.4 10.4-10 10.4h-.4c-2.8 0-5.6-1.2-7.2-3.2l-12-15.2c-2.8-4-1.6-10.4 2.4-13.6 2-1.6 4.8-2.4 7.2-2V442.4c0-5.6 4.4-10 10-10s10 4.4 10 10zm-80.8-110.8 39.2 52.8c2.8 4 1.6 10-2.8 13.2s-10.4 2.8-13.2-1.2l-38.8-52.8c-2.8-4-2-10 2.4-13.2s10.4-2.8 13.2 1.2M417.6 571.6c6.8 0 29.6-2 29.6-28 0-18.4-10.4-21.6-11.6-22-2-.8-6.4-3.2-6.4-9.6 0-5.2 2.8-7.6 4.4-8.8 3.6-2.8 8.8-8.8 8.8-27.2 0-10-2.8-16.8-8.8-20.8-3.6-2.4-6.4-3.2-10.8-3.2H354v49.2c4.8.4 8.4 4.8 8.4 10s-3.6 9.6-8.4 10v50.4zm35.2-59.6c6.4 6.4 14.4 13.6 14.4 31.6-.4 24.4-15.6 48.4-49.6 48.4H344c-5.6 0-10-4.4-10-10v-60.4h-20.8c-4.8 0-8.8-4.4-8.8-10s4-10 8.8-10H334V442c0-5.6 4.4-10 10-10h80c17.6 0 38.4 13.2 38.4 44.4-.4 14.8-5.6 28.8-9.6 35.6m472.8 63.2c3.6 4.4 3.2 10.4-1.2 14-2 1.6-4 2.4-6.4 2.4-2.8 0-5.6-1.2-7.6-3.6l-51.6-61.6c-3.6-4-3.2-10.4 1.2-14s10.4-3.2 14 1.2zM858.8 492c3.6 4 4 10 .4 13.6L832.4 532c-2.8 2.8-7.6 3.2-11.2.8V582c0 5.6-4.4 10-10 10s-10-4.4-10-10V442c0-5.6 4.4-10 10-10s10 4.4 10 10v72.8l24.4-24c3.6-3.2 9.6-2.8 13.2 1.2M622 578c2 5.2-.4 11.2-5.6 13.2-1.2.4-2.4.8-4 .8-4 0-7.6-2.4-9.2-6.4l-14.8-34h-35.6c-4.8 0-8.8-4.4-8.8-10s4-10 8.8-10h26.4l-29.6-67.2-53.2 121.2c-1.6 4-5.2 6.4-9.2 6.4-1.2 0-2.4-.4-4-.8-5.2-2-7.6-8-5.6-13.2L540 438.4c1.6-3.6 5.2-6.4 9.2-6.4s7.6 2.4 9.2 6.4zm-457.6-92.8c6.8 0 12.8 4.8 12.8 11.2v4.4c0 6-5.6 11.2-12.8 11.2-6.8 0-12.8-4.8-12.8-11.2v-4.4c0-6.4 5.6-11.2 12.8-11.2m62.4 0c6.8 0 12.8 4.8 12.8 11.2v4.4c0 6-5.6 11.2-12.8 11.2-6.8 0-12.8-4.8-12.8-11.2v-4.4c0-6.4 6-11.2 12.8-11.2M240 422c3.2 1.6 5.2 4.4 6 7.6.4 2.4.4 5.2-.8 7.6-1.2 2.8-3.6 4.8-6.4 5.6s-6 .8-8.8-.8c-8.4-4.4-17.6-6.8-26.8-7.6-4.8-.4-8.8-4-10-8.8V422c.4-3.2 1.6-5.6 4-7.6s5.2-2.8 8.4-2.4c11.6 1.2 23.6 4.8 34.4 10m-57.6-6c2 1.6 3.6 4 4 6.4.8 2.8 0 6-1.6 8.4s-4 4.4-7.2 5.2c-9.2 2-17.6 6-25.6 11.2-4 2.8-9.2 2.4-13.2-.4 0 0-.4-.4-.8-.4l-2-2c-.4-2.8-1.2-5.6-.4-8.8.4-2.8 2.4-5.6 4.8-7.2 10-6.8 21.2-11.6 32.8-14.4 3.2-.8 6.8 0 9.2 2m-50 32.4c2.4 2 4 4.4 4.4 7.6.4 2.8-.4 6-2 8.4-5.6 7.6-10 16-12.8 24.8-1.2 4.8-5.6 8-10.4 8h-.8c-.8 0-2 0-2.8-.4-2.8-.8-5.2-2.8-6.8-5.6-1.2-2.8-1.6-5.6-.8-8.4 3.6-11.6 8.8-22.4 16.4-32.4 2-2.4 5.2-4 8.4-4 2.8-.4 5.2.4 7.2 2", "fill": originColor ? "#495151" : "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/BankOcbc.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 BankOcbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankOcbc.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 BankOcbc = defineComponent({
+  name: "BankOcbc",
+  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": "M196 636h101.2l19.2 20H468l-33.6 35.6-186.4.4s-10-32.8-43.6-35.2c-3.6-9.2-6.8-15.6-8.4-20.8m315.2-464C698.8 172 852 324.8 852 512S698.8 852 511.2 852c-93.2 0-178-37.6-239.6-98.8h417.2l2.8-3.2-440.4-18.8c-.8-.8-1.6-1.6-2-2.8h464l2.8-2.8-486-22.8c-.4-.8-1.2-1.6-1.6-2.4h182c32.8 0 86.8-1.6 157.6-28.8 70.4-27.2 113.6-88.8 113.6-160.4 0-93.6-76.4-169.6-170-169.6-19.6 0-38.8 3.2-56.4 9.6l-120-130.8c51.2-30.4 111.6-48.4 176-48.4M444 358c-25.6 11.2-48 28.4-65.2 50L236 312.8c23.2-31.6 51.6-58.8 84-80.8zm-72 59.2c-16 22.8-26.4 49.6-29.6 78.8L180 434.8c9.2-38.4 25.2-74.8 46.8-106.8zM342.8 506v6c0 14 2 29.2 5.2 42.4s10.4 36.8 31.6 64.8l2.8-1.6s-18.4-28.8-21.6-64.8c-1.2-14.4-1.6-27.6-.4-40.4L535.6 574v50H191.2c-12.4-35.2-19.2-72.8-19.2-112.4 0-21.6 2-43.2 6-63.6zm21.2-4.4c2.4-15.6 7.6-30.8 16-48 4.4-8.8 9.6-17.6 16-25.6l140 88.4V568zm36-80.4c17.2-19.6 38.8-35.2 62.8-45.2l73.2 75.2V512z", "fill": originColor ? "#e30016" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

package/packages/vue/icons/BankOcbcwh.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 BankOcbcwh: DefineComponent<IconProps>;

package/packages/vue/icons/BankOcbcwh.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 BankOcbcwh = defineComponent({
+  name: "BankOcbcwh",
+  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": "M342.8 492c3.6-28.4 14-54.4 29.2-76.4L226.4 324c-20.8 32-36.8 68-46.4 106zm.4 13.6L178.4 448c-4 21.2-6.4 43.2-6.4 65.6 0 37.2 6 73.2 16.8 106.4H380c-23.2-29.2-36.8-66.4-36.8-106.4zM536 508v-58.4L465.6 376c-23.6 8.8-44.8 23.6-61.6 42.4zm0 56v-46.4L392.4 428c-16 20-27.2 43.6-32.4 69.6zm-178.8-52c-.8 6-1.2 12.4-1.2 18.8 0 32.8 10 63.6 26.8 89.2H536v-46.4zm53.6 139.2s-.4 0-.4-.4h-102l-14.8-19.2H188c2.8 7.2 6 14 9.2 20.8 36 1.2 47.6 30.8 47.6 30.8H400v.4h30.8l29.2-32.8h-49.2zm100-483.2c-63.2 0-122.4 17.2-172.8 47.6l125.2 131.2c15.2-4.4 31.2-6.8 48-6.8 94.4 0 170.8 77.2 170.8 172.4 0 78-51.6 144-122.4 165.2-11.2 3.2-90.4 22.4-132.4 22-92.4-.8-198 4.4-199.2 4.4l473.6 20-438.4 4 377.2 21.2-370 6.8c61.6 61.6 146.4 100 240.4 100C699.2 856 852 702 852 512S699.2 168 510.8 168M379.6 404c17.2-21.2 39.2-38 64.4-49.2L320 228c-32.4 22-60.8 49.6-84 81.2z", "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/BankOnebank.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 BankOnebank: DefineComponent<IconProps>;

package/packages/vue/icons/BankOnebank.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 BankOnebank = defineComponent({
+  name: "BankOnebank",
+  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": "181.16 165.16 693.68 693.68", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M21.333 512a490.667 490.667 0 1 0 981.334 0 490.667 490.667 0 1 0-981.334 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M799.573 272.768c0-50.261-58.581-77.739-97.237-45.653L414.635 466.389a59.307 59.307 0 0 0 0 91.222l287.744 239.232c38.613 32.128 97.194 4.693 97.194-45.611z", "fill": originColor ? "#f6ab00" : "currentColor" }), h("path", { "d": "M256 272.768c0-50.261 58.581-77.739 97.195-45.653l287.744 239.274a59.307 59.307 0 0 1 0 91.222L353.195 796.843C314.58 829.013 256 801.536 256 751.232z", "fill": originColor ? "#008cd6" : "currentColor" }), h("path", { "d": "m527.787 372.053 113.706 94.294a59.307 59.307 0 0 1 0 91.306l-113.706 94.294-113.707-94.294a59.307 59.307 0 0 1 0-91.306z", "fill": originColor ? "#0b7cc3" : "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/BankOrdosb.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 BankOrdosb: DefineComponent<IconProps>;

package/packages/vue/icons/BankOrdosb.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 BankOrdosb = defineComponent({
+  name: "BankOrdosb",
+  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": "M512 172c187.752 0 340 152.248 340 340S699.752 852 512 852c-187.76 0-340-152.248-340-340s152.24-340 340-340m-82.02 327.624v94.712a14.85 14.85 0 0 1-14.8 14.8H299.544a14.85 14.85 0 0 1-14.808-14.8V493.52a14.856 14.856 0 0 1 14.808-14.812h67.296v71.568h-17.004V508.8H320.2v64.548h46.632v.064h24.76v-87.24c0-8.952-2.376-13.668-10.704-19.24a94.7 94.7 0 0 0-52.848-16.056c-40.152 0-74.552 24.992-88.94 60.456-.016 1.136-.048 2.268-.048 3.4 0 122.672 80.96 226.452 192.352 260.84-18.268-20.352-29.368-47.088-29.368-76.384 0-34.32 15.224-65.132 39.372-86.252 15.32-13.408 34.288-16.648 53.528-15.688h94.708a14.856 14.856 0 0 1 14.808 14.808v115.62a14.844 14.844 0 0 1-14.808 14.804H488.832a14.85 14.85 0 0 1-14.816-14.8V660.4h71.564v16.996h-41.46v29.632h64.544V660.4h.068v-24.76h-87.24c-8.952 0-13.672 2.38-19.244 10.704a94.7 94.7 0 0 0-16.056 52.848c0 39.656 24.38 73.712 59.16 88.408 2.212.052 4.424.08 6.652.08 120.732 0 223.16-78.424 259.144-187.1-20.052 17.112-45.92 27.428-74.172 27.428-34.308 0-65.124-15.224-86.252-39.372-13.408-15.324-16.64-34.292-15.688-53.52V440.4a14.84 14.84 0 0 1 14.804-14.8h115.636a14.84 14.84 0 0 1 14.8 14.8v100.816a14.85 14.85 0 0 1-14.8 14.812h-67.288v-71.564h17v41.468h29.632v-64.548h-46.636v-.068H633.42v87.244c0 8.956 2.376 13.668 10.712 19.24a94.73 94.73 0 0 0 52.84 16.056c39.04 0 72.652-23.628 87.708-57.54.16-3.84.26-7.696.26-11.576 0-123.12-81.56-227.208-193.588-261.208 19.8 20.664 31.964 48.536 31.964 79.2 0 34.312-15.22 65.128-39.368 86.256-15.32 13.408-34.288 16.648-53.528 15.688h-94.712a14.85 14.85 0 0 1-14.804-14.812V304.236a14.85 14.85 0 0 1 14.8-14.8h100.82a14.85 14.85 0 0 1 14.812 14.8v67.296h-71.568V354.52h41.472v-29.632h-64.548v46.64h-.064v24.756h87.24c8.952 0 13.672-2.376 19.244-10.708a94.75 94.75 0 0 0 16.052-52.852c0-42.108-27.492-77.916-65.736-90.908-.48-.004-.956-.02-1.428-.02-123.868 0-228.468 82.544-261.812 195.62 20.52-19.056 47.848-30.692 77.852-30.692 34.308 0 65.124 15.228 86.252 39.372 13.416 15.32 16.648 34.292 15.688 53.52", "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/BankPboc.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 BankPboc: DefineComponent<IconProps>;

package/packages/vue/icons/BankPboc.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 BankPboc = defineComponent({
+  name: "BankPboc",
+  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": "m392.136 500.532 5.896-186.912c.456-16.332 6.352-27.22 26.764-27.22h25.86V224a12 12 0 0 1 12-12h96.664a12 12 0 0 1 12 12v62.4h25.856c20.864 0 26.308 10.888 26.76 27.22l5.9 186.008-86.188 49.9V437.472c0-15.424-12.704-27.672-27.672-27.672h-9.072c-15.424 0-27.672 12.704-27.672 27.672v112.964zm244.816 12.904 159.612 98.54c13.98 8.56 20.5 19.088 10.292 36.692l-12.928 22.296 54.268 31.2a12 12 0 0 1 4.768 15.74l-.368.68-48.296 83.292a12 12 0 0 1-16.36 4.384l-54.344-31.24-12.928 22.296c-10.432 17.996-22.624 17.248-37.056 9.472l-164.72-87.92-.308-99.276 97.46 56.028c13.412 7.716 30.416 2.884 37.904-10.024l4.536-7.824c7.712-13.3 2.788-30.212-10.236-37.7l-98.244-56.48zm-249.904 0-159.612 98.54c-13.98 8.56-20.5 19.088-10.292 36.692l12.928 22.296-54.268 31.2a12 12 0 0 0-4.768 15.74l.368.68 48.296 83.292a12 12 0 0 0 16.36 4.384l54.344-31.24 12.928 22.296c10.432 17.996 22.624 17.248 37.056 9.472l164.72-87.92.308-99.276-97.46 56.028c-13.412 7.716-30.416 2.884-37.904-10.024l-4.536-7.824c-7.712-13.3-2.788-30.212 10.236-37.7l98.244-56.48z", "fill": originColor ? "#e50619" : "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/BankPsbc.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 BankPsbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankPsbc.js

@@ -0,0 +1,39 @@
+import { defineComponent, h, ref } from "vue";
+
+const toSize = (size) => typeof size === "number" ? `${size}px` : size;
+const toButtonIconSize = (size) => typeof size === "number" ? `${Math.max(0, size - 8)}px` : `max(0px, calc(${size} - 8px))`;
+const joinClassNames = (...values) => values.filter(Boolean).join(" ");
+export const BankPsbc = defineComponent({
+  name: "BankPsbc",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576q224 0 224 224v576q0 224-224 224H224Q0 1024 0 800V224Q0 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M552.692 477.328 523.62 637.072H358.936l-6.788 39.184h200.544l37.776-199.092h206.34l-11.656 60.504H610.8l-37.748 201.844H340.56l-6.124 33.2h267.656l34.864-195.776h142.4l-11.62 66.156H660.2L627.492 836H288.148l36.684-198.928H172l29.072-159.744h153.36l35.528-192.872h165.612L573.052 188H852l-11.62 63.288H596.3l-17.452 93.448H413.432l-6.688 36.14h201.14l17.448-96.42h209.252l-11.656 63.256H645.664l-17.416 96.452H395.256l-6.788 33.164zm-52.312 99.464 5.824-39.184H377.908l-7.22 39.184zm-157.14-39.184H221.4l-8.74 39.184h123.332z", "fill": originColor ? "#118a3f" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});