@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankGyccb.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 BankGyccb = defineComponent({
+  name: "BankGyccb",
+  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": "M168 510.4c.4-4 .8-7.6.8-11.6 2.8-75.2 28.8-142 76.4-200.4 24.8-30.4 54.4-56 88-76.4 1.2-.8 2.4-1.2 2.8-2-6.4 12.4-13.2 24.4-18.8 37.2-6.8 16.4-11.2 33.6-12.4 51.2-.8 11.2-1.2 22-1.2 33.2v346.8c-6.4-1.2-12.4-2-18-3.2C236 673.6 201.2 644.8 182 598c-4.8-12-7.2-25.2-9.2-38-2-14.4-2.8-28.8-4-43.2 0-.8-.4-1.6-.8-2.4zM216 684c10 5.2 20 11.6 30.4 16.4 19.6 8.8 40.4 14 61.6 14.8 10.4.4 20.8.8 30.8.8H688c-1.2 7.2-2.4 14-4 20.8-6.8 28-20 52.4-40.8 72.4-20 18.8-44.4 31.2-71.2 36.4-27.6 5.6-55.6 7.6-83.6 5.6-51.6-3.2-102-18.4-146.8-44-50.8-28.8-93.6-70.4-124-120.4zm468 120c5.2-9.6 10.8-18.8 15.6-28.8 8.4-17.6 13.2-36 14.8-55.2 1.2-12.4 1.6-25.2 1.6-37.6V336c8.4 1.6 16.8 3.2 24.8 5.2 47.6 12.8 80 42.8 98.4 88 4.8 12.4 6.8 26 9.2 39.2 3.2 17.2 4 34.8 3.6 52-.8 42.8-10 84.8-26.8 124-28.4 66-76.8 121.6-138.8 158.8zM332 306.4c5.6-40.8 22-75.2 54.8-100.4 18.4-14.4 40-23.6 62.8-28 24.8-4.8 50.4-6.8 75.6-5.6 66 2.8 130 25.2 183.6 64 37.2 26.8 68.8 60.8 92.8 99.6l2 4c-4.8-3.2-8.8-5.6-12.8-8-22.8-13.6-48.4-21.6-74.8-24-10.8-.8-21.6-1.6-32.4-1.6z", "fill": originColor ? "#e70012" : "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/BankGyrcb.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 BankGyrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankGyrcb.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 BankGyrcb = defineComponent({
+  name: "BankGyrcb",
+  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": "166.66 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": "M575.744 213.888c.725 0 1.11.427 1.11 1.152L576 382.08a2.176 2.176 0 0 1-2.219 2.219H218.197c-1.45 0-2.133-.726-2.218-2.134-.128-14.208-2.859-30.506 4.693-43.093a342.66 342.66 0 0 1 120.96-120.79 33.45 33.45 0 0 1 17.152-4.693c72.32-.426 144.64-.298 216.96.299m119.723 116.779h17.322c1.494 0 2.219-.726 2.219-2.176v-87.51c0-2.176.853-2.602 2.603-1.28 25.002 19.456 92.245 83.2 92.416 115.414.384 65.792.384 131.669 0 197.589 0 1.579-.768 2.347-2.262 2.347l-90.325-.64c-1.621 0-2.432-.854-2.432-2.432V386.475c0-1.451-.725-2.176-2.219-2.176H610.987c-1.451 0-2.176-.726-2.176-2.219V216.533q0-2.56 2.56-2.56l65.877.256a17.323 17.323 0 0 1 17.237 17.494l-1.066 96.938c0 1.323.64 2.006 2.005 2.006zM344.32 807.424c-48.427-24.363-96-76.075-123.69-122.027a32.47 32.47 0 0 1-4.609-16.981c-.17-83.413-.17-166.827 0-250.197 0-1.451.768-2.176 2.219-2.176h153.685a2.773 2.773 0 0 1 2.731 2.73v387.84c0 1.238-.64 1.963-1.835 2.262-11.52 2.816-20.992 2.304-28.501-1.451M576 648.021V589.44c0-1.792.896-2.688 2.73-2.688l228.48-.043c1.835 0 2.731.854 2.774 2.688.299 21.248 5.333 79.616-4.565 96.128A344.7 344.7 0 0 1 685.312 805.42a32.34 32.34 0 0 1-16.853 4.522h-259.84a2.39 2.39 0 0 1-2.39-2.432l.512-155.733c0-.853.726-1.579 1.579-1.579h165.461q2.176 0 2.176-2.176z", "fill": originColor ? "#e02c0d" : "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/BankGzb.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 BankGzb: DefineComponent<IconProps>;

package/packages/vue/icons/BankGzb.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 BankGzb = defineComponent({
+  name: "BankGzb",
+  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": "m369.6 538 114 114.4-120.4 118-140-137.6c-68.4-65.6-68.4-173.6 0-238.8l166-160.4c64.8-65.6 175.6-65.6 244-3.2L369.6 485.6l-29.2 26zm431.2-147.2c68.4 68.8 68.4 173.6 0 239.2l-166 160.4c-68.4 65.6-175.6 65.6-244 3.2L654.4 538l29.2-26.4-29.2-26.4-114-110.8 120.4-118z", "fill": originColor ? "#c7161e" : "currentColor" }), h("path", { "d": "M625.2 512 510.8 400.8 396 512l118 111.2z", "fill": originColor ? "#bb864f" : "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/BankGzcb.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 BankGzcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankGzcb.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 BankGzcb = defineComponent({
+  name: "BankGzcb",
+  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": "M176 512c0-185.6 150.4-336 336-336s336 150.4 336 336-150.4 336-336 336-336-150.4-336-336m582.8-27.2H585.6L514.8 414l-91.6 91.6 91.6 91.6 70.8-70.8h112c-8 94-87.2 167.6-183.6 167.6-102 0-184-82-184-184s82-184 184-184c73.6 0 137.2 43.2 166.8 106.4l66.4-.4C714.4 334.4 622 264 514 264c-135.6 0-246 110.4-246 246s110.4 246 246 246 246-110.4 246-246q0-13.8-1.2-25.2", "fill": originColor ? "#d82321" : "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/BankGzrcub.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 BankGzrcub: DefineComponent<IconProps>;

package/packages/vue/icons/BankGzrcub.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 BankGzrcub = defineComponent({
+  name: "BankGzrcub",
+  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": "19 19 474 474", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("defs", {  }, [h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__b", "x1": "0", "x2": "0", "y1": "90", "y2": "425" }, [h("stop", { "offset": "0", "stop-color": "#008042" }), h("stop", { "offset": ".09", "stop-color": "#028040" }), h("stop", { "offset": ".21", "stop-color": "#008740" }), h("stop", { "offset": ".33", "stop-color": "#008e43" }), h("stop", { "offset": ".45", "stop-color": "#119740" }), h("stop", { "offset": ".57", "stop-color": "#33a13e" }), h("stop", { "offset": ".69", "stop-color": "#56ad3c" }), h("stop", { "offset": ".81", "stop-color": "#74ba36" }), h("stop", { "offset": ".93", "stop-color": "#7bbd35" }), h("stop", { "offset": "1", "stop-color": "#7bbd35" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__c", "x1": "0", "x2": "0", "y1": "90", "y2": "425" }, [h("stop", { "offset": "0", "stop-color": "#7bbd34" }), h("stop", { "offset": ".09", "stop-color": "#7abd37" }), h("stop", { "offset": ".21", "stop-color": "#7bbd35" }), h("stop", { "offset": ".33", "stop-color": "#7bbd35" }), h("stop", { "offset": ".45", "stop-color": "#6ab63a" }), h("stop", { "offset": ".57", "stop-color": "#3ca53e" }), h("stop", { "offset": ".69", "stop-color": "#119742" }), h("stop", { "offset": ".81", "stop-color": "#018f43" }), h("stop", { "offset": ".93", "stop-color": "#018742" }), h("stop", { "offset": "1", "stop-color": "#008341" })]), h("linearGradient", { "id": "bank-gzrcub_svg__d", "x1": "0", "x2": "1", "y1": "0", "y2": "1" }, [h("stop", { "stop-color": "#fa9d37" }), h("stop", { "offset": ".42", "stop-color": "#f23500" }), h("stop", { "offset": ".68", "stop-color": "#e60010" }), h("stop", { "offset": "1", "stop-color": "#f69c00" })]), h("radialGradient", { "cx": "222", "cy": "132", "gradientUnits": "userSpaceOnUse", "id": "bank-gzrcub_svg__e", "r": "87" }, [h("stop", { "stop-color": "#ffe8ae", "stop-opacity": ".95" }), h("stop", { "offset": ".3", "stop-color": "#ffd178", "stop-opacity": ".8" }), h("stop", { "offset": ".7", "stop-color": "#ff9829", "stop-opacity": ".3" }), h("stop", { "offset": "1", "stop-color": "#ff7b00", "stop-opacity": "0" })]), h("clipPath", { "id": "bank-gzrcub_svg__a" }, [h("path", { "d": "M192 71c4.37 1.09 6.05 2.44 9.44 5.31.92.78 1.85 1.56 2.81 2.37.9.76 1.81 1.53 2.75 2.32.48.33.48.33 2.91 1.98.69.67 1.38 1.33 2.09 2.02-1.1 5.52-2.2 6.7-6 10.62-4.45 4.71-8.64 9.5-12.7 14.54-2.51 3.1-5.09 6.12-7.68 9.15-3.86 4.55-7.59 9.17-11.24 13.88-3.19 4.09-6.43 8.05-9.94 11.87-10.58 11.57-18.79 22.09-19.75 38.13.79 14.77 9.15 23.75 18.87 33.93 1.41 1.49 2.82 2.97 4.22 4.45.7.73 1.41 1.47 2.13 2.23 7.86 8.27 15.58 16.62 23.09 25.2l3.5 3.5c3.69 3.69 7.06 7.57 10.5 11.5 2.33 2.51 4.66 5.01 7 7.5 19.02 20.35 32.46 37.64 32.43 66.39-.76 9.04-3.61 16.45-8.43 24.11h-2l-2 5c-1.84 2.46-3.74 4.87-5.69 7.25-1.09 1.34-2.17 2.68-3.29 4.05-1 1.22-1.99 2.44-3.02 3.7-6.76 8.6-13.36 17.31-20 26-6.98 9.13-13.96 18.26-20.98 27.36-1.69 2.2-3.36 4.42-5.02 6.64-4.15 1.38-7.91 1.13-12.29 1.13-1.95 0-3.9.01-5.91.01-2.14 0-4.28 0-6.42-.01-2.19 0-4.38 0-6.56.01-4.59 0-9.17 0-13.75-.01-5.88-.01-11.76 0-17.65 0-4.51.01-9.02.01-13.54 0-2.17 0-4.34 0-6.51.01-3.02 0-6.05-.01-9.08-.01h-5.23C75 443 75 443 72 442c1.28-3.83 3.61-5.38 6.62-7.93 7.53-6.54 14.44-13.82 21.51-20.85 2.04-2.02 4.08-4.04 6.13-6.05 2.98-2.93 5.95-5.87 8.91-8.81.45-.45.45-.45 2.76-2.7 8.07-8.1 12.6-15.62 13.38-27.35-.66-11.29-5.73-17.42-13.34-25.23C110 334.82 110 334.82 110 332h-2a90 90 0 0 1-3.88-4.62C98.58 320.44 92.79 313.73 87 307c-3-3.49-5.99-6.99-8.98-10.48-2.06-2.4-4.12-4.78-6.2-7.16-11.73-13.5-20.79-24.8-20.27-43.42C52.69 235.92 57.49 228.5 64 221a2153.549 2153.549 0 0 1 9.02-10.52c2.57-3 5.07-6.03 7.54-9.1 3.18-3.93 6.51-7.67 9.94-11.38 5.99-6.46 11.51-13.24 16.99-20.13.81-1.01 1.61-2.02 2.45-3.06.36-.46.36-.46 2.21-2.79.61-.67 1.22-1.33 1.85-2.02h2l2-4c1.56-1.97 3.17-3.9 4.81-5.81.99-1.15 1.97-2.3 2.99-3.49 4.33-5 8.66-10 12.99-14.99 12.82-14.82 12.82-14.82 18.27-22.02.97-1.22 1.94-2.44 2.94-3.69h2l2-4c1.94-2.35 3.92-4.66 5.94-6.94C177.44 88.5 184.93 79.92 192 71", "xmlns": "http://www.w3.org/2000/svg" })])]), h("g", { "clip-path": "url(#bank-gzrcub_svg__a)" }, [h("path", { "d": "M40 60h220v390H40Z", "fill": "url(#bank-gzrcub_svg__b)" }), h("path", { "d": "M195 83c-23.57 36-58.84 72-87.5 108-11.52 13.67-10.26 27.33-6 41 17.88 32 62.05 64 80 96 26.26 33.33-24.25 66.67-45.5 100l40 15h84V60h-65Z", "fill": "url(#bank-gzrcub_svg__c)" }), h("path", { "d": "m72 442 64-14 40 14Z", "fill": originColor ? "#008140" : "currentColor" }), h("path", { "d": "m195 71 16 15-16-3Z", "fill": originColor ? "#69ad2d" : "currentColor" })]), h("g", { "clip-path": "url(#bank-gzrcub_svg__a)", "transform": "matrix(-1 0 0 1 512 0)" }, [h("path", { "d": "M40 60h220v390H40Z", "fill": "url(#bank-gzrcub_svg__b)" }), h("path", { "d": "M195 83c-23.57 36-58.84 72-87.5 108-11.52 13.67-10.26 27.33-6 41 17.88 32 62.05 64 80 96 26.26 33.33-24.25 66.67-45.5 100l40 15h84V60h-65Z", "fill": "url(#bank-gzrcub_svg__c)" }), h("path", { "d": "m72 442 64-14 40 14Z", "fill": originColor ? "#008140" : "currentColor" }), h("path", { "d": "m195 71 16 15-16-3Z", "fill": originColor ? "#69ad2d" : "currentColor" })]), h("path", { "d": "M330.25 173.75a73.9 73.9 0 1 0 0 9.5H284l-27.5 27.5-32.25-32.25 32.25-32.25 27.5 27.5Z", "fill": "url(#bank-gzrcub_svg__d)" }), h("path", { "d": "M330.25 173.75a73.9 73.9 0 1 0 0 9.5H284l-27.5 27.5-32.25-32.25 32.25-32.25 27.5 27.5Z", "fill": "url(#bank-gzrcub_svg__e)" })]);
+      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/BankHainanrcb.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 BankHainanrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankHainanrcb.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 BankHainanrcb = defineComponent({
+  name: "BankHainanrcb",
+  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": "-81.92 -81.92 1187.84 1187.84", "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": "M1024 511.999C1024 794.775 794.775 1024 512.026 1024 229.25 1024 0 794.775 0 511.999 0 229.277 229.251 0 512.026 0 794.775 0 1024 229.249 1024 511.999", "fill": originColor ? "#ef001e" : "currentColor" }), h("path", { "d": "M237.497 237.603c-6.355 6.38-10.662 61.717-10.662 79.761 0 75.48 26.553 143.448 70.07 194.504-43.517 51.053-70.07 119.129-70.07 194.504 0 18.121 4.307 73.432 10.662 79.787 6.356 6.357 60.668 10.663 79.788 9.614 74.482 0 143.686-26.631 194.715-70.23V298.27c-51.029-43.675-120.233-70.252-194.715-70.252-19.12-1.051-73.432 3.177-79.788 9.586m559.615 80.023c0-18.07-4.228-73.38-10.61-79.761-6.434-6.41-60.666-10.69-79.787-9.612-74.482 0-143.658 26.603-194.688 70.2v427.302c51.03 43.595 120.206 70.28 194.688 70.28 19.12.998 73.353-3.257 79.787-9.612 6.382-6.357 10.61-61.772 10.61-79.79 0-75.48-26.552-143.447-70.043-194.503 43.491-51.054 70.043-119.076 70.043-194.504", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M512.893 345.07v-.316h-1.208v.289c0 91.66-74.824 165.957-167.218 166.036v1.707c92.394.157 167.218 74.404 167.218 166.061 0 .158-.054.264-.054.368h1.26v-.368c0-91.448 74.536-165.589 166.666-166.035v-1.707c-92.103-.446-166.664-74.586-166.664-166.035", "fill": originColor ? "#fb9b00" : "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/BankHana.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 BankHana: DefineComponent<IconProps>;

package/packages/vue/icons/BankHana.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 BankHana = defineComponent({
+  name: "BankHana",
+  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": "M644 590.8c4.8 29.2 2 60.8-3.2 88.8-3.6 20.4-9.2 40-15.6 59.6-17.2 52.4-42 103.2-80.8 142.8-6.4 6.4-14.8 12.8-24.4 8.8-2.4-1.2-4.4-2.4-6-4.8-3.2-4.8-.8-11.2.8-16.4 2-6.8 3.6-13.2 5.6-20 16.8-64.4 32.8-133.6 29.6-200.8-.8-15.2-2.4-31.2-9.2-44.8-6.8-14-19.2-25.6-34-28-8.8-1.2-17.6.4-25.6 4.4-3.6 2-7.2 4-10 6.8-4.8 4.8-8.4 10.8-10.8 17.2-7.6 20-4.8 40-1.6 60.4 2.8 16 0 34-14.4 43.2-11.2 7.2-26 8-38.4 3.2s-22.8-14.8-29.6-26c-21.6-35.2-22-86.8-10-125.2 2.4-8 5.6-15.6 9.2-22.8 10.8-21.6 28-39.6 48.4-52.4 45.6-27.6 101.2-28 147.2-.8 29.6 17.2 49.2 43.2 63.6 74 4 10.4 7.2 21.2 9.2 32.8m284-314.4c0 8-8 15.2-13.6 19.6-30.8 24.4-66.8 43.2-102.8 58.4-110.4 46-234 60.8-351.6 76q-103.8 13.8-207.6 20.4c-25.6 1.6-51.6-12.4-73.2-25.2-22.4-13.6-43.6-31.2-56-54.4-10-19.6-11.2-49.6 6.8-65.2 13.6-11.6 34.4-11.2 51.2-10 19.6 1.6 39.2 6 58.8 9.2 31.2 4.8 62.8 11.2 93.6 16 181.6 26.4 376 14 548.4-52.4 8.8-3.6 18-8.4 27.6-8.8s18.4 6.4 18.4 16.4", "fill": originColor ? "#008375" : "currentColor" }), h("path", { "d": "M432 218.8c0 38 30.4 69.2 68 69.2s68-31.2 68-69.2c0-5.6-1.2-11.2-3.6-16.4-6-12.4-12.4-18.8-12-33.6C553.6 148.4 528 148 514 148c-14.8 0-30.8 2-44.4 8.8-10.8 5.6-20 14-26.8 24.4-6.8 10.8-10.4 23.2-10.8 36z", "fill": originColor ? "#d70035" : "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/BankHangseng.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 BankHangseng: DefineComponent<IconProps>;

package/packages/vue/icons/BankHangseng.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 BankHangseng = defineComponent({
+  name: "BankHangseng",
+  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": "M511.6 852C324 851.6 172 699.6 172 512.4c0-137.6 82.8-261.6 210-314.4s273.6-23.6 370.8 74 126.4 243.6 73.6 370.8C773.2 769.6 649.2 852.4 511.6 852M228.4 512c0-114.4 68.8-217.6 174.8-261.6s227.6-19.6 308.4 61.2S816.8 514.4 773.2 620 626 794.8 511.6 794.8c-156.4 0-283.2-126.4-283.2-282.8m282.8 296.8c120 0 228-72.4 274-183.2s20.4-238.4-64.4-323.2S508.8 192 397.6 238 214.8 392 214.8 512c0 164 132.8 296.8 296.4 296.8M504.8 362h-22c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.2h21.6V282h-51.6l12.8 92h-72.8s27.6 178.4-46.4 327.2h96.8c51.2-137.2 45.2-153.6 45.2-153.6h16.4v-61.2H488c-4 0-7.2-3.2-7.2-7.2s3.2-7.2 7.2-7.6h16.4V362zm14.4 0v110h16c4 0 7.2 3.2 7.2 7.6 0 4-3.2 7.2-7.2 7.2h-16V548h15.6s-6 16.4 45.2 153.6h97.2c-73.6-148.8-46-327.2-46-327.2h-72.4l12.4-92h-51.6V348h20.8c4 0 7.2 3.2 7.2 7.2s-3.2 7.2-7.2 7.2h-21.2zm-62.4 200-1.2 1.2 6.4 24.4c.8 3.6-1.2 7.6-4.8 8.4-1.6.4-3.6.4-5.2-.8-1.6-.8-2.8-2.4-3.2-4.4l-5.6-22h-6.4l-5.6 22c-1.2 3.2-4.8 5.2-8 4.4s-5.6-4.4-4.8-8l6.4-24c-.4-.4-.8-.8-1.6-1.2-4.4-4.8-7.2-10.8-6.8-17.6v-99.6c0-13.6 10.8-24.8 24-24.8s24 11.2 24 24.8v99.6c-.4 6.4-2.8 12.8-7.6 17.6m-27.6-75.6v58c0 2.8 1.2 5.6 3.2 8 2 2 4.4 3.2 7.2 3.2a10.93 10.93 0 0 0 10.8-10.8v-58h-21.2zm21.2-14v-27.6c0-2.8-.8-5.6-2.8-7.6s-4.4-3.2-7.2-3.2c-5.6 0-10.4 4.4-10.8 10.4v28zm161.6 6.4-22.8 44.8v65.6c0 4-3.2 7.2-6.8 7.2-4 0-6.8-3.2-6.8-7.2V524l-23.2-45.2 30-58.8zm-30 28.4 14.4-28.4L582 450l-14.8 28.8z", "fill": originColor ? "#fe0009" : "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/BankHbc.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 BankHbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankHbc.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 BankHbc = defineComponent({
+  name: "BankHbc",
+  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": "M224.8 196c-13.2.8-32.4 7.2-31.2 44.8 0 186.4-1.6 372.8-1.6 559.2 0 15.2 27.6 36 41.6 36H790c31.6-2 41.6-21.6 42-48.4l-.4-555.2c0-27.6-12.4-33.6-32.8-36.4zM366 324h290.4L696 712c-116.4-103.6-260-96.4-368 0z", "fill": originColor ? "#ea1d25" : "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/BankHbib.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 BankHbib: DefineComponent<IconProps>;

package/packages/vue/icons/BankHbib.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 BankHbib = defineComponent({
+  name: "BankHbib",
+  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": "M268 293.6 430.8 248l1.2 141.2L269.2 432zm10.8 245.6 146.8-37.6V686l127.6-36.8V208.4c160.8-33.6 310 133.2 124 281.6 185.2 0 150 218-32 268.4L378.8 820 148 758.4l130.8-35.6z", "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/BankHbrcb.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 BankHbrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankHbrcb.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 BankHbrcb = defineComponent({
+  name: "BankHbrcb",
+  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": "M508 344c6.8-.4 14-.4 20.8-.4h21.6c2 0 3.6 0 5.6.4 2 0 3.6 0 5.6.4 2 0 3.6.4 5.6.4s3.6.4 5.6.4 3.6.4 5.6.4 3.6.4 5.6.4c2 .4 3.6.4 5.6.8s3.6.4 5.6.8 3.6.4 5.6.8 3.6.4 5.6.8 3.6.8 5.6.8c2 .4 3.6.8 5.6 1.2s3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.2 1.6c1.6.4 3.6 1.2 5.2 1.6s3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6c1.6.8 3.2 1.2 5.2 2 3.2 1.2 6.8 2.4 10 4 3.2 1.2 6.4 2.8 9.6 4.4s6 2.8 9.2 4.4c2.8 1.6 6 3.2 8.8 4.8s5.6 3.2 8 4.8c2.8 1.6 5.2 3.6 7.6 5.2s4.8 3.6 7.2 5.2c1.2.8 2.4 2 3.2 2.8 1.2.8 2 2 3.2 2.8s2 2 3.2 2.8l2.8 2.8 2.8 2.8c.8.8 1.6 2 2.8 2.8.8.8 1.6 2 2.4 2.8s1.6 2 2.4 2.8 1.6 2 2 2.8c.8.8 1.2 2 2 2.8s1.2 2 2 3.2c.4.8 1.2 2 1.6 3.2s1.2 2 1.6 3.2.8 2 1.6 3.2c.4 1.2.8 2 1.2 3.2s.8 2 1.2 3.2c.4.8.8 2 1.2 3.2.4.8.4 2 .8 2.8s.4 2 .8 2.8.4 2 .4 2.8.4 2 .4 2.8.4 2 .4 2.8 0 2 .4 2.8v7.2c0 1.6-.4 3.2-.4 4.4-.4 1.6-.4 3.2-.8 4.4-.4 1.6-.8 3.2-1.2 4.4-.8 3.2-2 6-3.2 9.2s-2.8 6-4.4 8.8-3.6 6-5.6 8.8-4.4 5.6-6.8 8.4c-1.2 1.2-2.4 2.8-4 4l-4 4c-1.6 1.2-2.8 2.8-4.4 4s-3.2 2.4-4.8 4c34 30.8 68 62 102 92.8 1.6-.8 2.8-2 4-2.8s2.8-2 4-2.8c2.8-2 5.2-4 7.6-6l7.2-6c2.4-2 4.8-4.4 6.8-6.4 2.4-2 4.4-4.4 6.4-6.4 2-2.4 4-4.4 6-6.8 3.6-4.4 7.2-9.2 10-14 3.2-4.8 5.6-9.6 8-14.4 1.2-2.4 2-4.8 3.2-7.6.8-2.4 1.6-5.2 2.4-7.6s1.6-5.2 2-7.6 1.2-5.2 1.6-7.6.8-5.2.8-7.6.4-5.2.4-7.6c0-2 0-4-.4-5.6 0-2-.4-4-.4-5.6-.4-2-.4-4-.8-5.6-.4-2-.8-4-1.2-5.6-.4-2-.8-4-1.2-5.6-.4-2-1.2-4-1.6-5.6-.4-2-1.2-3.6-2-5.6s-1.2-3.6-2-5.6-1.6-3.6-2.4-5.6-1.6-3.6-2.8-5.6c-.8-2-2-3.6-2.8-5.6-1.2-2-2-3.6-3.2-5.6s-2.4-3.6-3.2-5.6c-1.2-2-2.4-3.6-3.6-5.2s-2.4-3.6-4-5.2c-1.2-1.6-2.8-3.6-4-5.2-2.8-3.6-5.6-6.8-8.8-10.4-3.2-3.2-6.4-6.8-9.6-10s-6.8-6.4-10.4-9.6-7.2-6.4-11.2-9.2c-7.6-6-16-11.6-24.8-17.2-4.4-2.8-8.8-5.2-13.2-8-4.4-2.4-9.2-5.2-14-7.6l-14.4-7.2c-4.8-2.4-10-4.4-14.8-6.4-5.2-2-10-4-15.2-6-2.4-.8-5.2-2-8-2.8s-5.2-2-8-2.8-5.2-1.6-8-2.8c-2.8-.8-5.2-1.6-8-2.4s-5.6-1.6-8-2.4l-8.4-2.4c-2.8-.8-5.6-1.6-8.4-2-2.8-.8-5.6-1.2-8.4-2s-5.6-1.2-8.4-2-5.6-1.2-8.4-1.6-5.6-1.2-8.4-1.6-5.6-1.2-8.8-1.6c-2.8-.4-5.6-.8-8.8-1.6-2.8-.4-5.6-.8-8.8-1.2-2.8-.4-6-.8-8.8-1.2s-6-.8-8.8-1.2-6-.8-8.8-.8c-2.8-.4-6-.4-8.8-.8s-6-.4-8.8-.8-6-.4-8.8-.4-6-.4-8.8-.4-6-.4-8.8-.4-6 0-8.8-.4h-26.4c-13.6 0-26.8.4-40.4 1.2 11.2 13.2 24.4 26.4 38 39.2m172 355.6c-3.2.8-6.4 1.6-10 2.4-3.2.8-6.8 1.6-10 2.4s-6.8 1.6-10.4 2c-3.6.8-6.8 1.2-10.4 2s-6.8 1.2-10.4 2c-3.6.4-7.2 1.2-10.4 1.6-7.2 1.2-14.4 2-21.6 2.8l-21.6 2.4c-3.6.4-7.2.8-10.8.8-3.6.4-7.2.4-10.8.8s-7.2.4-10.8.4-7.2.4-10.8.4-7.2 0-10.8.4H484c-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8 0-4.4-.4-1.6 0-2.8-.4-4.4-.4s-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-2.8-.4-4.4-.4-3.2-.4-4.4-.4c-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-3.2-.4-4.4-.8-1.6-.4-2.8-.4-4.4-.8-2.8-.8-6-1.2-8.8-2s-6-1.2-8.8-2-6-1.6-8.8-2c-2.8-.8-6-1.6-8.8-2.4s-6-1.6-8.8-2.4-6-1.6-8.8-2.4-5.6-1.6-8.8-2.8c-2.8-.8-5.6-2-8.4-2.8s-5.6-2-8.4-2.8-5.6-2-8.4-3.2-5.6-2-8-3.2c-2.8-1.2-5.2-2-8-3.2s-5.2-2.4-8-3.2c-5.2-2.4-10.4-4.8-15.2-7.2-5.2-2.4-10-4.8-14.8-7.6-4.8-2.4-9.6-5.2-14-7.6-4.4-2.8-8.8-5.2-13.2-8-2-1.2-4.4-2.8-6.4-4-2-1.6-4-2.8-6-4.4s-4-2.8-6-4.4-4-2.8-5.6-4.4c-2-1.6-3.6-2.8-5.6-4.4-1.6-1.6-3.6-2.8-5.2-4.4s-3.2-3.2-5.2-4.4l-4.8-4.8c-1.6-1.6-3.2-3.2-4.4-4.8-1.6-1.6-2.8-3.2-4.4-4.8-1.2-1.6-2.8-3.2-4-4.8s-2.4-3.2-4-4.8l-3.6-4.8c-1.2-1.6-2.4-3.2-3.2-4.8-1.2-1.6-2-3.2-3.2-4.8s-2-3.2-2.8-4.8-2-3.2-2.8-4.8l-2.4-4.8-2.4-4.8c-.8-1.6-1.2-3.2-2-4.8s-1.2-3.2-1.6-4.8-1.2-3.2-1.6-4.8l-1.2-4.8-1.2-4.8c-.4-1.6-.8-3.2-.8-4.8-.4-1.6-.4-3.2-.8-4.8 0-1.6-.4-3.2-.4-4.4 0-1.6-.4-3.2-.4-4.4v-6c0-2 .4-4 .4-6 .4-2 .4-4 .8-6l1.2-6c.4-2 .8-4 1.6-6 .4-2 1.2-4 2-6s1.2-4 2-6l2.4-6c.8-2 2-4 2.8-6 1.2-2 2-4 3.2-6l3.6-6c1.2-2 2.4-4 4-6 2.8-4 5.6-7.6 8.8-11.6s6.4-7.6 10-11.2 7.2-7.2 11.2-10.8 8-7.2 12.4-10.4c2-1.6 4.4-3.6 6.8-5.2s4.4-3.2 6.8-4.8l7.2-4.8c2.4-1.6 4.8-3.2 7.6-4.8 2.4-1.6 5.2-3.2 7.6-4.4 2.8-1.6 5.2-2.8 8-4.4s5.2-2.8 8-4.4 5.6-2.8 8.4-4c1.6-.8 2.8-1.2 4.4-2s2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-2 2.8-1.2 4.4-1.6 2.8-1.2 4.4-1.6l56.4 48c-1.6 1.6-3.2 2.8-4.8 4.4s-3.2 3.2-4.8 4.4c-1.6 1.6-2.8 3.2-4.4 4.8s-2.8 3.2-4 4.8-2.8 3.2-4 4.8l-3.6 4.8c-2.4 3.2-4.4 6.8-6 10-2 3.2-3.6 6.8-4.8 10-.8 1.6-1.2 3.6-2 5.2-.4 1.6-1.2 3.6-1.6 5.2s-.8 3.6-1.2 5.2-.8 3.2-.8 5.2c-.4 1.6-.4 3.2-.4 5.2V476c0 .8 0 2 .4 2.8 0 .8.4 2 .4 2.8s.4 2 .4 2.8.4 2 .8 2.8.4 2 .8 2.8.4 2 .8 2.8.8 2 1.2 2.8.8 2 1.2 2.8.8 2 1.2 2.8.8 2 1.6 2.8c.4.8 1.2 2 1.6 2.8s1.2 2 1.6 2.8c.8.8 1.2 2 2 2.8s1.2 2 2 2.8 1.6 2 2.4 2.8 1.6 2 2.4 2.8 1.6 2 2.4 2.8 1.6 2 2.8 2.8l2.8 2.8 2.8 2.8c2 2 4 3.6 6.4 5.2s4.4 3.6 6.8 5.2 4.8 3.2 7.6 5.2c2.4 1.6 5.2 3.2 8 4.8l8.4 4.8c2.8 1.6 6 2.8 8.8 4.4 3.2 1.6 6 2.8 9.2 4s6.4 2.8 9.6 4 6.8 2.4 10 3.6c1.6.4 3.6 1.2 5.2 1.6s3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6 1.2 5.2 1.6 3.6.8 5.6 1.6c2 .4 3.6.8 5.6 1.2s3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6 1.2 3.6.8 5.6.8c2 .4 3.6.8 5.6.8 2 .4 3.6.4 5.6.8s3.6.4 5.6.8 3.6.4 5.6.8 3.6.4 5.6.8c2 0 3.6.4 5.6.4s3.6.4 5.6.4 3.6.4 5.6.4 3.6.4 5.6.4 3.6 0 5.6.4h16c5.2-.4 10.8-.8 16.4-1.2s11.2-1.2 17.2-1.6c36 36.4 74.8 72.4 113.6 108.4M422.4 452.8c25.2 21.2 50 42.8 75.2 64 2.8 2 6 3.2 10 3.2 2.8 0 5.6-.4 8.8-1.6 35.2-11.6 70.8-23.2 106-34.4 3.6-.8 5.6-4.4 5.6-7.6 0-2 0-5.6-2.8-8.4-22.8-20-45.6-40-68.8-60-2.8-2.4-6.8-3.6-11.2-3.6-3.6 0-7.6.8-12.4 2.4l-104.4 30c-6 2.4-8.4 8-8.4 11.2 0 1.6.8 3.6 2.4 4.8", "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/BankHdbank.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 BankHdbank: DefineComponent<IconProps>;