@nstc-design/icons 0.2.0 → 0.2.2

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

package/packages/vue/icons/BankJhccb.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 BankJhccb = defineComponent({
+  name: "BankJhccb",
+  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": "m636 636.092-4.828-61.364-108.648-31.908 50.7-100.64-50.7-46.636-96.58 54L389.728 344H326.96L300.4 456.908l-103.82-51.544-43.46 49.092 55.532 98.18L100 591.908l4.828 63.82 108.648 34.36-48.288 98.184 45.876 46.64L310.056 776l33.8 108h21.728l43.46-2.456 31.388-108 96.576 49.092 48.288-51.544-57.944-95.728zM541.028 775.02c2.42 2.448 0 4.9-2.42 2.448l-150.04-127.344c-2.42-2.452-12.1-2.452-12.1 4.896l2.42 195.92c0 7.344-4.84 7.344-4.84 0l-9.68-102.86-7.256-88.16c-2.42-7.348-4.84-9.8-9.68-7.348l-133.1 132.244c-2.42 2.448-7.26 0-2.42-2.448l111.32-144.492c4.84-7.344 2.42-12.24-4.84-12.24l-186.34-2.452c-2.42 0-2.42-2.448 0-2.448l188.76-19.592c7.26 0 9.68-7.348 4.84-12.248l-130.68-142.04c-2.42-4.896 0-4.896 2.42-2.448l145.2 127.348c7.26 4.896 14.52 2.448 14.52-4.9l7.26-193.468c0-2.448 2.42-2.448 2.42 0l2.416 31.84 12.1 161.628c0 7.348 7.26 9.8 12.1 4.9l130.68-132.244c2.42-2.452 4.84 0 2.42 2.448l-116.16 146.936c-2.42 2.452-2.42 12.248 4.84 12.248l188.76 4.896c2.42 0 2.42 2.448 0 2.448l-193.6 17.144c-4.84 0-7.26 7.348-4.84 12.244z", "fill": originColor ? "#f08300" : "currentColor" }), h("path", { "d": "m928 339.88-7.4-46.52-86.348-14.692 32.072-78.352-41.94-29.384-71.544 48.972L718.3 144l-49.34 4.896-9.872 85.696-83.88-34.28-29.6 39.18 49.34 68.56L516 344.768l7.4 46.524 86.348 19.588-29.604 75.904 39.472 31.832L691.16 467.2l32.072 68.56V548l49.344-7.344 14.8-83.248 78.948 29.38 32.072-41.624-49.344-68.56zm-61.356 113.64c2.472 2.452 0 4.904-2.472 2.452L740.544 370.14c-2.472-2.452-9.892 0-7.416 4.904l14.832 147.14c0 4.904-2.472 4.904-4.944 0l-24.724-127.52-2.472-12.264c-2.472-7.356-4.948-7.356-7.42-4.904L616.92 485.4c-2.476 2.452-4.948 0-2.476-2.452l76.648-117.712c2.472-4.904 0-9.808-4.944-9.808l-143.408 12.26c-2.472 0-2.472-2.452 0-2.452l143.408-29.428c7.416-2.452 7.416-7.36 2.472-9.808l-113.736-93.188c-2.472-2.456 0-4.908 2.472-2.456l118.68 83.38c7.42 4.904 12.364 2.452 9.892-4.904l-9.888-147.14s2.472-2.452 2.472 0l19.78 115.26 4.944 29.428c0 4.904 7.416 7.36 9.892 2.452l91.48-107.904c0-2.452 2.476 0 2.476 2.456l-76.648 117.708c-2.476 2.456 0 9.812 4.944 7.36l145.88-9.812c2.472 0 2.472 2.452 0 2.452l-145.88 26.976c-4.944 0-4.944 7.36-2.472 9.812z", "fill": originColor ? "#fdd000" : "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/BankJhrcb.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 BankJhrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJhrcb.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 BankJhrcb = defineComponent({
+  name: "BankJhrcb",
+  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": "M469.6 640.8c-43.6 37.2-106 38-178.8 18.4-96-37.6-125.2-92.4-122.8-162.4 2.8-70 74.8-189.2 267.2-222C536 254.4 700.8 278 796 373.6c-236-116.4-362 33.2-474.8 110-17.6 20.8-15.6 31.2-.4 51.2 48.4 35.6 100.8 70.8 148.8 106", "fill": originColor ? "#e30016" : "currentColor" }), h("path", { "d": "M232 652.4C291.2 711.6 429.6 776 582 750c158-26.8 283.2-125.6 273.6-247.2 1.2-93.2-144-170-253.6-152-75.6 48.4-140 96.8-215.6 145.2-12.4 11.6-7.6 20.8 0 30 41.2 29.2 82 58.4 123.2 88 42.8-29.2 85.6-58.4 128.4-88 1.2-6 1.6-12.8-5.2-26.4-22.4-16.8-50.4-37.6-72.4-54 2.8-9.6 12.4-20 43.6-19.2 34.8 20.4 70 46 104.8 66.8q19.8 21 0 42c-65.2 46-92.8 81.6-195.2 137.6-102.4 56.4-196 13.6-281.6-20.4", "fill": originColor ? "#004fa0" : "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/BankJinchb.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 BankJinchb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJinchb.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 BankJinchb = defineComponent({
+  name: "BankJinchb",
+  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": "M825.48 557.56c3.44 0 6.04 2.56 6.52 5.84v247.28c-.72 13.68-11.64 24.56-25.396 25.32H559.976c-3.52-.28-6.24-3.12-6.24-6.72 0-1.48.72-2.88 1.56-4l1.08-1.04 263.908-264.08 1.08-1.04c1.16-.92 2.48-1.56 4.12-1.56zM678.56 372.78c3.088 0 5.896 1.08 8.156 2.872l2.332 2.308 130.34 131.268.988.96c.832 1.112 1.504 2.548 1.504 4.14 0 1.636-.672 2.988-1.504 4.144l-.988 1-305.68 307.76-1.9 1.912A26.3 26.3 0 0 1 495.344 836H228.452a6.61 6.61 0 0 1-6.096-6.656c0-1.512.592-2.868 1.544-4.024l1.028-1.036 443.064-446.2 2.612-2.552a13.17 13.17 0 0 1 7.96-2.752zm-384.304 324c3.56.08 6.52 2.964 6.52 6.64 0 1.46-.592 2.724-1.424 3.872l-1.38 1.34-94.24 94.228-1.384 1.344a6.02 6.02 0 0 1-3.832 1.42c-3.436 0-6.08-2.608-6.516-5.884v-97.072c.356-3.28 2.96-5.848 6.36-5.888zm41.556-339.188c3.096.04 5.868 1.16 8.148 2.956l2.12 2.116 142.1 139.176 1.424 1.48c2.04 2.352 3.424 5.308 3.424 8.7 0 3.352-1.384 6.388-3.504 8.744l-1.224 1.36-141.976 139.012-2.648 2.596c-2.16 1.56-4.728 2.556-7.58 2.676H198.48a6.75 6.75 0 0 1-6.48-6.188V363.7c.284-3.272 2.812-5.788 6.192-6.108zM497.324 188a26.06 26.06 0 0 1 16.84 7.164l1.616 1.68 133.456 138.304 3.24 3.272c1.46 2.252 2.448 4.956 2.448 7.904 0 3.028-.988 5.772-2.528 8.064l-3.04 3.112-124.8 129.256-1.624 1.72a12.85 12.85 0 0 1-8.496 3.276c-3.24 0-6.2-1.232-8.536-3.28l-1.66-1.72L227.612 200.2l-1.344-1.472a6.46 6.46 0 0 1-1.384-4.012c0-3.44 2.532-6.264 5.772-6.716zm308.312 0c14.248.56 25.584 11.564 26.364 25.372v246.864c-.328 3.4-3.2 6.2-6.776 6.2-1.64 0-3.12-.64-4.188-1.52l-1.152-1.08-270.94-264.072-1.192-1.16c-.984-1.12-1.6-2.48-1.6-4.08 0-3.32 2.628-6.04 5.992-6.524zm-606.932 37.968c1.456 0 2.68.632 3.864 1.424l1.3 1.38L297.976 323l1.3 1.42c.868 1.068 1.5 2.372 1.5 3.836 0 3.436-2.64 6.16-5.992 6.56h-96.948a6.73 6.73 0 0 1-5.836-6.4v-95.932c.16-3.556 3.036-6.52 6.704-6.52z", "fill": originColor ? "#c41829" : "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/BankJjccb.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 BankJjccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJjccb.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 BankJjccb = defineComponent({
+  name: "BankJjccb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M512 172c156.8 0 289.2 105.2 330 248l-196.8-.8V380h-266v194.8L172 469.2C193.2 302 338 172 512 172m340 384c-21.6 166.8-166 296-340 296-156 0-288.4-104.4-329.6-246.4l196.4.8V644h266V450z", "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/BankJjrcb.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 BankJjrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJjrcb.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 BankJjrcb = defineComponent({
+  name: "BankJjrcb",
+  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": "m202 312-.4.4-85.6 78.8V456l86-79.2 86 79.2v-64.8l-85.6-78.8z", "fill": originColor ? "#e50113" : "currentColor" }), h("path", { "d": "M669.2 644.4h-32V457.6h33.6l95.6 140v-140h32V644h-31.2l-98-140zM882.4 456H918l-81.2 87.2 83.2 99.2h-35.6L802 545.2zM448 642.4 519.6 456h30.8l76.4 186.4h-31.2L534.8 496l-55.2 146.4zM292.4 644V460.4h88c14 0 25.2 2 33.6 5.6s15.2 9.6 20 17.2 7.2 15.6 7.2 24.4c0 8-2 15.2-6.4 22q-6.6 10.2-19.2 16.8c11.2 3.2 19.6 8.8 25.6 16.8s8.8 17.2 8.8 28c0 8.4-2 16.4-5.6 24-3.6 7.2-8 13.2-13.2 17.2s-12 7.2-20 9.2-18 3.2-29.6 3.2h-89.2zm28.4-106.4H376c10.8 0 18.4-.8 23.2-2 6-2 10.8-4.8 14-9.2s4.8-9.6 4.8-16c0-6-1.6-11.6-4.4-16-2.8-4.8-7.2-8-12.4-9.6s-14.8-2.4-27.6-2.4h-52v55.2zm0 84.8H382c20.4 0 42.8-6.8 43.2-31.6 0-6.8-1.6-12.8-5.2-18q-5.4-7.8-14.4-10.8c-9-3-15.2-3.2-26.8-3.2h-58zM159.6 461.2H210v158c0 14 .8 22.8-5.2 35.6-20.8 46-55.2 60.4-96.8 56.4v-15.6c22.4-7.6 42.8-17.2 49.6-43.6 2.4-8.8 2-17.6 2-26.8zm67.2 0h16.4v158c0 14 .8 22.8-5.2 35.6-14.4 31.6-35.2 48.4-60 54.4.8-.4 1.6-1.2 2.4-1.6 16.4-11.6 30.8-22.8 42-47.2 6-12.8 4-29.6 4-43.6V461.2z", "fill": originColor ? "#004098" : "currentColor" })]);
+      if (!props.button) return svg;
+      return h("button", {
+        ...attrs,
+        ref: root,
+        type: attrs.type ?? "button",
+        class: joinClassNames("nstc-icon-button", props.background && "nstc-icon-button--background", attrs.class),
+        style: buttonStyle,
+      }, [svg]);
+    };
+  },
+});

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

