@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankDresdner.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 BankDresdner = defineComponent({
+  name: "BankDresdner",
+  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": "M252 668h524l-83.2 144H335.2zm260-456h166.8L860 519.2 773.2 664zm-169.6 0H512L248.8 664 164 519.2z", "fill": originColor ? "#359230" : "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/BankDtb.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 BankDtb: DefineComponent<IconProps>;

package/packages/vue/icons/BankDtb.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 BankDtb = defineComponent({
+  name: "BankDtb",
+  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.48 0 340 152.52 340 340 0 187.476-152.52 340-340 340S172 699.476 172 512c0-187.48 152.52-340 340-340m297.28 355.94-71.5-.004v103.372c0 26.488-21.532 48.036-48.008 48.036l-15.744-.004v13.368c0 26.32-21.544 47.728-48.032 47.728H525.28l.004 69.1c152.72-6.744 275.92-129.152 283.992-281.596zm-528.376-.004-66.18.004c8.028 151.56 129.844 273.432 281.336 281.468v-68.972H392.688c-26.48 0-48.032-21.412-48.032-47.728V679.34h-15.74c-26.472 0-48.008-21.544-48.008-48.032zM496.06 679.34H369.992v13.368c0 12.44 10.184 22.552 22.696 22.552H496.06zm152.632 0H525.28v35.92H626c12.512 0 22.692-10.116 22.692-22.552zM344.656 527.936h-38.428v103.372a22.72 22.72 0 0 0 22.688 22.7l15.74-.004zm304.036-152.632h-278.7v278.7h278.7zm63.764 152.632h-38.428v126.068h15.744a22.72 22.72 0 0 0 22.688-22.696zm-146.948-111.56c23.224 0 42.12 18.892 42.12 42.116v109.676c0 23.22-18.896 42.112-42.12 42.112H455.832c-23.22 0-42.112-18.892-42.112-42.112v-109.68c0-23.22 18.892-42.112 42.112-42.112h109.68zm0 42.116H455.832v109.676h109.616l.06-109.68zm124.264-83.188h-15.744v123.412h38.428V398.004a22.72 22.72 0 0 0-22.68-22.7zM214.592 498.72h66.312V398.004c0-26.488 21.54-48.036 48.012-48.036h15.74v-16.02c0-26.32 21.548-47.728 48.032-47.728l103.372-.004v-71.624c-152.376 8.08-274.728 131.332-281.468 284.12zm310.692-284.252-.004 71.752H626c26.484 0 48.032 21.416 48.032 47.732l-.004 16.02h15.744c26.476 0 48.008 21.548 48.008 48.036V498.72h71.624c-6.776-153.68-130.512-277.472-284.12-284.252m-180.628 160.84h-15.74a22.72 22.72 0 0 0-22.688 22.7V498.72h38.428V375.304zm151.404-63.912H392.688c-12.512 0-22.696 10.12-22.696 22.56v16.016H496.06zm129.936 0H525.28v38.576h123.412v-16.02c0-12.436-10.18-22.552-22.696-22.552z", "fill": originColor ? "#db2b2d" : "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/BankDyccb.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 BankDyccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankDyccb.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 BankDyccb = defineComponent({
+  name: "BankDyccb",
+  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": "M745.6 678.4C592.8 889.2 334 738 392.8 640c18.4-30.8 58.4-46 97.2-17.6 94.4 68.8 228 4 265.2-110 14-39.2 21.2-116-29.2-185.2l2.4-2.4c39.6 45.2 70.4 108 70.4 187.6 0 55.6-16.4 114.8-53.2 166M602.8 512l-89.2 89.2-89.2-89.2 89.2-89.2zm-377.6 0c0-56 16.4-115.2 53.2-166.4C431.2 134.8 690 286 631.2 384c-18.4 30.8-58.4 46-97.2 17.6-94.4-68.8-228-4-265.2 110-14 39.2-21.2 116.4 30 186l-2.4 2c-40-44.8-71.2-107.6-71.2-187.6m626.8 0c0-193.6-158.8-340-340-340-190.4 0-340 153.6-340 340 0 193.6 158.8 340 340 340 190.4 0 340-153.6 340-340", "fill": originColor ? "#de0112" : "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/BankDzbank.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 BankDzbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankDzbank.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 BankDzbank = defineComponent({
+  name: "BankDzbank",
+  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": "M132 511.6s65.6-29.2 93.2 0c27.2 29.2 185.2 209.2 185.2 209.2s68.4 91.2 151.2 52.8S903.2 488 778.4 341.2c0 0 36.4 107.6-101.6 216.4-37.6 29.6-66.8 48.4-89.6 62.4-60.8 37.6-76.8 29.2-91.6 20-20-13.2-156.4-97.2-241.6-160.4 0 0-53.6-43.6-122 32", "fill": originColor ? "#e50113" : "currentColor" }), h("path", { "d": "m294 464.4-122.4-76s448.4-282 586.8-69.2c-.4 0-153.6-124-464.4 145.2m224.8-70 136.4 88.8-136.4 96-143.6-96z", "fill": originColor ? "#e95506" : "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/BankEgbank.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 BankEgbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankEgbank.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 BankEgbank = defineComponent({
+  name: "BankEgbank",
+  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": "M225.121 0h573.758q223.129 0 223.129 223.128v573.76q0 223.128-223.129 223.128H225.121q-223.129 0-223.129-223.129V223.128Q1.992 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M565.798 540.31h253.816l30.553-30.653-30.553-30.652H504.693zm91.658-224.002L598.7 255.004l-61.105 61.304zm75.202 311.245h-152.76l-58.754 58.95 2.351 2.354h148.062zM523.495 330.457l-58.75 61.305h267.917l-61.101-61.305H523.499zM579.9 554.458l37.6 37.725-23.5 21.22h152.764l58.75-58.945zm-42.303 148.548 61.105 61.304 58.755-61.304zM450.64 405.91l-11.75 9.432 51.702 49.514h314.921L746.76 405.91z", "fill": originColor ? "#a88249" : "currentColor" }), h("path", { "d": "m408.337 427.132 94.009-94.316-75.207-77.812-253.816 254.653L427.139 764.31 584.6 603.977z", "fill": originColor ? "#003d75" : "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/BankEibof.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 BankEibof: DefineComponent<IconProps>;

package/packages/vue/icons/BankEibof.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 BankEibof = defineComponent({
+  name: "BankEibof",
+  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": "M628.48 268C762.76 268 872 377.46 872 512S762.76 756 628.48 756A241.66 241.66 0 0 1 512 726.228 241.66 241.66 0 0 1 395.52 756C261.24 756 152 646.54 152 512s109.24-244 243.52-244c42.164 0 81.86 10.8 116.48 29.772A241.64 241.64 0 0 1 628.48 268m0 37.264a204.8 204.8 0 0 0-80.688 16.468c33.8 27.212 60.224 63.252 75.748 104.6l.976 2.648h57.468a24 24 0 0 1 23.984 23.1l.016.9v115.36a24 24 0 0 1-23.1 23.984l-.9.016h-115.04a24 24 0 0 1-23.984-23.1l-.016-.9V452.98a24 24 0 0 1 23.1-23.984l.9-.016h17.52A207.94 207.94 0 0 0 512 341.452a204.84 204.84 0 0 0-116.48-36.188c-113.772 0-206.328 92.744-206.328 206.736s92.56 206.732 206.328 206.732a204.8 204.8 0 0 0 80.688-16.464c-34.52-27.796-61.344-64.8-76.72-107.268l-.948-2.66h-61.88a24 24 0 0 1-23.984-23.1l-.016-.9V452.98a24 24 0 0 1 23.1-23.984l.9-.016H451.7a24 24 0 0 1 23.984 23.1l.016.9v115.36a24 24 0 0 1-23.1 23.984l-.9.016h-13.332A207.9 207.9 0 0 0 512 682.548a204.83 204.83 0 0 0 116.48 36.184c113.768 0 206.328-92.74 206.328-206.732s-92.56-206.736-206.328-206.736m28.312 160.984h-64.66a12 12 0 0 0-12 12v64.828a12 12 0 0 0 12 12h64.66a12 12 0 0 0 12-12v-64.828a12 12 0 0 0-12-12m-230.28 0h-64.66a12 12 0 0 0-12 12v64.828a12 12 0 0 0 12 12h64.66a12 12 0 0 0 12-12v-64.828a12 12 0 0 0-12-12", "fill": originColor ? "#004098" : "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/BankEsun.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 BankEsun: DefineComponent<IconProps>;

package/packages/vue/icons/BankEsun.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 BankEsun = defineComponent({
+  name: "BankEsun",
+  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": "M829.2 388.8c50.8 128.8 14.8 280.8-88 371.6-88.8 80.4-220.4 109.6-338 70.4-131.6-43.6-224-162.8-230.8-302-7.2-131.6 62-250.4 177.2-313.2 105.6-60.4 264-50.8 360.4 22.4 53.2 36 95.2 92.4 119.2 150.8m-332-53.6c-19.6-5.6-40.4-9.2-61.6-11.2-8.4 2-13.6 11.2-17.6 16.8-12.8 17.6-18.4 39.2-33.2 56.4-4.4 7.6-14.8 4-20.4 9.6-12.8 0-24 4-34.8 10.4-.8 1.2-1.2 3.6-3.6 2.8-2.8 5.6-7.2 10.4-11.2 16-10.8 14-30.4 18-45.2 26.4-18.4 10.4-36.8 20.4-51.6 36l.8.8c-7.6 11.2-19.2 17.2-26.8 28 7.6-2 6.4-11.2 15.6-9.6 2 5.6-4.8 7.6-5.6 11.2 2.8-1.2 6.4-3.6 9.2-2.8-1.6 4-4.8 6.4-8.4 9.2 3.6-1.2 2.8 2 4.4 2.8 3.6.8 9.2-5.6 14-2.8-4.4 4-9.2 9.2-12 11.2v.8c2.8 0 4.8 0 6.4-2 4.8-.8 9.2-7.6 13.6-8.4l-7.6 10.4 8.4-6.4c2 2.8-4.8 4.8-1.2 7.6 6.4-2.8 7.6-9.2 13.6-12-.8 5.6-7.2 9.6-10 14.8 2.8-2.8 11.2-4.8 10-10.4 5.6-5.6 12.8-9.6 16.8-16.8 15.6-16.8 26.8-34 50-38.8.8.8-1.6 1.2 0 .8 12.8-10.4 32.4-10.4 44.4-22.8 2-2.8 5.6-8.4 10.4-6.8v-1.2c.8-2.8 3.6-4.8 7.2-4.4l.8 2.8c10-11.2 26.8-6.8 34.4-17.6v1.6c11.2-3.6 19.2-14 25.6-22.4 4.4-6.4 7.2-13.2 12.8-17.6 3.6-5.6 5.6-12.4 11.2-17.2 6.4-.8 14.8-1.6 21.2.8 8.4 11.2 23.2 4.8 36 5.6.8 6.4 7.2 0 7.6 6.4 10.4 4.8 14 20 23.2 28.4-5.6 3.6-12.8 9.2-14 16.8-9.2 1.2-.8 11.2-10 12 2.8-3.6 8.4-3.6 11.2 0l-2 2c-10.8 4.8-21.2 12-31.6 18l1.6 1.6c-2.8 2-5.6 5.6-8 6.8h2c2 .8 1.6 3.6 1.6 2.8 3.6 0 7.2-4.8 10-2 .8.8-.8 1.2-.8 2 3.6-4.8 7.6.8 10 .8-4.8 4-11.2 9.2-16.8 13.2h5.6c-2 6.4-10 4-13.6 9.6 4.4 0 1.2 4.8 0 5.6 2.8-.8 5.6-4 9.2-2-2 4.8-8.4 5.6-9.2 11.2 4.8-2.8 7.6-11.2 14-8.4.8 2-4 2.8-2 6.4 2.8-.8 4.8-4 8.4-2.8 1.6 0 2.8 1.2 2 2.8 2.8-3.6 8.4 0 11.2-2.8 10-13.2 28.8-11.2 43.2-17.6l-.8-3.6c2-8.4 14.8-6.4 22-9.2 2-8.4 13.6-2 16.8-9.6 4.4-3.6 7.6 1.2 12 1.2 5.6-2.8 13.6-2 18.4-4.8 13.6-2.8 24.8 13.2 32.4 20.8 17.6 20.8 44 36 65.6 46.4-12-8.4-24.8-14-36.8-22.8.8-2 2.8-1.2 4.4-1.2 10.4 7.6 21.2 13.2 31.6 20 22 17.2 48.8 32 72.8 41.6l-3.6-2.8c.8-.8-.8-2 .8-2.8l4.8 2.8c.8-2.8 4.4-2.8 6.4-3.6-3.6-6.4-12.8-8.4-19.2-12-18.4-10.4-40.8-21.6-57.2-36.8l.8-.8c20.4 12.4 41.6 26.4 64.8 36 3.6 6.8 9.2 2.8 14.8 4.8-1.6-.8-4.4-.8-4.4-2.8h11.2c-2-6.8-12.8-4-16.8-10.4 4.4-1.2 10 .8 14 2.8v-.8c-2-1.2-7.2-1.2-5.6-5.6-32.4-12-61.6-32-88.8-52.4-22.8-12.4-34.8-42.4-60-50.8-4-5.6-5.6-11.2-9.2-17.2l-2.8 1.6c-4.8-5.6-5.6-12.4-9.2-18-3.6-4.8-10.8-6.4-15.6-6.4-7.6 4.4-19.6-2.8-24.8 1.6l4.4 2c-1.6 2-2.8 4.4-6.4 3.6-15.6-11.2-28.8-28-40.8-42.4 6.4-17.6-16.8-21.6-25.6-34-12-9.6-27.2-.4-39.2 3.2", "fill": originColor ? "#009d96" : "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/BankEwb.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 BankEwb: DefineComponent<IconProps>;

package/packages/vue/icons/BankEwb.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 BankEwb = defineComponent({
+  name: "BankEwb",
+  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": "M236 180h552c30.8 0 56 25.2 56 56v552c0 30.8-25.2 56-56 56H236c-30.8 0-56-25.2-56-56V236c0-30.8 25.2-56 56-56m0 8c-26.4 0-48 21.6-48 48v552c0 26.4 21.6 48 48 48h552c26.4 0 48-21.6 48-48V236c0-26.4-21.6-48-48-48z", "fill": originColor ? "#dc022a" : "currentColor" }), h("path", { "d": "M286.8 208v331.6L212 553.2V248c0-22 18-40 40-40zm13.2 0h74l-7.2 316.8-66.8 12.4zm84.8 0h74.8v300l-74.8 13.2zm82.8 0H776c22 0 40 18 40 40v35.6H482.4zM816 293.6v74.8H498.4l-16-70.8zm0 83.2v76.8H514l-13.2-72.8zm0 88.8V772c0 22-18 40-40 40h-37.2l8.4-334.4zM732 812h-77.2l4-318 68.8-11.2zm-88 0h-71.2V510.8l71.2-12.4zm-86.8 0H252c-22 0-40-18-40-40v-34h333.2zM212 725.6v-72.8l321.2 4.4 12 68.4zm0-86v-70.4h302l15.6 70H212z", "fill": originColor ? "#dc022a" : "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/BankFdbank.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 BankFdbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankFdbank.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 BankFdbank = defineComponent({
+  name: "BankFdbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m212 213.2 1.2 597.2c111.6 3.6 176.4-24 228.4-60.8 41.6-29.6 68-67.2 86.4-103.2 17.6-34.4 21.2-60.8 46.8-87.2 14.4-14.8 32.8-30.8 70.4-45.6v-2c-32.4-12.4-56.8-28-71.6-47.2-6.4-8-5.2-8.8-2.4-18.4 18.4-69.6 89.2-123.2 157.2-135.6l-.8 402c-30.8-1.6-62.8-19.2-85.6-36-28-20.4-48.4-47.2-63.6-78.4l-2.8-.4c-10.4 37.2-26.4 68.8-45.6 97.2 56.4 80.8 149.2 120.8 282 116.8v-598c-53.6-3.6-102 1.2-143.2 15.2-82.8 28-139.6 85.2-164 135.6C475.2 426 458 487.6 379.6 509.2c-3.2 4.4-2 3.2 2.4 4.8 31.2 12.4 57.6 29.2 74 54-.4 19.6-29.2 66-50.8 88-28.8 29.2-65.2 46.4-106 56.8l-1.2-402c75.2 13.6 120 60 151.2 120.8 9.2-40 25.2-74.8 47.2-105.2C428 245.6 334.8 204.8 212 213.2", "fill": originColor ? "#b41d22" : "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/BankFhb.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 BankFhb: DefineComponent<IconProps>;

package/packages/vue/icons/BankFhb.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 BankFhb = defineComponent({
+  name: "BankFhb",
+  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": "M398.4 160c0 1.2.4 2 .4 3.2V262c0 2.8-.8 3.6-3.6 3.6-13.6.8-27.2.4-40.8 2.4-22.4 3.2-42.4 11.2-57.6 28.8-12.4 14.8-19.6 33.2-19.6 52.8-.4 22 0 44.4 0 66.8v338.8c0 3.2.8 4.4 4.4 4.4H394c3.2 0 3.6-.8 3.6-3.6V571.6c0-3.2.8-4 4-4H604c3.2 0 4 .8 4 4v99.2c0 3.2-.4 4.4-4 4.4h-97.6c-2.8 0-3.6.8-3.6 3.6v186.4h-328c-2.8 0-3.2-.8-3.2-3.2V366.8q1.8-7.2 0-14.4v-6.8c.8-.4.8-1.2.8-2 .4-8.4 1.2-16.4 2-24.8 4.4-43.6 23.6-79.2 56-108.4C262 180.8 300 167.6 341.2 162c5.6-.8 10.8-.4 16-2z", "fill": originColor ? "#0095cc" : "currentColor" }), h("path", { "d": "M608.4 864c0-1.2.4-2.8.4-4v-92c0-6-.8-5.2 5.2-5.6 43.6-2 80-19.2 107.2-53.6 18.8-24 26.4-51.6 25.6-81.6-.8-16.8-2.8-33.2-8.4-49.2-7.6-21.6-21.6-39.2-38.8-54-4.4-4-8.8-7.6-13.2-11.2-3.2-2.8-2.8-3.2.4-5.2 20.8-14 35.2-32.4 40.4-57.6.8-4.4 1.2-9.2 1.2-13.6V273.2c0-3.2-.8-4-4-4h-110c-2.8 0-3.6.8-3.6 3.6v182.8c0 3.2-.8 4-4 4H404c-3.2 0-4-.8-4-4v-98.8c0-3.2.8-3.6 4-3.6h96.4c3.2 0 4-.8 4-4V160.8h326.4v237.6c0 17.6 0 35.2-.8 52.4-.8 19.6-5.2 37.2-18 52.4-4.4 5.2-4 5.2-.4 10.8 20.8 30 34 64.8 38.4 100.8.8 4.8.4 10 2 14.8v29.6c-.8.4-.8 1.2-.8 2-.4 4.8-.8 9.2-1.6 14-6 41.2-24.4 79.6-53.2 110.4-38.4 41.6-86.4 65.6-142 75.6-5.6 1.2-11.2 1.2-16.8 2.8z", "fill": originColor ? "#00a29d" : "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/BankFirstbank.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 BankFirstbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankFirstbank.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 BankFirstbank = defineComponent({
+  name: "BankFirstbank",
+  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": "M622.8 514.4 515.6 622 408 514.4l107.6-107.6z", "fill": originColor ? "#d5ab48" : "currentColor" }), h("path", { "d": "m515.6 406.8 107.2 107.6H612l-96.4-96.8z", "fill": originColor ? "#e4c576" : "currentColor" }), h("path", { "d": "m515.6 417.6-96.8 96.8H408l107.6-107.6z", "fill": originColor ? "#f3e9d5" : "currentColor" }), h("path", { "d": "M515.6 622 408 514.4h10.8l96.8 96.8z", "fill": originColor ? "#e4c576" : "currentColor" }), h("path", { "d": "m515.6 611.2 96.4-96.8h10.8L515.6 622z", "fill": originColor ? "#b36c20" : "currentColor" }), h("path", { "d": "M271.2 285.6C211.6 344.8 174.8 426 174.8 516c0 148 121.2 263.6 271.2 263.6 77.6 0 147.2-28.4 196.4-79.2l-2.8-2.8c-37.6 28-84 44.4-134 44.4-124.4 0-229.2-100.8-229.2-225.2 0-90.4 32.8-162 85.6-210.8s125.2-74.8 203.6-74.8c58.8 0 113.6 18 158.8 48.4l2.8-2.8C668 223.2 590 190.4 504 190.4c-91.2 0-173.2 36.4-232.8 95.2", "fill": originColor ? "#b5883c" : "currentColor" }), h("path", { "d": "M237.2 510c0 135.2 110.8 240.8 247.6 240.8 59.6 0 114-18.4 156.4-51.6l-1.6-1.6c-37.6 28-84 44.4-134 44.4-124.4 0-229.2-100.8-229.2-225.2 0-90.4 32.8-162 85.6-210.8s125.2-74.8 203.6-74.8c58.8 0 113.6 18 158.8 48.4l1.2-1.2c-52-40.8-117.2-65.2-188.4-65.2-165.6 0-300 132.8-300 296.8", "fill": originColor ? "#824f2e" : "currentColor" }), h("path", { "d": "M236 510.4c0 135.6 111.2 241.2 248.8 241.2 59.6 0 114.4-18.4 157.2-51.6l-.8-.8c-42.4 32-95.6 49.2-154 49.2C350.8 748 240 643.6 240 509.6c0-162.4 134.4-294 300-294 70 0 134 23.6 184.8 62.8l.8-.8c-51.6-40.4-116.8-64.8-188-64.8C370.8 213.2 236 346 236 510.4", "fill": originColor ? "#d8c29b" : "currentColor" }), h("path", { "d": "m382 328.8 2.8 2.8c37.6-28 84-44.4 134-44.4 124.4 0 229.2 100.8 229.6 225.2 0 90.4-32.8 162-85.6 210.8S538 798 459.2 798c-58.8 0-113.6-18-158.8-48.4l-2.8 2.8c58.8 53.2 136.8 86 222.8 86 90.8 0 173.2-36.4 232.8-95.2s96.4-140.4 96.4-230c0-148-121.2-263.6-271.2-263.6-77.2 0-147.2 28-196.4 79.2", "fill": originColor ? "#48937c" : "currentColor" }), h("path", { "d": "m383.2 330 1.6 1.6c37.6-28 84-44.4 134-44.4 124.4 0 229.2 100.8 229.6 225.2 0 90.4-32.8 162-85.6 210.8S538 798 459.2 798c-58.8 0-113.6-18-158.8-48.4l-1.2 1.2C350.8 791.6 416 816 486.8 816c166 0 300.4-132.8 300.4-296.8 0-135.2-110.8-240.8-247.6-240.8-59.2 0-113.6 18-156.4 51.6", "fill": originColor ? "#004b34" : "currentColor" }), h("path", { "d": "m382.4 329.2.8.8c42.4-32 95.6-49.2 154-49.2 136.4 0 247.2 104.4 247.2 238.4 0 162.4-134.4 294-300 294-70 0-134-23.6-184.8-62.8l-.8.8c51.6 40.4 116.8 64.8 188 64.8 166.8 0 301.6-133.2 301.6-297.2 0-135.6-111.2-241.2-248.8-241.2-59.6 0-114.4 18-157.2 51.6", "fill": originColor ? "#d8d8d8" : "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/BankFjhxbc.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 BankFjhxbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankFjhxbc.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 BankFjhxbc = defineComponent({
+  name: "BankFjhxbc",
+  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": "M414.4 566c-48.8 94.8-192 190.4-210.4 155.6-3.6-9.2-6.8-18.4-9.2-29.2-30-122.4-30-239.6 0-361.6 20.4-76.8 58.8-115.6 135.2-136 122-30.4 238.4-30.4 360.4 0 11.6 3.2 22.4 6.8 32.4 10.4 13.6 8.4-4 52.4-16.4 73.2C680.8 322 573.6 448 496 408.4c-82.8-42-113.2-52-156.4-17.2C411.2 412.4 446 504.8 414.4 566m415.2-234.4c30 122 30 239.2 0 361.6-20 76.8-58.8 115.2-135.2 136-121.2 30-237.6 30-359.2 0-12-3.2-23.2-7.2-33.6-11.6-11.6-8.4-8-25.6.8-44C338 702.8 446 598.4 485.6 594.4c68-7.2 112 86.4 222.8 42.8-52.4-10.8-116.8-89.6-109.2-156.8 4.4-39.6 108-148.4 178-184.4 17.2-8.8 33.6-11.6 40.8-.4 4 11.2 8 23.2 11.6 36", "fill": originColor ? "#047ac6" : "currentColor" }), h("path", { "d": "M180 405.6c21.2 46.8 58.8 79.6 112 98 34.8 12 82 18.4 133.2 24.8-1.2 13.2-5.2 26-11.2 38-48.8 94.8-192 190.4-210.4 155.6-3.6-9.2-6.8-18.4-9.2-29.2-23.6-97.6-28.8-191.6-14.4-287.2m640 318c-22 57.2-60 88.4-125.6 106-121.2 30-237.6 30-359.2 0-12-3.2-23.2-7.2-33.6-11.6-11.6-8.4-8-25.6.8-44C338 703.2 446 598.8 485.6 594.8c68-7.2 112 86.4 222.8 42.8-32-6.8-68.4-38.8-90.4-78 13.2 3.6 26.4 8 38.4 12.8 63.2 24.4 118 74.8 163.6 151.2", "fill": originColor ? "#036ab8" : "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]);
+    };
+  },
+});