@nstc-design/icons 0.2.0 → 0.2.1

package/packages/vue/icons/BankJsb.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 BankJsb = defineComponent({
+  name: "BankJsb",
+  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": "M172 421.96h51.068v51.068H172z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M172 486.468h51.068v51.064H172z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M172 548.284h51.068v51.068H172z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M236.504 421.96h51.068v51.068h-51.068z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M236.504 486.468h51.068v51.064h-51.068z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M236.504 548.284h51.068v51.068h-51.068z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M298.324 421.96h51.068v51.068H298.32z", "fill": originColor ? "#f9c053" : "currentColor" }), h("path", { "d": "M298.324 486.468h51.068v51.064H298.32z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M298.324 548.284h51.068v51.068H298.32z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M360.144 421.96h51.064v51.068h-51.064z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M360.144 486.468h51.064v51.064h-51.064z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M360.144 548.284h51.064v51.068h-51.064z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M615.48 421.96h51.064v51.068H615.48z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M615.48 486.468h51.064v52.008H615.48zm0 63.56h51.064v52.012H615.48v-52.008z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M677.296 421.96h51.068v51.068h-51.068z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M677.296 486.468h51.068v51.064h-51.068z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M677.296 548.284h51.068v51.068h-51.068z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M739.116 421.96h51.064v51.068h-51.06z", "fill": originColor ? "#f9c053" : "currentColor" }), h("path", { "d": "M739.116 486.468h51.064v51.064h-51.06z", "fill": originColor ? "#e73820" : "currentColor" }), h("path", { "d": "M739.116 548.284h51.064v51.068h-51.06z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M800.932 421.96H852v51.068h-51.068z", "fill": originColor ? "#900000" : "currentColor" }), h("path", { "d": "M800.932 486.468H852v51.064h-51.068z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M800.932 548.284H852v51.068h-51.068z", "fill": originColor ? "#e7351f" : "currentColor" }), h("path", { "d": "M424.648 800.932h52.008V852h-52.008zm63.564 0h52.008V852h-52.008z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M550.972 800.932h51.068V852h-51.068z", "fill": originColor ? "#009f46" : "currentColor" }), h("path", { "d": "M424.648 736.428h51.068v51.068h-51.068z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M486.468 736.428h51.064v51.068h-51.064z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M549.76 738.08h52.28v52.1h-52.28zm-127.8-60.784h52.28v52.1h-52.28z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M486.468 677.296h51.064v51.068h-51.064z", "fill": originColor ? "#e7351f" : "currentColor" }), h("path", { "d": "M550.972 677.296h51.068v51.068h-51.068z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M424.648 612.792h51.068v51.064h-51.068z", "fill": originColor ? "#e84d2c" : "currentColor" }), h("path", { "d": "M486.468 612.792h51.064v51.064h-51.064z", "fill": originColor ? "#900000" : "currentColor" }), h("path", { "d": "M550.972 612.792h51.068v51.064h-51.068z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M615.48 736.428h52.008v51.068H615.48zm63.56 0h52.012v51.068H679.04z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M615.48 677.296h51.064v51.068H615.48z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M677.296 677.296h51.068v51.068h-51.068z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M739.116 677.296h51.064v51.068h-51.06z", "fill": originColor ? "#f29600" : "currentColor" }), h("path", { "d": "M615.48 612.792h51.064v51.064H615.48z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M677.296 612.792h51.068v51.064h-51.068z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M739.116 612.792h51.064v51.064h-51.06z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M424.648 357.456h51.068v51.064h-51.068z", "fill": originColor ? "#900000" : "currentColor" }), h("path", { "d": "M486.468 357.456h51.064v51.064h-51.064z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M550.972 357.456h51.068v51.064h-51.068z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M424.648 295.64h51.068v51.064h-51.068z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M486.468 295.64h51.064v51.064h-51.064z", "fill": originColor ? "#900000" : "currentColor" }), h("path", { "d": "M550.972 295.64h51.068v51.064h-51.068z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M424.648 233.82h51.068v51.06h-51.068z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M486.468 233.82h51.064v51.06h-51.064z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M550.972 233.82h51.068v51.06h-51.068z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M236.504 357.456h51.068v51.064h-51.068z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M298.324 357.456h51.068v51.064H298.32z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M360.144 357.456h51.064v51.064h-51.064z", "fill": originColor ? "#e73820" : "currentColor" }), h("path", { "d": "M236.504 295.64h51.068v51.064h-51.068z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M298.324 295.64h51.068v51.064H298.32z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M360.144 295.64h51.064v51.064h-51.064z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M298.324 233.82h51.068v51.06H298.32z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M360.144 233.82h51.948v52.34h-51.948zm378.088 125.044h51.948v52.344h-51.948z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M739.116 295.64h51.064v51.064h-51.06z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M677.296 357.456h51.068v51.064h-51.068z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M677.296 295.64h51.068v51.064h-51.068z", "fill": originColor ? "#b50080" : "currentColor" }), h("path", { "d": "M677.296 233.82h51.068v51.06h-51.068z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M615.48 357.456h51.064v51.064H615.48z", "fill": originColor ? "#e096a5" : "currentColor" }), h("path", { "d": "M615.48 295.64h51.064v51.064H615.48z", "fill": originColor ? "#e73e23" : "currentColor" }), h("path", { "d": "M615.48 233.82h51.064v51.06H615.48z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M360.144 736.428h51.064v51.068h-51.064z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M360.144 677.296h51.064v51.068h-51.064z", "fill": originColor ? "#f29600" : "currentColor" }), h("path", { "d": "M360.144 612.792h51.064v51.064h-51.064z", "fill": originColor ? "#e74225" : "currentColor" }), h("path", { "d": "M298.324 736.428h51.068v51.068H298.32z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M298.324 677.296h51.068v51.068H298.32z", "fill": originColor ? "#900000" : "currentColor" }), h("path", { "d": "M298.324 612.792h51.068v51.064H298.32z", "fill": originColor ? "#e7351f" : "currentColor" }), h("path", { "d": "M236.504 677.296h51.068v51.068h-51.068z", "fill": originColor ? "#e84729" : "currentColor" }), h("path", { "d": "M236.504 612.792h51.068v51.064h-51.068z", "fill": originColor ? "#e73c22" : "currentColor" }), h("path", { "d": "M424.648 172h51.068v51.068h-51.068z", "fill": originColor ? "#e84426" : "currentColor" }), h("path", { "d": "M486.468 172h51.064v51.068h-51.064z", "fill": originColor ? "#e84a2a" : "currentColor" }), h("path", { "d": "M550.972 172h51.068v51.068h-51.068z", "fill": originColor ? "#e73820" : "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/BankJsbank.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 BankJsbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankJsbank.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 BankJsbank = defineComponent({
+  name: "BankJsbank",
+  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": "M626.428 403.092c-35.332 0-70.66 5.376-100.56 16.132 46.204 8.064 84.252 48.384 84.252 96.768 0 88.708-105.992 161.284-233.724 161.284-40.768 0-78.816-8.064-111.428-18.816C332.912 739.1 417.164 806.3 512.284 852 659.044 782.112 778.62 663.836 852 515.992c-2.72-2.688-2.72-8.064-5.436-10.752-38.048-59.136-122.296-102.148-220.136-102.148", "fill": originColor ? "#d4ab44" : "currentColor" }), h("path", { "d": "M394.856 620.908c35.328 0 67.94-5.44 97.84-13.604-43.488-8.16-78.816-46.252-78.816-92.504v-2.72c0-89.78 105.992-163.24 233.724-163.24 40.768 0 78.816 8.16 111.428 19.048-67.944-81.62-152.196-149.64-247.316-195.888C362.24 242.736 242.66 362.444 172 509.36c29.896 65.296 119.58 111.548 222.856 111.548", "fill": originColor ? "#005bac" : "currentColor" }), h("path", { "d": "M626.428 403.092c-35.332 0-70.66 5.376-100.56 16.132 46.204 8.064 84.252 48.384 84.252 96.768 0 88.708-105.992 161.284-233.724 161.284-40.768 0-78.816-8.064-111.428-18.816C332.912 739.1 417.164 806.3 512.284 852 659.044 782.112 778.62 663.836 852 515.992c-2.72-2.688-2.72-8.064-5.436-10.752-38.048-59.136-122.296-102.148-220.136-102.148", "fill": originColor ? "#e8b921" : "currentColor" }), h("path", { "d": "M394.856 620.908c35.328 0 67.94-5.44 97.84-13.604-43.488-8.16-78.816-46.252-78.816-92.504v-2.72c0-89.78 105.992-163.24 233.724-163.24 40.768 0 78.816 8.16 111.428 19.048-67.944-81.62-152.196-149.64-247.316-195.888C362.24 242.736 242.66 362.444 172 509.36c29.896 65.296 119.58 111.548 222.856 111.548", "fill": originColor ? "#0268b8" : "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/BankJscjcb.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 BankJscjcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJscjcb.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 BankJscjcb = defineComponent({
+  name: "BankJscjcb",
+  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": "M631.332 485.848c-55.584 0-99.716 42.496-99.716 42.496 36.612-82.552 112.788-76.824 112.788-76.824H846.64a339 339 0 0 0-9.508-39.228h-205.8c-55.584 0-99.716 42.496-99.716 42.496 37.224-82.86 112.788-76.828 112.788-76.828H824.54C772.528 256.84 652.18 172 512 172c-187.776 0-340 152.22-340 340s152.224 340 340 340 340-152.22 340-340c0-8.8-.332-17.52-.988-26.152zM512.196 232c89.136 0 168.548 41.604 219.872 106.432h-101.9c-43.608 0-84.188 33.1-99.772 47.484H384.388v253.8h253.98v-112.98H792C784.332 674.524 661.992 792 512.196 792 357.448 792 232 666.64 232 512s125.448-280 280.196-280M604 528v76h-72c17.496-49.56 48.108-68.78 72-76M496 420v184h-76V420z", "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/BankJsrcub.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 BankJsrcub: DefineComponent<IconProps>;

package/packages/vue/icons/BankJsrcub.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 BankJsrcub = defineComponent({
+  name: "BankJsrcub",
+  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.106 523.104c-4.479 127.263-47.702 238.792-132.582 334.533A488.56 488.56 0 0 1 677.535 997.61a524.84 524.84 0 0 1-354.41-9.238 494.8 494.8 0 0 1-153.073-96.077A523.4 523.4 0 0 1 41.558 713.13a283 283 0 0 1-9.798-27.658c-1.512-4.815-3.304-10.918 2.743-13.606s7.839 3.248 10.358 6.999c17.413 25.307 33.593 51.23 54.59 74.185 62.93 69.538 137.228 115.505 234.872 112.538 53.19-1.624 101.116-19.652 145.571-47.983a460.7 460.7 0 0 0 86.895-74.297c20.268-21.5 38.24-45.519 57.389-68.306 36.28-43.224 73.849-85.663 119.2-119.425 58.732-43.67 124.463-71.105 198.872-74.073 19.037-.672 38.129-2.575 57.221-2.295 21.724.336 24.411 2.911 24.58 24.019.055 6.774.055 13.325.055 19.876", "fill": originColor ? "#aa073a" : "currentColor" }), h("path", { "d": "M.014 511.458a535.53 535.53 0 0 1 73.737-264.66A496.6 496.6 0 0 1 193.735 108.45 490.74 490.74 0 0 1 454.587 3.471c72.786-7.334 145.18-4.087 215.446 20.044a521 521 0 0 1 144.339 75.081 514.2 514.2 0 0 1 158.84 189.747 463 463 0 0 1 17.805 44.063c1.735 4.87 5.263 12.093-1.232 15.117s-8.79-5.04-11.702-9.182c-20.66-29.059-40.032-58.397-65.45-83.76-39.193-39.192-83.984-70.77-137.51-87.958-54.868-17.58-109.57-14.277-163.319 4.87s-99.38 52.462-139.58 92.27c-29.002 28.779-53.525 61.588-79.448 93.558a830 830 0 0 1-68.027 72.058 432.3 432.3 0 0 1-79.336 61.587 354.4 354.4 0 0 1-153.801 50.39 588 588 0 0 1-60.02 2.24C5.277 543.092-.322 537.1.014 511.458", "fill": originColor ? "#ff9a15" : "currentColor" }), h("path", { "d": "M513.152 687.04a16.01 16.01 0 0 1-9.238-8.231c-37.009-59.404-88.07-105.371-142.044-148.539-5.599-4.647-12.542-8.006-18.756-12.15-7.167-4.758-8.735-9.573 0-14.332 33.201-17.805 59.292-44.008 85.943-70.098a713 713 0 0 0 56.828-61.588 176.5 176.5 0 0 0 16.069-24.467c7.279-12.934 11.198-12.934 19.204-.896a602.6 602.6 0 0 0 141.204 145.963 118.7 118.7 0 0 0 16.797 10.078c10.134 5.263 9.126 10.582.448 16.069-49.327 31.242-88.127 74.073-127.823 115.84a230.3 230.3 0 0 0-31.242 44.792c-1.847 2.855-2.631 7.11-7.39 7.558", "fill": originColor ? "#a1802f" : "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/BankJtrcb.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 BankJtrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJtrcb.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 BankJtrcb = defineComponent({
+  name: "BankJtrcb",
+  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.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M513.594 382.107c-61.36-62.555-39.446-194.839-4.782-229.503 15.54-15.54 80.088 139.455 4.782 229.503m-204.8-84.868c67.337-15.14 170.534 20.32 188.862 95.228-78.892 17.531-147.424-33.47-188.862-95.228m406.412 0c-67.337-15.14-170.534 20.32-188.862 95.228 78.892 17.531 147.424-33.47 188.862-95.228m-359.794 204.8s8.765-102.4 146.627-98.017c-9.563 70.126-85.267 96.822-146.627 98.017m315.169 0s-8.766-102.4-146.628-98.017c9.563 70.126 85.267 96.822 146.628 98.017", "fill": originColor ? "#073" : "currentColor" }), h("path", { "d": "M513.992 486.101c-104.392 0-189.26 85.666-189.26 191.253s84.868 191.253 189.26 191.253 189.26-85.665 189.26-191.253-84.868-191.253-189.26-191.253m-3.187 181.292-62.158-53.391 70.923-57.775 68.533 52.595z", "fill": originColor ? "#f8a600" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

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

package/packages/vue/icons/BankJxb.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 BankJxb = defineComponent({
+  name: "BankJxb",
+  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": "m174.4 584-2.4-2c13.6-13.6 28.4-27.2 38-35.6 104.4-92 239.6-115.2 302-51.6S540.8 684 436.4 776c-13.2 11.6-27.2 22.4-41.2 32h-90.8c17.6-12 35.6-25.6 52.8-40.8C464 672.8 510 555.2 460 504.4c-50.4-50.8-177.6-15.6-284.4 78.8zm9.6 123.6c33.2-26.4 76.8-71.6 91.6-131.6 1.2-4.8 6.4-7.6 14.8-3.2s46.8 19.2 108.8-4.4c6-2 13.2.8 3.2 10.4s-51.6 53.6-80.8 141.2c-2.4 7.6-11.2 6.8-16 4.8-23.2-8.8-55.2-23.2-116.4-6-9.2 2.8-14.8-5.2-5.2-11.2", "fill": originColor ? "#0061ae" : "currentColor" }), h("path", { "d": "M524.8 709.2c24.4-34.8 43.2-78.8 46.8-132 .8-12.8 8.8-10 16-8.4 12.4 2.4 47.2 7.6 103.2-20.8 4.8-2.4 14.8-.4 6.8 11.6s-30.8 44.4-37.2 130c-.4 6.8-8 5.6-10 5.2S592 683.2 532 716.4c-5.2 2.4-11.2-1.2-7.2-7.2M368.4 448c-3.2.8-4.4-2-1.6-4.4 49.6-43.2 63.2-101.2 64.8-111.2 1.2-10.8 6-10.4 12-7.6 41.6 17.6 78.4 11.6 92.8 8.4 16-3.6 22.8-.4 12.4 11.6-32.4 38.4-40.4 89.6-42.4 106.4-.4 5.6-5.6 4.8-8.4 3.6-35.2-19.2-95.2-18.8-129.6-6.8m224.8 85.2c-9.2 8.8-18.8 16.8-28.4 24.4-1.6-23.6-8.4-44.8-21.2-63.2 79.6-90 107.2-189.6 61.6-233.2-51.6-48.4-176.8-9.2-279.6 88.4-1.6 1.2-5.6 5.6-10.8 10.8l-2.4-1.6c16.4-18.4 34.8-38 46-48.8 100.8-95.2 234.8-122.8 299.6-61.2s35.6 188.8-64.8 284.4m75.6-66.8c64.4-13.6 122.8-2.8 156.4 35.2 58.8 66.4 18 191.2-90.8 278-13.2 10.4-26.8 20-40.4 28.4h-98c20-12 40.4-25.6 60-41.2 111.6-89.2 164-204.4 116.8-258-23.2-26.4-66.4-32.8-117.6-21.6 4.4-6.8 9.2-14 13.6-20.8", "fill": originColor ? "#009794" : "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/BankJxbank.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 BankJxbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankJxbank.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 BankJxbank = defineComponent({
+  name: "BankJxbank",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": "none", "viewBox": "14.2 15.012 98.6 98.6", "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": "M57.645 58.424h12.012V70.44H57.645z", "fill": originColor ? "#0095da" : "currentColor" }), h("path", { "d": "M21 69.838v-17.42c5.107.3 12.914.602 15.92-3.904C50.735 26.586 66.052 25.988 81.07 37.1v27.333c-.598-11.714-9.91-16.821-16.517-17.423-7.811-.601-14.419 4.807-17.123 10.515C42.327 68.638 34.215 68.935 21 69.838", "fill": originColor ? "#0095da" : "currentColor" }), h("path", { "d": "M106 58.725v17.42c-4.806-.301-12.914-.599-15.919 3.907-13.813 21.925-29.13 22.526-44.15 11.41V64.433c.6 11.712 9.912 16.818 16.52 17.42 7.807.602 14.418-4.806 17.119-10.514C84.376 59.626 92.785 59.326 106 58.724", "fill": originColor ? "#51a283" : "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/BankJxrcub.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 BankJxrcub: DefineComponent<IconProps>;

package/packages/vue/icons/BankJxrcub.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 BankJxrcub = defineComponent({
+  name: "BankJxrcub",
+  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": "m359.371 0 30.72 30.72-153.6 184.32c-29.45 38.953-23.06 132.393 10.24 174.08l194.56 225.28c39.455 39.823 54.2 112.968 30.72 184.32L297.931 1024H62.411l163.84-204.8-215.04-286.72c-20.859-44.861-9.8-75.336 10.24-102.4zm307.2 0 337.92 430.08c19.251 27.064 32.154 57.539 0 102.4l-204.8 286.72 163.84 204.8h-235.52l-174.08-225.28c-22.456-71.352-9.544-144.497 20.48-184.32l204.8-225.28c32.512-41.687 51.241-121.754 10.24-174.08l-153.6-184.32z", "fill": originColor ? "#007a63" : "currentColor" }), h("path", { "d": "M512.971 117.678c94.792 0 171.356 72.766 178.647 163.738h-96.625l-82.022-80.067-96.614 96.42 96.614 94.607 83.855-81.858h94.792c-5.468 92.774-83.855 165.54-178.647 165.54-98.437 0-178.647-80.046-178.647-178.289 0-100.055 80.21-180.101 178.647-180.101", "fill": originColor ? "#b8253b" : "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/BankJyrcb.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 BankJyrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJyrcb.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 BankJyrcb = defineComponent({
+  name: "BankJyrcb",
+  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.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M748.277 523.953s3.188 56.58-33.07 115.15c-32.275 52.595-96.026 108.377-199.621 109.97-103.595-1.593-166.948-56.977-199.62-109.97-36.259-58.97-33.071-115.15-33.071-115.15-1.594-106.783-37.852-161.37-37.852-161.37 173.721 31.08 164.159 135.87 164.159 135.87v67.337c0 60.962 62.954 56.579 62.954 56.579h87.657s62.954 4.383 62.954-56.58v-67.336s-9.562-104.79 164.16-135.87c0 0-36.26 54.587-38.65 161.37m94.431-213.167s-71.72-1.195-140.252 24.305c-61.759 23.11-120.728 68.93-131.885 153.002v84.869H457.413v-84.869c-11.156-84.071-69.727-129.892-131.885-153.002-68.532-25.5-140.252-24.305-140.252-24.305-23.906.797-29.883 17.532-27.492 29.883 1.593 9.164 9.562 14.743 9.562 14.743 68.134 55.383 58.97 133.08 66.54 195.635 9.563 80.486 47.017 125.51 47.017 125.51 82.876 121.924 212.37 124.713 233.09 124.315 20.718.398 150.212-2.391 233.089-124.315 0 0 37.453-45.024 47.016-125.51 7.57-62.555-1.195-140.252 66.54-195.635 0 0 7.969-5.579 9.563-14.743 2.39-12.351-3.985-29.086-27.493-29.883M514.391 466.179h24.703v-48.212c9.164-74.509 60.165-115.947 109.572-134.674 49.806-18.726 98.017-15.14 98.017-15.14v25.5h52.196l-1.195-74.509H729.55c-159.776 0-215.16 117.54-215.16 117.54h-.796s-55.384-117.54-215.16-117.54H230.3l-1.195 74.907h52.196v-25.5s48.212-3.984 98.017 15.14c49.806 18.728 100.807 60.564 109.572 134.675v47.813z", "fill": originColor ? "#00693e" : "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/BankJyrcbgd.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 BankJyrcbgd: DefineComponent<IconProps>;

package/packages/vue/icons/BankJyrcbgd.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 BankJyrcbgd = defineComponent({
+  name: "BankJyrcbgd",
+  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": "M773.6 732c56.8-69.2 78.4-149.2 78.4-236.4V184c-53.6 45.6-104.8 107.2-104.8 181.2l.4 48.8v128c0 43.6-10.8 81.6-33.6 121.2C640.4 792 474.8 830.4 340 790.4c0 0 0 .4.4.4-.4 1.2-1.6 1.6-2.8 2-1.2-1.6-2-2-3.6-2.8v8h.4c1.2.4 2 .4 3.2.4s4.4 1.6 4.4 1.6c0 1.2 1.2 1.6-.4 1.6h-2.8c-2 0-2.8 0-4.8-1.6v7.6c142.4 84.8 329.6 56.8 439.6-75.6M334 790.4c-3.2-.4-6.4 1.6-10.8 0 1.6-.4 3.6-.4 3.6-2-1.2-2-3.2-1.6-6-3.6l-2-1.2c-1.6.4-1.6 2.8-2 3.6-4.8.4-6-4.4-10.4-4.8 0-3.2 2.8-1.2 3.6-2-2-1.2-4.4-1.6-6.4-2.8-.4 0-.4.4-.4.4-2-1.2-4.4-1.6-5.2-3.2-4.4-2-8.8-3.6-13.2-6-2-1.2-2.8-1.6-2.8-1.2s3.2 4 4.4 6c1.6 1.2 3.2 2.8 4.8 4.4 1.2.4 1.6 1.2 2.8 2l1.6-.4 3.6 3.2-4.8-2.8c12.4 10.4 26 19.6 39.6 28v-7.6c0-.4-4-1.2-4.4-1.2-2-.4-1.2-1.6-2-2.8l-1.2-1.2h.4c1.2 0 3.2.4 4.4 1.2.4.4 2 1.2 2.8 1.6z", "fill": originColor ? "#007833" : "currentColor" }), h("path", { "d": "M560.4 606.4H435.6c-12.4 0-22.8-10.4-22.8-23.2V435.6c0-12.8 10.4-23.2 22.8-23.2h153.2c0-120.8 78.4-222 183.2-244.4H516.8C412 166 312 211.6 245.2 292.4 168 385.6 140 544.8 261.6 639.2c90.8 70.4 220.4 54.4 298.8-32.8", "fill": originColor ? "#8dbd10" : "currentColor" }), h("path", { "d": "M833.2 168C718 178.8 627.6 282 625.6 408.8v104.4c0 179.2-218.8 247.6-355.6 167.2V700c1.2.4 2 1.2 3.2 2 0 1.2 1.6 1.6 1.6 3.2 0 1.2 4.4 3.6 2.8 4.4-.4.4-1.6 1.2-2 .4-.4-.4-.4-3.2-2-3.2-.4 0-1.6 0-3.2-.4v24c13.6 9.6 27.6 18.4 43.2 24.8 128.4 54 306.4 25.2 381.2-104.8 20.4-35.2 30.8-74 30.8-115.2q0-85.2-1.2-171.6c0-79.2 51.2-146 108.8-195.6M270 680.4c-15.2-8.8-29.2-20-42.4-32.4l-1.2-1.2c-.4 0-1.2-.4-1.6-.4.4 1.2 0 .4-.4 0-4.4-1.2-8-3.2-11.2-6 0-.4.4-.4.4-1.2.4-2.8-2-6.4-3.2-8.8 0-.4 0-1.6-.4-2-1.2-1.2-3.2-2-3.6-3.6-.4-1.2-1.6-3.2-2.8-4 .4-.8.4-1.2.4-2-12-18.4-22-39.6-28.8-63.2-2.8-6.4-3.2-3.6-3.2-.4 1.6 12.4 4.4 24.8 8 37.2.4.4 1.6 1.2 2 3.2 18-1.2 1.6 18.8 15.6 23.2 0 2 0 3.6 2 4.8 1.2 0 2-1.2 2-1.6h.4c.4.4 1.2 2 1.2 3.2 0 1.6.4 4 .4 5.6-4.8-6-9.6-11.2-16.8-14.8-.4-1.6-1.6-2.8-2.8-4.4 2 6.4 4.8 12.8 7.6 18.8 2.8 3.2 6 6 10.4 7.6 10.8 23.2 38.8 29.2 50.4 48.8-6.4-1.6-10.4-1.2-14-7.6l3.2-.4c.4-.4 1.6-1.6.4-2.8-.4-1.2-1.6-1.6-3.2-1.2 0 2.8-6 .4-6-.4-10.4 1.6-17.2-7.6-24-11.2 15.6 25.2 36.4 48.8 60 66.4v-24c-1.6-1.2-3.6-2.8-3.6-4.4 0-2-6-2.8-3.2-4.8.4-.4 2.8 1.6 3.6 1.6 1.2 0 2 .4 3.2 1.2v-18.8z", "fill": originColor ? "#007833" : "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/BankJzbank.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 BankJzbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankJzbank.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 BankJzbank = defineComponent({
+  name: "BankJzbank",
+  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": "M554.76 742.704H321.376S232 655.38 232 430.872C232 223.728 321.38 124 321.38 124h250.808S410.76 231.268 410.76 428.34c0 199.6 144.044 314.36 144.044 314.36h-.048zm-85.52-461.408h233.38S792 368.62 792 593.128C792 800.224 702.62 900 702.62 900H451.812S613.24 792.732 613.24 595.66c0-199.6-144-314.36-144-314.36z", "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/BankJzccb.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 BankJzccb: DefineComponent<IconProps>;