package/packages/vue/icons/BankJmrcb.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 BankJmrcb = defineComponent({
+  name: "BankJmrcb",
+  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": "M171.2 428.8h39.2V550c0 20-24.8 46-57.2 44.8-32-1.6-41.2-7.6-41.2-7.6v-40.4s10.4 6.8 30.4 6.8c28 .4 28.8-17.2 28.8-17.2zm357.2 70c9.2 0 16.8-7.6 16.8-16.8s-7.6-16.8-16.8-16.8h-45.2v33.6zm18.8 32.8 46.4 63.2h-48.8l-61.2-85.6v85.2h-44V428.8h91.2c28 1.2 50.4 24.4 50.4 53.2 0 22.8-14.4 42-34 49.6m198.8 5.6v40.4c-15.2 10-34 16-54.4 16-51.2 0-92.8-37.2-92.8-82.8s41.6-82.8 92.8-82.8c20.4 0 39.2 6 54.4 16v40.4c-10.4-14-29.2-23.2-50.4-23.2-32.8 0-59.6 22.4-59.6 49.6 0 27.6 26.8 49.6 59.6 49.6 21.2 0 39.6-9.2 50.4-23.2m107.2 22c9.2 0 16.8-7.6 16.8-16.8s-7.6-16.8-16.8-16.8h-42v33.6zm-42-96.8V496H848c9.2 0 16.8-7.6 16.8-16.8s-7.6-16.8-16.8-16.8zM896 508c10 9.2 16 22 16 36.8 0 27.6-22.4 50-49.6 50-2 0-4.4 0-6.4-.4v.4h-89.2v-166H856c27.6 0 49.6 22.4 49.6 50 0 10.8-3.6 21.2-9.6 29.2", "fill": originColor ? "#04346e" : "currentColor" }), h("path", { "d": "M324 453.2 279.2 428 236 450.4v120.4l43.2 22.4.8-.4V476l44 22.8 44-22.8v37.2h.4v79.6l.4.4 43.6-22.4V450.4L368.8 428z", "fill": originColor ? "#dd1916" : "currentColor" }), h("path", { "d": "m368 545.2-44-22.8-44 22.8v47.6l44-24.8 44.4 24.8z", "fill": originColor ? "#8f151b" : "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/BankJmrhrcb.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 BankJmrhrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJmrhrcb.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 BankJmrhrcb = defineComponent({
+  name: "BankJmrhrcb",
+  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": "m493.6 449.2-96.8 96.4c-8.8 6.8-17.6 10.8-33.6 7.2-48.4-10-114.8-21.6-170-50.4-16.4-8.4-6-30.4-4.8-34.8C234.4 333.2 362 236 512.8 236c153.2 0 282.8 100.4 326.4 238.8 1.6 4.4.4 16.4-3.6 18.8-62 36.8-110 51.6-164 66.4-16 2.8-36.4-6-52-21.2l-89.2-89.6c-15.2-11.6-25.6-9.6-36.8 0", "fill": originColor ? "#e30016" : "currentColor" }), h("path", { "d": "M184 500c188.4 143.2 454.4 150 656 0-38 98-74 197.6-128.8 283.6-4.4 3.2-10.8 4-21.6 4.4H338.8c-7.6-.4-14.4-4-20.8-12-48.4-79.6-91.2-177.6-134-276", "fill": originColor ? "#f0b600" : "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/BankJnbank.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 BankJnbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankJnbank.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 BankJnbank = defineComponent({
+  name: "BankJnbank",
+  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": "M480 176c130 0 235.6 124.4 235.6 278 0 39.6-7.2 77.2-19.6 111.2 4.8-16.8 7.6-34.4 7.6-52.8 0-104-84.4-188-188.4-188-56 0-106.4 24.4-141.2 63.6l-16 15.6v.4L172 586.4V394.8l162.8-156.4C360 211.2 414 176 480 176m34.8 250 77.2 77.6-77.6 77.6-77.2-77.6z", "fill": originColor ? "#f8a700" : "currentColor" }), h("path", { "d": "M544.8 850C415.2 850 310 725.6 310 572c0-39.6 6.8-77.2 19.6-111.2-4.8 16.8-7.6 34.4-7.6 52.8 0 104 84 188 187.6 188 56 0 106-24.4 140.4-63.6l16-15.6v-.4l185.6-182v191.6l-162 156c-25.2 27.6-78.8 62.4-144.8 62.4", "fill": originColor ? "#00509e" : "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/BankJnrcb.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 BankJnrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJnrcb.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 BankJnrcb = defineComponent({
+  name: "BankJnrcb",
+  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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1024", "rx": "224", "ry": "224", "width": "1024" }), h("path", { "d": "M384.312 528c-6.12 5.14-10.68 12.088-12.292 18.132 16.832 7.3 30.448 10.084 51.7 12.056l-16.932 3.376c-20.12 4.88-42.284 6.44-60.36 14.628 1.664 3.676 4.908 15.184 23.496 18.288l59.944 4.136-11.496 6.464-25.132 6.372c-5.788 17.996 5.756 17.8 19.88 22.44 35.324 8.32 45.248 10.732 97.528 11.1 52.28-.836 60.112-2.78 95.44-11.1 14.124-4.64 25.668-4.444 19.88-22.44l-25.124-6.372-11.512-6.464 59.952-4.136c18.584-3.104 21.832-14.612 23.5-18.288-18.08-8.188-40.244-9.752-60.364-14.628l-16.932-3.376c21.26-1.972 34.872-4.76 51.7-12.056-1.624-6.044-6.172-12.992-11.324-18.132H848c-12.016 178.74-157.868 320-336 320S188.008 706.74 176 528z", "fill": originColor ? "#be8e20" : "currentColor" }), h("path", { "d": "M176 500c12.016-178.74 157.864-320 336.004-320C690.124 180 835.976 321.26 848 500H620.94v-98.424H403.392V500z", "fill": originColor ? "#9b2021" : "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/BankJpm.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 BankJpm: DefineComponent<IconProps>;

package/packages/vue/icons/BankJpm.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 BankJpm = defineComponent({
+  name: "BankJpm",
+  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": "M660 404h192v255.6L660 852zM404 172h255.6L852 364H404zM172 660h448v192H364.4zm192-488v452H172V366z", "fill": originColor ? "#034492" : "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/BankJrrcb.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 BankJrrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankJrrcb.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 BankJrrcb = defineComponent({
+  name: "BankJrrcb",
+  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": "M392 518c42.8 28.4 81.6 68.4 115.2 125.6 24-46.8 61.6-88 116.8-122-66-42.8-95.2-82.4-119.2-121.6-30.8 54-70 91.2-112.8 118", "fill": originColor ? "#ae935c" : "currentColor" }), h("path", { "d": "M172 516.4c0 7.6.4 14.8.8 22 112.4 12.4 204.8-66.4 302-194.4 79.6-104.8 224-124.8 341.2 27.6C762 256 645.2 176 510 176c-186.8 0-338 152.4-338 340.4", "fill": originColor ? "#ec440e" : "currentColor" }), h("path", { "d": "M547.2 692.4C466.4 796.8 321.6 807.2 204 649.6 256 768.4 375.2 852 514.4 852 700.8 852 852 702 852 517.2c0-5.2 0-10.4-.4-15.6-8.8-1.2-17.2-1.6-25.6-1.6-102 0-188.4 75.2-278.8 192.4", "fill": originColor ? "#83120e" : "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/BankJsb.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 BankJsb: DefineComponent<IconProps>;