@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankShch.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 BankShch = defineComponent({
+  name: "BankShch",
+  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": "-8.57 -9.35 129.54 129.54", "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": "129.54", "rx": "28.337", "ry": "28.337", "width": "129.54", "x": "-8.57", "y": "-9.35" }), h("defs", {  }, [h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-shch_svg__a", "x1": "44", "x2": "1", "y1": "1", "y2": "43" }, [h("stop", { "stop-color": "#b5a27c" }), h("stop", { "offset": "1", "stop-color": "#fff" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-shch_svg__b", "x1": "57", "x2": "112", "y1": "0", "y2": "44" }, [h("stop", { "stop-color": "#fff" }), h("stop", { "offset": "1", "stop-color": "#b5a27c" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-shch_svg__c", "x1": "112", "x2": "68", "y1": "57", "y2": "111" }, [h("stop", { "stop-color": "#fff" }), h("stop", { "offset": "1", "stop-color": "#b5a27c" })]), h("linearGradient", { "gradientUnits": "userSpaceOnUse", "id": "bank-shch_svg__d", "x1": "1", "x2": "56", "y1": "67", "y2": "111" }, [h("stop", { "stop-color": "#b5a27c" }), h("stop", { "offset": "1", "stop-color": "#fff" })])]), h("path", { "d": "m56.5 14.8 41.6 40.7L56.5 97 14.9 55.5Z", "fill": originColor ? "#8b6825" : "currentColor" }), h("path", { "d": "m44.2.9 11.9 13L14 55.1.8 43.1C12.9 23.2 26 10.9 44.2.9", "fill": "url(#bank-shch_svg__a)" }), h("path", { "d": "M57.4.1c22.3 9.1 41 25.1 54.4 43.6L98.9 54.9 57.4 13.8Z", "fill": "url(#bank-shch_svg__b)" }), h("path", { "d": "M112 56.3c-10.3 22-28.2 41.8-44.2 54.4L57.3 97.9 99 56.3Z", "fill": "url(#bank-shch_svg__c)" }), h("path", { "d": "M55.7 110.6C32.4 100.4 12.2 83.2.4 67.2l13.4-10.9 41.9 41.5Z", "fill": "url(#bank-shch_svg__d)" })]);
+      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/BankShhrb.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 BankShhrb: DefineComponent<IconProps>;

package/packages/vue/icons/BankShhrb.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 BankShhrb = defineComponent({
+  name: "BankShhrb",
+  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": "27.94 29.44 965.12 965.12", "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": "M512 0q512 0 512 512t-512 512T0 512 512 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M509.376 928C-48.064 904.64-34.24 118.336 505.6 96c556.768 18.336 559.104 812.096 3.744 832zM308.224 750.88c-88.256-144.8-96.16-272.32 62.976-349.92 67.712-70.688 141.76-96 224.48-54.464 42.656 31.36 84.288 68.672 127.136 101.216 135.36 164.608-75.52 417.28-206.24 189.088 34.624-10.56 74.848 4.672 87.04-29.344 16.352-70.72 6.208-138.336-36.352-143.136-47.712-6.112-140.352-21.408-150.944 32.032-44.416 288 165.024 398.624 324.416 248.384 244-239.808 24.48-593.888-289.344-544.352-375.872 78.592-302.208 508-143.168 550.496", "fill": originColor ? "#b28147" : "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/BankShinhan.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 BankShinhan: DefineComponent<IconProps>;

package/packages/vue/icons/BankShinhan.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 BankShinhan = defineComponent({
+  name: "BankShinhan",
+  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": "M496.8 176.4C311.6 184.8 168 341.6 176.4 527.2 184.8 712.4 342 856 527.2 847.6 712.8 839.2 856 682 847.6 496.8c-8-180-156.8-320.8-335.2-320.8-5.2 0-10.4 0-15.6.4", "fill": originColor ? "#ffdd9a" : "currentColor" }), h("path", { "d": "M510.4 172c-4.8 0-9.2 0-14 .4C314.8 180.4 172.8 330 172 510v3.2c0 4.8 0 9.2.4 14C180.8 708.8 330 850.8 510 852h3.6c4.4 0 9.2 0 13.6-.4C714.8 843.2 860 684 851.6 496.4 843.6 314.8 694 172.8 514 171.6h-3.6zm26.8 639.2c-.4-7.6 10.8-9.6 10.8-9.6 100.4-20 71.2-85.6 35.6-119.2-14.8-14-154.8-134.8-154.8-134.8C295.2 432 306 342.4 306 342.4c6.4-110.4 102.8-137.6 176-131.6 8.8.8 13.2 6 11.6 13.2-1.6 7.6-12.8 8.4-12.8 8.4-23.2 1.2-44 3.6-60 14.4-58.8 39.6-41.6 107.2 37.2 182 10 9.6 20.4 19.6 31.2 29.6 0 0 15.6 14 47.2 43.6 60.4 55.6 93.6 85.6 93.6 85.6 106.4 88.8 70 169.6 29.6 198-31.2 21.6-65.6 31.6-110.4 34H548c-4.4.4-10.4-2-10.8-8.4M562 483.6c-34.4-7.2-41.6-38.4-41.6-38.4-2.8-11.2-3.6-24.8-1.2-42.8 4.8-37.2 14.8-54.4 26-83.2 15.2-38.8-22-61.2-15.6-75.6 8.4-19.2 35.2 5.2 64.8 7.2 25.6 1.6 41.2 0 60.8 2.8 26.4 3.6 58 12.4 72 29.2 12.8 15.2-6.8 33.6-30.4 22-17.2-8.4-39.2-3.2-26.4 14.8 15.6 17.2 22.8 17.6 38.4 22 43.2 11.6 44 52.8 14.8 74.4-33.2 24.4-67.2 14.4-80.8-33.6-6.8-24-23.6-36-40.8-29.2s-7.2 38 6 67.2c22.8 58-23.2 64-40.8 64-2-.4-4-.8-5.2-.8M435.2 800.4c-37.6-3.6-82.4-15.6-121.6-49.2-36-31.2-58-74-68.8-111.2-11.2-38.4-15.6-83.2 2.4-79.6 5.6 1.2 15.2 25.6 26 43.6 10.8 18.4 20 28.8 28 35.2 3.6 2.8 16.4-25.6 35.2-42 10.8-8.8 22.8-12 24.8 14.8 2.4 32.8-3.6 71.6 6 71.6 8.8 0 29.2-6.8 73.2-10.4 16.8-1.6 26 1.6 10.4 24-8 11.2-18.4 26.8-43.6 44.8 37.6 35.2 82.8 31.2 83.6 46 .4 8.8-16.4 13.2-38.4 13.2-5.6 0-11.2-.4-17.2-.8", "fill": originColor ? "#0074c0" : "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/BankShrcb.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 BankShrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankShrcb.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 BankShrcb = defineComponent({
+  name: "BankShrcb",
+  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": "M301.2 770c33.2 18 68.8 30.4 105.2 36.4 93.6 14.8 199.2-11.6 275.2-86.4 50.8-50 76-99.2 86.4-151.2 6-32.4 5.6-70.4-13.6-97.2 0 0 10.4 6 22 18.4 46.8 50 58.8 136 8.8 221.6-12 20.4-33.2 42.8-35.2 44.8C621.6 878.8 424.4 884 301.2 770M724 254.8c-33.6-18.4-69.2-30.4-106-36.8-94-15.2-200 11.6-276.4 87.2-51.2 50.4-76.4 100-86.8 152.4-6 32.8-6 71.2 13.6 98 0 0-10.4-6-22.4-18.8-46.8-50.4-58.8-137.2-8.4-223.6 12-20.8 33.2-43.2 35.6-45.2C402 145.2 600 139.6 724 254.8", "fill": originColor ? "#f4a000" : "currentColor" }), h("path", { "d": "M773.2 502c-62.8-62.4-170.8-56.4-246.4 11.6L357.6 345.2c121.2-120.8 292-136 396.8-42.4 132.4 118 128.8 324-2.8 454.8 73.6-81.6 84-193.6 21.6-255.6m-522.8 21.6c62 62.4 170 56.4 244.8-11.6L664 680.8c-120.8 120.8-290.4 136-394.8 42.4-132-118-128.4-324 2.8-454.8-73.2 81.2-83.6 193.2-21.6 255.2", "fill": originColor ? "#00469b" : "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/BankShxibank.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 BankShxibank: DefineComponent<IconProps>;

package/packages/vue/icons/BankShxibank.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 BankShxibank = defineComponent({
+  name: "BankShxibank",
+  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 -73.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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "1187.84", "rx": "259.84", "ry": "259.84", "width": "1187.84", "x": "-81.92", "y": "-73.92" }), h("path", { "d": "m559.036 108.176 453.008 250.864a24.16 24.16 0 0 1 0 42.24l-176.608 97.808-262.512-145.36-.048-.032a18.11 18.11 0 0 0-24.624 7.2c-4.832 8.832-1.6 19.904 7.2 24.8l242.4 134.208-238.816 132.272a96.61 96.61 0 0 1-93.6 0L12.428 401.28a24.16 24.16 0 0 1 0-42.24l453.008-250.88a96.61 96.61 0 0 1 93.6 0z", "fill": originColor ? "#c01349" : "currentColor" }), h("path", { "d": "m559.036 387.84 453.008 250.88a24.16 24.16 0 0 1 0 42.24L559.036 931.84a96.61 96.61 0 0 1-93.6 0L12.428 680.96a24.16 24.16 0 0 1 0-42.24l176.8-97.92L476.62 699.936l.048.032c8.816 4.8 19.824 1.584 24.608-7.2 4.832-8.832 1.616-19.92-7.2-24.8l-267.248-148L465.436 387.84a96.61 96.61 0 0 1 93.6 0", "fill": originColor ? "#ddb082" : "currentColor" }), h("path", { "d": "M506.204 375.936v288.128a96.5 96.5 0 0 1-39.2-11.056l-240.176-133.04L465.436 387.84a96.54 96.54 0 0 1 40.768-11.904", "fill": originColor ? "#851129" : "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/BankSinopac.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 BankSinopac: DefineComponent<IconProps>;

package/packages/vue/icons/BankSinopac.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 BankSinopac = defineComponent({
+  name: "BankSinopac",
+  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": "M852 512c0 188-152 340-340 340S172 700 172 512c0-187.6 152-340 340-340s340 152.4 340 340M552 380h84v-84h-84zM248 532v76h76v76h76V532zm20-148v75.2h205.2V684H548V384zm356 76v224h76.4V534.8H796V460z", "fill": originColor ? "#e62511" : "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/BankSjbank.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 BankSjbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankSjbank.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 BankSjbank = defineComponent({
+  name: "BankSjbank",
+  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": "M390.568 532.236v77.192a24 24 0 0 0 24 24h81.24V852H260c-48.6 0-88-39.4-88-88V532.236zm461.432 0V764c0 48.6-39.4 88-88 88H528.188V633.428h81.24a24 24 0 0 0 23.984-23.1l.016-.9V532.24H852zM495.808 172v218.568h-81.24a24 24 0 0 0-23.98 23.104l-.016.9-.004 85.284H172V260c0-48.6 39.4-88 88-88zM764 172c48.6 0 88 39.4 88 88v239.856H633.428v-85.284a24 24 0 0 0-23.1-23.984l-.9-.016-81.24-.004V172z", "fill": originColor ? "#e60019" : "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/BankSmbc.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 BankSmbc: DefineComponent<IconProps>;

package/packages/vue/icons/BankSmbc.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 BankSmbc = defineComponent({
+  name: "BankSmbc",
+  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": "M272 514.8V872l148-62V452zM756 152l-152 62v358l152-62zM440 439.6V800l144-219.6V220z", "fill": originColor ? "#b9d445" : "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/BankSnbank.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 BankSnbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankSnbank.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 BankSnbank = defineComponent({
+  name: "BankSnbank",
+  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": "M189.2 615.6s23.6 5.2 49.6 5.2c51.6 0 131.6-14 198-45.6 9.6-4.4 29.6-14 29.6-14 46.4-30 121.2-82.8 165.6-95.6 43.2-12.8 40.4-16.8 74-20.4-3.6 0-72.8-.4-180.4 42.8-58.4 23.2-174.8 100.8-222.8 34.8C382 596.8 485.6 424 702 424c78.8 0 132 24.8 144.4 31.2-.8-4.4-1.6-8-1.6-8.8-29.6-156-167.6-275.2-332-275.2C327.2 172 172 319.6 172 509.6c0 35.6 5.6 72 17.2 106", "fill": originColor ? "#438ba7" : "currentColor" }), h("path", { "d": "M468.4 560s54.4-28 122.8-28c62.4 0 125.6 40.8 125.6 112.4 0 61.6-92 108.4-206.4 108.4S303.2 704 303.2 644.4c0-2.4 1.2-10.4 1.2-10.4s-24 6.8-53.6 6.8c-30 0-52.4-4.4-52.4-4.4l2.4 5.2c53.6 126.8 176 209.6 310 209.6 88.8 0 170.8-33.2 236.8-97.6 65.2-63.2 103.2-154.8 103.2-239.2 0 0-3.2-15.6-22.4-32.4-23.2-20.4-64.8-36.8-105.6-36.8-34 0-46.8 2-90 14.8-44.8 13.6-118 69.2-164.4 100", "fill": originColor ? "#0b67aa" : "currentColor" }), h("path", { "d": "M198 636.8c24.8 56.8 57.6 102.4 99.6 136.4 40 31.6 120.4 40 171.6 40 124 0 247.2-71.6 247.2-169.2-9.2 63.2-75.6 99.6-199.2 108.8-107.6 3.6-212-50-214-104.4-.4-2.4 0-7.2.8-14.8.8 0-19.2 7.2-48.8 7.2s-57.2-4-57.2-4", "fill": originColor ? "#438ba7" : "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/BankSpabank.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 BankSpabank: DefineComponent<IconProps>;

package/packages/vue/icons/BankSpabank.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 BankSpabank = defineComponent({
+  name: "BankSpabank",
+  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": "m804.66 328 4.816.4 4.812.8 4.416 1.2 4.412 1.6 4.012 2 4.012 2.4 3.608 2.8 3.212 3.2 3.208 3.2 2.808 3.6 2.408 4 2.004 4 1.608 4.4 1.2 4.4.4 5.2.404 4.8v268.4l-.4 4.8-.8 4.8-1.208 4.4-1.6 4.4-2.008 4-2.408 4-2.808 3.6-6.42 6.4-3.612 2.8-4.012 2.4-4.012 2-4.412 1.6-4.412 1.2-4.816.8-4.812.4H219.74l-4.812-.4-4.816-.8-4.412-1.2-4.412-1.6-4.012-2-4.012-2.4-3.612-2.8-6.42-6.4-2.808-3.6-2.408-4-2.004-4-1.604-4.4-1.204-4.4-.8-5.2L172 644V375.6l.4-4.8.8-4.8 1.208-4.4 1.6-4.4 2.008-4 2.408-4 2.808-3.6 6.42-6.4 3.612-2.8 4.012-2.4 4.012-2 4.412-1.6 4.412-1.2 4.816-.8 4.812-.4zm0 7.6H220.54c-22.088 0-39.912 17.404-40.5 39.28l-.016 1.12v268c0 22.028 17.456 39.8 39.4 40.384l1.12.016h584.12c22.088 0 39.912-17.404 40.5-39.28l.016-1.12V376c-.4-22.4-18.456-40.4-40.52-40.4m-.856 13.728c14.832 0 26.856 11.98 26.856 26.76V558.6c0 14.78-12.024 26.76-26.856 26.76H220.2c-14.832 0-26.856-11.98-26.856-26.76V376.088c0-14.78 12.024-26.76 26.856-26.76h583.6zm-167.948 71.488H530.84c-1.2 0-2.004.8-2.004 2V432c0 1.2.8 1.996 2 1.996h43.292v46.728h-46.896c-1.2 0-2.004.8-2.004 1.996v9.584c0 1.2.8 2 2 2h46.9v17.968c0 1.2.8 2 2.004 2h14.432c1.2 0 2-.8 2-2V494.3h46.9c1.2 0 2.004-.8 2.004-1.996v-9.584c0-1.2-.8-2-2-2h-46.9V434h43.288c1.2 0 2.004-.8 2.004-2v-9.184c0-1.2-.8-1.996-2-1.996zm-311.848-5.192H308.78c-1.204 0-2.004.8-2.004 2v11.18h-37.68c-6.816 0-12.424 5.592-12.424 12.38v40.736c0 6.792 5.608 12.38 12.424 12.38h37.68v17.576c0 1.2.8 1.996 2 1.996h15.232c1.204 0 2.008-.8 2.008-2V494.3h37.68c6.812 0 12.424-5.588 12.424-12.38v-40.736c0-6.788-5.612-12.38-12.428-12.38h-37.68V417.62c0-1.2-.8-1.996-2-1.996zm174.764 3.196H405.78c-6.816 0-12.428 5.592-12.428 12.38v67.896c0 6.788 5.612 12.38 12.428 12.38h92.992c6.816 0 12.428-5.592 12.428-12.38V431.2c0-6.788-5.612-12.38-12.428-12.38m189.592 23.56H675.94c-1.2 0-2.004.8-2.004 2v7.988h-19.64c-1.2 0-2.004.8-2.004 1.996v9.184c0 1.2.8 2 2 2h18.44v5.588c0 6.792 3.208 13.18 11.224 17.176 3.208 1.6 7.216 3.192 11.224 5.192-7.216 2.796-14.028 4.392-20.84 4.392H656.7c-1.2 0-2.404.8-2.404 2v9.184c0 1.2.8 1.996 2.404 1.996h17.236c6.816 0 15.232-1.6 22.448-3.996 2.804-1.2 8.416-3.592 14.428-6.388 6.412 2.796 11.624 5.192 14.832 6.388 7.216 2.8 15.632 3.996 22.444 3.996h17.24c1.2 0 2-.8 2-2v-9.184c0-1.2-.8-1.996-2-1.996h-17.64c-6.812 0-13.228-1.2-20.84-4.392 4.008-2 8.016-3.996 11.22-5.192 8.42-3.996 11.224-10.384 11.224-17.176v-5.192h18.44c1.2 0 2-.8 2-1.996v-9.184c.804-1.2 0-2.4-1.2-2.4h-18.44v-7.984c0-1.2-.8-2-2-2h-12.428c-1.2 0-2.404.8-2.404 2v7.988h-42.888v-7.988c0-1.2-.8-2-2.008-2m-194-11.18v67.496h-84.576V431.2zm-8.42 7.588h-67.336v11.184h25.252v7.588h-21.648v10.384h21.648v11.18h-25.252v11.184h67.336v-15.976H473.12v4.792h-12.428v-11.18h21.648v-9.984h-21.648v-7.988h25.252zm246.512 27.16.4 3.992c0 3.596-.8 6.788-5.608 9.184-4.008 2-10.424 4.792-16.036 7.588-5.612-2.796-12.024-5.588-16.032-7.588-4.808-2.396-5.612-5.192-5.612-9.184v-3.996h42.888zm-426.08-22.768v38.34h-32.468v-38.34h32.464zm52.104 0v38.34h-32.464v-38.34zm272.168-1.596h-14.432c-1.6 0-3.208.8-3.608 2l-14.428 27.952c-.4 1.2 0 2 1.2 2h14.432c1.6 0 3.204-.8 3.608-2l14.428-27.956c.4-1.2 0-1.996-1.2-1.996m-80.968 0h-14.432c-1.2 0-2.004.8-1.2 2l14.428 27.952c.4.8 1.6 2 3.608 2h14.428c1.2 0 2.004-.8 1.2-2l-14.428-27.956c-.4-1.2-2-1.996-3.604-1.996m168.348-26.36h-14.432c-1.2 0-2 .8-2 2v5.188h-38.08c-6.016 0-11.224 4.796-11.224 11.184v7.188c.8 1.2 1.6 2 2.804 2h10.02c1.204 0 2.004-.8 2.004-2V434.4h88.184v6.388c0 1.2.8 2 2.004 2h10.02c1.204 0 2.004-.8 2.004-2V433.6a11.184 11.184 0 0 0-11.22-11.184h-38.08v-5.188c0-1.2-.8-2-2.004-2z", "fill": originColor ? "#ec681b" : "currentColor" }), h("path", { "d": "M384.224 627.48c.52 1.176 1.504 1.504 2.94.98q13.717-6.27 17.636-10.188 2.352-1.764 2.94-1.764.78.194 2.94 1.96a81.2 81.2 0 0 0 18.616 9.6c1.436.52 2.416.2 2.936-.98q.395-1.956-1.76-2.94a72.7 72.7 0 0 1-18.424-9.6q-3.33-2.549-4.308-2.548-1.178-.001-4.312 2.548a60.5 60.5 0 0 1-18.028 9.8q-1.962.978-1.176 3.132m46.44 29.2c.92-.132 1.44-.784 1.568-1.96-.128-1.048-.652-1.568-1.568-1.568h-11.168q.389-.001.784-.392c1.568-1.96 3.464-5.228 5.68-9.8.396-1.176.068-2.088-.976-2.744-1.048-.392-1.828 0-2.352 1.176q-1.961 4.511-5.488 9.016c-.784 1.308-.652 2.22.392 2.744h-7.248v-14.304h17.832c1.04 0 1.632-.588 1.76-1.764-.128-1.048-.72-1.636-1.76-1.764h-17.832v-6.076h11.168q1.567-.001 1.76-1.76-.193-1.574-1.76-1.768h-26.26q-1.762.198-1.76 1.764-.002 1.764 1.76 1.764h10.976v6.076h-17.44c-1.176.128-1.764.72-1.764 1.76q.001 1.769 1.76 1.768h17.44v14.304h-19.4c-1.172 0-1.76.52-1.76 1.568q.001 1.763 1.76 1.96zm-35.076-5.684c.656 1.304 1.568 1.696 2.744 1.176.916-.52 1.112-1.504.588-2.94a61 61 0 0 0-4.312-7.64c-.912-.92-1.892-1.112-2.936-.592q-1.375 1.177-.392 2.744a82 82 0 0 1 4.308 7.252m84.292 7.248c.26.92.98 1.24 2.156.98q1.562-.389 1.372-1.96-.786-4.112-3.528-10.972c-.52-.912-1.308-1.24-2.352-.98-1.044.52-1.372 1.308-.98 2.352 0 .26.52 1.828 1.568 4.704l-4.312.588v-10.78h4.9c1.696.132 2.548-.848 2.548-2.936v-18.224q0-2.549-2.94-2.548h-4.508v-4.312q-.197-1.566-1.96-1.764c-1.176.132-1.76.72-1.76 1.76v4.316h-4.312q-3.335.001-3.136 2.936v18.224c-.264 1.96.912 2.812 3.528 2.548h3.92v10.976c-4.312.26-6.536.456-6.664.588q-1.961.194-1.96 1.96c.26 1.176 1.044 1.76 2.352 1.76.26-.128 5.356-.78 15.28-1.96.396 1.572.656 2.484.788 2.744m-21.164-41.932c1.176 0 1.76-.52 1.76-1.568 0-1.044-.584-1.632-1.76-1.764H439.12q-1.96.199-2.156 1.76.196 1.572 2.156 1.572zm-3.92 12.344c2.22.26 3.268-.848 3.136-3.332v-3.332q.198-3.33-2.94-3.132h-12.736c-2.22 0-3.268 1.04-3.136 3.132v3.332q-.196 3.331 3.136 3.332zm12.54 9.996q-1.369.191-1.172-.98v-14.308q-.198-1.175 1.368-1.372h2.548v16.66zm10.388-.98c0 .784-.392 1.108-1.176.98h-2.744v-16.66h2.548q1.373.001 1.372 1.568zm-24.104-12.348h-9.992q-1.176 0-1.176-1.176v-1.176q-.197-.782.98-.784h10.188q.982.002.98.784v1.372q.002.982-.98.98m-15.088 32.724c1.044-.128 1.632-.652 1.76-1.564v-20.38q-.191-1.373 1.376-1.372h14.696q.781-.001.98 1.372v17.048q0 1.764-3.528.588-1.564-.589-2.156.784-.39 1.564 1.176 2.156c4.964 1.564 7.58.52 7.84-3.136v-18.42q0-3.528-4.116-3.528h-16.068q-3.528.197-3.528 3.136v21.752c0 .912.52 1.436 1.568 1.564m9.992-2.152q1.572-.199 1.764-1.568v-7.64h4.508q2.55-1.572 0-3.336h-2.156a33 33 0 0 0 2.16-4.308c.128-.392.32-.784.584-1.176.26-1.176-.064-2.028-.98-2.548-1.176-.264-1.892.128-2.156 1.176q-.977 2.35-2.548 5.288-.587.982-.196 1.568h-6.66q-1.764.198-1.764 1.764c0 1.566.588 1.568 1.76 1.568h4.12v7.84q-.001 1.37 1.564 1.372m-4.308-14.112c.52 1.176 1.304 1.636 2.352 1.372 1.04-.52 1.372-1.372.98-2.548-.392-.784-.92-1.76-1.568-2.936-.264-.524-.392-.916-.392-1.176-.524-.916-1.308-1.24-2.352-.98-1.044.52-1.308 1.304-.784 2.352q.588 1.369 1.176 2.936.39.787.588.98m67.044-2.544c2.612 0 4.052-1.372 4.312-4.12-.26-2.608-1.7-4.048-4.312-4.308-2.612.26-3.984 1.7-4.116 4.312q.197 3.918 4.12 4.116zm39.808 19.2c1.176-.128 1.828-.72 1.96-1.76v-20.772c1.96 1.96 3.528 4.112 4.704 6.464q.78 1.764 2.544.588c.916-.784 1.112-1.76.588-2.94a75 75 0 0 0-7.84-9.208v-.98h6.468q3.138-1.962 0-4.116h-6.464v-8.032q.589-.001 1.76-.2 2.942-.389 4.312-.976 1.572-.588 1.176-2.352c-.392-1.044-1.108-1.504-2.152-1.372q-6.079 1.564-15.68 2.156c-1.04.128-1.5.784-1.372 1.96.132 1.176.72 1.76 1.764 1.76 2.48 0 4.64-.128 6.468-.388v7.444h-7.448q-3.131 1.962-.196 4.116h7.056q-3.331 8.622-8.816 13.128-1.177 1.571-.2 3.136 1.176.978 2.94-.588a31.4 31.4 0 0 0 6.664-9.208v20.38c0 1.04.588 1.632 1.76 1.76zm28.02.588c1.176-.128 1.832-.72 1.96-1.76v-11.56c.656-.132 2.352-.396 5.096-.788q1.373-.194 1.372-1.96c-.26-1.304-.848-1.96-1.764-1.96q-.587.199-2.548.392a13 13 0 0 1-2.156.2v-26.064q-.194-1.566-1.96-1.764c-1.304.132-1.96.72-1.96 1.76v26.652q-3.33.589-9.012 1.568c-3.268.52-6.336.98-9.212 1.372-1.172.264-1.696 1.044-1.564 2.352q.589 1.765 2.348 1.568 1.962-.197 5.88-.784c4.44-.784 8.296-1.44 11.56-1.96v11.172c0 .912.656 1.436 1.96 1.564m-6.856-31.94q.977 1.567 2.548.392c.784-.784.912-1.76.392-2.94a45.7 45.7 0 0 0-7.84-8.816q-1.566-.979-2.94.196-1.175 1.567.392 2.744 3.721 3.33 7.448 8.424m-2.94 10.78q1.174 1.562 2.744.196 1.175-1.176.196-2.94a32.2 32.2 0 0 0-7.252-7.84q-1.567-.977-2.744.392c-.784 1.044-.72 1.896.2 2.548a39 39 0 0 1 6.856 7.64zm67.632 20.572c1.44.392 2.416-.064 2.94-1.368q.589-1.766-1.372-2.548c-3.788-1.176-7.968-3.4-12.54-6.664q6.268-5.293 9.8-14.108 1.37-4.902-2.552-5.292h-9.404v-7.056h12.736q1.572.001 1.764-1.96c-.128-1.172-.72-1.828-1.76-1.96h-12.74v-2.936q-.197-1.566-1.96-1.764-1.961-.002-1.96 1.568v3.136h-11.364q-1.566.194-1.764 1.96c.132 1.304.72 1.96 1.76 1.96h11.368v7.052h-9.012q-1.766.197-1.96 1.96c.128 1.308.72 1.96 1.76 1.96h19.796c.784.26 1.04.848.784 1.76a30.3 30.3 0 0 1-8.624 10.78q-2.941-1.765-8.816-9.992c-.92-1.048-1.896-1.24-2.94-.588-.916.784-.98 1.76-.2 2.94q5.099 7.835 8.428 10.384-4.116 3.137-13.128 6.076c-1.44.392-2.024 1.24-1.764 2.548.52 1.176 1.504 1.568 2.94 1.176a99.6 99.6 0 0 0 15.284-6.86 71.3 71.3 0 0 0 14.5 7.84zm-42.324-.78c4.832 1.04 7.444 0 7.84-3.136v-14.7q3.523-1.369 5.288-2.936c.652-.524.784-1.24.392-2.16q-.978-1.368-2.16-.78c-1.564 1.044-2.74 1.696-3.52 1.96v-9.996h3.916q1.567-.001 1.76-1.76-.193-1.571-1.76-1.768h-3.92v-7.444q-.197-1.375-1.96-1.568-1.762.196-1.76 1.568v7.444h-4.704q-1.572.198-1.764 1.764c.128 1.176.72 1.764 1.76 1.764h4.704v11.368c-2.612 1.176-4.64 1.892-6.072 2.156-1.176.52-1.636 1.368-1.372 2.544.392 1.048 1.24 1.372 2.548.98q2.352-.391 4.896-1.76v12.148c.132 1.176-.98 1.436-3.328.784q-1.964-.588-2.548 1.176c-.132 1.04.456 1.828 1.76 2.352z", "fill": originColor ? "#ec681b" : "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/BankSpdb.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 BankSpdb: DefineComponent<IconProps>;

package/packages/vue/icons/BankSpdb.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 BankSpdb = defineComponent({
+  name: "BankSpdb",
+  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.7 14.95 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("rect", { "fill": originColor ? "#fff" : "currentColor", "height": "98.6", "rx": "21.569", "ry": "21.569", "width": "98.6", "x": "14.7", "y": "14.95" }), h("path", { "d": "M72.877 77.029c7.96 15.889 27.74 13.28 32.158-.252 0 0 1.347-3.098 1.465-8.767V40.29L93.567 28v33.84s-1.411 16.178-20.685 15.19zM58.122 58.267c-.336-20.644 25.84-22.016 32.962-7.175 0 0-18.56.255-20.513 15.814 0 0 .24 19.193-14.404 21.17 0 0-15.864 2.791-20.02-10.8 0 0 21.25 2.965 21.974-19.01M22.603 51.53S21.5 56.236 21.5 60.49v27.713L34.443 100.5l.005-33.84s1.392-16.182 20.688-15.193c-7.968-15.893-28.115-13.463-32.533.064", "fill": originColor ? "#012882" : "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/BankSqccb.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 BankSqccb: DefineComponent<IconProps>;