@nstc-design/icons 0.2.0 → 0.2.1

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("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("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>;

package/packages/vue/icons/BankSqccb.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 BankSqccb = defineComponent({
+  name: "BankSqccb",
+  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": "M76 552v104s42-35.2 121.6-61.6c92.8-30.4 237.6-49.2 385.6 9.6 33.2 13.2 65.2 33.2 95.2 52 0 0 70-73.2 269.6-88.8V552zm101.6-148v28h-62s-13.2-1.2-13.2 10.4 10 11.2 10 11.2h36.4s34.4-1.2 34.4 39.2c0 38.8-32 38.8-32 38.8H76v-28h65.2s14 1.2 14-12.4-13.2-12.4-13.2-12.4h-31.6s-34.4 2-34.4-35.6 30.8-39.2 30.8-39.2zm118 0v27.6h-55.2c-13.2 0-20 14-20 36.4 0 36.8 22 36 22 36h52.8v28s-22.8.4-57.6 0-54.4-38.8-46.4-82c8.4-43.6 44.8-46 44.8-46zm82 48.4s9.6 0 9.6-10-9.6-11.2-9.6-11.2H342v21.2zm0 51.2s9.6 0 9.6-10-9.6-11.2-9.6-11.2H342v21.2zm28.8-35.6s7.2 6.8 8.8 20c1.6 14.4-2.8 38.8-29.6 44h-74.4V404h74.4s13.2 1.2 22 11.6c9.2 11.2 13.6 32.8-1.2 52.4", "fill": originColor ? "#e50113" : "currentColor" }), h("path", { "d": "M522.4 502c18-17.2 7.2-62.8-14.4-69.6-16.8-5.2-35.6 8-42.8 14.4l-1.2 48c12.8 20 41.6 23.6 58.4 7.2m4.8-89.6c40.4 15.2 39.6 92 8 113.2-10.4 6.8-28.4 10.4-39.6 8.8-14.8-2.4-25.6-11.2-31.6-16.8l-.4 14H440V368h26l-.4 55.2c7.6-6.8 29.2-22.8 61.6-10.8m68 98.8c13.6 10.4 34.4-1.6 44-8.4-.4-8 0-16.8.4-25.2-48.8-2.8-61.6 20.8-44.4 33.6m69.6-8.8c0 11.6 10 16.8 10 16.8L654 534c-5.6-2.8-9.2-7.6-11.6-13.6-5.6 5.2-16 12-33.6 14.4-56 8.4-56.4-49.6-31.6-65.2 18-11.6 52.8-11.2 63.6-11.2.4-8 0-14.8-2.4-19.2-13.6-26.8-63.6-1.6-63.6-1.6l-6.8-20c103.2-40.4 98.4 30.8 98.4 30.8s-1.6 42.4-1.6 54m98.8-94.4c33.2 5.2 36.4 30 36.4 45.2v78.4h-27.6v-72s1.6-29.6-22-30c-18.4-.4-30 10.4-36 19.6.8 31.6 2 82.4 2 82.4h-28.8V422l-3.6-9.6h23.2s6 5.2 6.4 11.2c7.2-6 24.4-20 50-15.6M944 531.2h-38.8l-57.6-56v56H820V368h27.6v100.4l55.6-56h34l-56.8 57.2z", "fill": originColor ? "#231916" : "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/BankSrbank.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 BankSrbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankSrbank.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 BankSrbank = defineComponent({
+  name: "BankSrbank",
+  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": "M613.2 188c106 0 197.6 63.6 238.8 154.8l-117.6 64.8c59.2 22.8 100.8 80 100.8 146.8 0 54.8-28 102.8-70.8 131.2-7.2 4.8-14.8 8.8-22.4 12.4L548.4 804.4v-70.8l7.2-1.2c.8 0 2-.4 2.8-.4l1.2-.4c.8 0 1.6-.4 2.4-.4l1.2-.4c.8 0 1.6-.4 2.4-.4l1.6-.4c.8 0 1.6-.4 2.4-.8l1.2-.4c.8-.4 1.6-.4 2.4-.8l1.2-.4c4-1.2 8.4-2.4 12.4-4l.8-.4c.8-.4 1.6-.4 2.4-.8l1.2-.4c.8-.4 1.6-.4 2.4-.8l1.2-.4c.8-.4 1.6-.8 2.4-.8.4 0 .8-.4 1.2-.4.8-.4 1.6-.8 2.4-.8l.8-.4c2.8-1.2 5.2-2.4 8-3.6l.8-.4c.8-.4 1.6-.8 2-1.2l1.2-.4c.8-.4 1.2-.8 2-1.2l1.2-.8c.8-.4 1.2-.8 2-1.2l1.2-.8c.8-.4 1.2-.8 2-1.2l1.2-.8c.8-.4 1.2-.8 2-1.2l.8-.4c2.4-1.6 4.4-2.8 6.4-4.4.4-.4.8-.4 1.2-.8s1.2-.8 1.6-1.2.8-.8 1.2-.8c.4-.4.8-.8 1.6-1.2l1.2-1.2c.4-.4.8-.8 1.6-1.2l1.2-1.2c.4-.4.8-.8 1.6-1.2l1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2c.8-.8 1.6-1.6 2.4-2l1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2c.4-.4.8-.8 1.2-1.6.4-.4.8-.8.8-1.2.4-.4.8-1.2 1.2-1.6s.4-.8.8-.8c.8-.8 1.2-1.6 2-2.4.4-.4.4-.8.8-1.2s.8-1.2 1.2-1.6.4-.8.8-1.2.8-1.2 1.2-1.6.4-.8.8-1.2.8-.8.8-1.6c.4-.4.4-.8.8-1.2s.8-1.2.8-1.6c.4-.4.4-.8.8-1.2s.8-1.2.8-1.6.4-.8.4-1.2l1.2-2.4.4-.8c.4-.8.8-2 1.2-2.8 0-.4.4-.4.4-.8.4-.8.4-1.2.8-2 0-.4.4-.8.4-1.2.4-.4.4-1.2.8-1.6 0-.4.4-.8.4-1.2.4-.8.4-1.2.8-2 0-.4.4-.8.4-1.2.4-.8.4-1.2.8-2 0-.4.4-.8.4-1.2 0-.8.4-1.2.4-2 0-.4.4-.8.4-1.2.4-.8.4-1.6.8-2.8v-.4c.4-1.2.4-2 .8-3.2v-1.2c0-.8.4-1.6.4-2s0-.8.4-1.2c0-.8 0-1.2.4-2v-1.2c0-.8 0-1.2.4-2v-18c0-.8 0-2-.4-2.8v-.8c0-.8 0-1.6-.4-2.4v-.8c0-.8-.4-2-.4-2.8v-.8c0-.8-.4-1.6-.4-2.4v-.8c-.4-.8-.4-2-.8-2.8s-.4-2-.8-2.8l-.4-.8c-.4-.8-.4-1.6-.8-2.4v-.4c-.4-.8-.4-2-.8-2.8l-.4-.8c-.4-.8-.4-1.6-.8-2l-.4-.8c-.4-.8-.8-1.6-1.2-2.8l-.4-.8c-.4-.8-.4-1.2-.8-2l-.4-.8-1.2-2.4-.4-.8c-.4-.8-.8-1.6-1.2-2l-.4-.8c-.4-.8-.8-1.2-1.2-2 0-.4-.4-.4-.4-.8l-1.2-2.4c-.4-.4-.4-.8-.8-1.2s-.8-1.2-.8-1.6c-.4-.4-.4-.8-.8-.8-.4-.8-.8-1.6-1.6-2.4-.4-.4-.4-.8-.8-1.2s-.8-.8-1.2-1.6c-.4-.4-.4-.8-.8-1.2-.4-.8-.8-1.2-1.2-1.6s-.8-.8-1.2-1.6l-1.2-1.2c-.4-.4-.8-.8-.8-1.2l-1.2-1.2c-.4-.4-.8-1.2-1.2-1.6s-.8-1.2-1.2-1.6l-1.2-1.2-.8-1.2-1.2-1.2c-.4-.8-1.2-1.2-1.6-2l-1.2-1.2-.8-.8-1.2-1.2-.8-.8-2.4-2.4-.8-.8c-.4-.4-.8-.8-1.6-1.2l-.8-.8c-1.2-.8-2-1.6-3.2-2.4l-.4-.4c-.4-.4-1.2-.8-1.6-1.2l-.8-.4c-2-1.6-3.6-2.8-5.6-4l-.4-.4c-2-1.6-4-2.8-6-4h-.4c-.8-.4-1.6-.8-2-1.2-2.4-1.2-4.4-2.8-6.8-4h-.4c-2.4-1.2-4.8-2.4-6.8-3.6h-.4l-7.2-3.6c-15.6-6.8-32.8-12-51.2-15.2l1.2-.4h-83.6c-15.2 0-28-12.8-28-28v-53.2c0-15.6 12.4-28 28-28h90.8c15.2 0 28 12.8 28 28v52.8c0 3.2-.4 6.4-1.6 9.2L686.4 398c-10-56-66-100.8-138-112v-89.6q31.2-8.4 64.8-8.4m33.6 500.8 1.2-1.2", "fill": originColor ? "#f8a600" : "currentColor" }), h("path", { "d": "M410.8 832c-106 0-197.6-63.6-238.8-154.8l117.6-64.8c-59.2-22.8-100.8-80-100.8-146.8 0-54.8 28-102.8 70.8-131.2 7.2-4.8 14.8-8.8 22.4-12.4l193.6-106.4v70.8l-7.2 1.2c-.8 0-2 .4-2.8.4l-1.2.4c-.8 0-1.6.4-2.4.4l-1.2.4c-.8 0-1.6.4-2.4.4l-1.6.4c-.8 0-1.6.4-2.4.8l-1.2.4c-1.2.4-2 .8-2.8.8l-1.2.4c-4 1.2-8.4 2.4-12.4 4l-.8.4c-.8.4-1.6.4-2.4.8l-1.2.4c-.8.4-1.6.4-2.4.8l-1.2.4c-.8.4-1.6.4-2.4.8-.4 0-.8.4-1.2.4-.8.4-1.6.8-2.4.8l-.8.4c-2.8 1.2-5.2 2.4-8 3.6l-.8.4c-.8.4-1.6.8-2 1.2l-.4 1.2c-.8.4-1.2.8-2 1.2l-1.2.8c-.8.4-1.2.8-2 1.2l-1.2.8c-.8.4-1.2.8-2 1.2l-1.2.8c-.8.4-1.2.8-2 1.2l-.8.4c-2.4 1.6-4.4 2.8-6.4 4.4-.4.4-.8.4-1.2.8s-1.2.8-1.6 1.2-.8.8-1.2.8c-.4.4-.8.8-1.6 1.2l-1.2 1.2c-.4.4-.8.8-1.6 1.2l-1.2 1.2c-.4.4-.8.8-1.6 1.2l-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2c-.8.8-1.6 1.6-2.4 2l-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2-1.2 1.2c-.4.4-.8.8-1.2 1.6-.4.4-.8.8-.8 1.2-.4.4-.8 1.2-1.2 1.6s-.4.8-.8.8c-.8.8-1.2 1.6-2 2.4-.4.4-.4.8-.8 1.2s-.8 1.2-1.2 1.6-.4.8-.8 1.2-.8 1.2-1.2 1.6-.4.8-.8 1.2-.8.8-.8 1.6c-.4.4-.4.8-.8 1.2s-.8 1.2-.8 1.6c-.4.4-.4.8-.8 1.2s-.8 1.2-.8 1.6-.4.8-.4 1.2l-1.2 2.4-.4.8c-.4.8-.8 2-1.2 2.8 0 .4-.4.4-.4.8-.4.8-.4 1.2-.8 2 0 .4-.4.8-.4 1.2-.4.4-.4 1.2-.8 1.6 0 .4-.4.8-.4 1.2-.4.8-.4 1.2-.8 2 0 .4-.4.8-.4 1.2-.4.8-.4 1.2-.8 2 0 .4-.4.8-.4 1.2 0 .8-.4 1.2-.4 2 0 .4-.4.8-.4 1.2-.4.8-.4 1.6-.8 2.8v.4c-.4 1.2-.4 2-.8 3.2v1.2c0 .8-.4 1.6-.4 2s0 .8-.4 1.2c0 .8 0 1.2-.4 2v1.2c0 .8 0 1.2-.4 2v18c0 .8 0 2 .4 2.8v.8c0 .8 0 1.6.4 2.4v.8c0 .8.4 2 .4 2.8v.8c0 .8.4 1.6.4 2.4v.8c.4.8.4 2 .8 2.8s.4 2 .8 2.8l.4.8c.4.8.4 1.6.8 2.4v.4c.4.8.4 2 .8 2.8l.4.8c.4.8.4 1.6.8 2l.4.8c.4.8.8 1.6 1.2 2.8l.4.8c.4.8.4 1.2.8 2l.4.8 1.2 2.4.4.8c.4.8.8 1.6 1.2 2l.4.8c.4.8.8 1.2 1.2 2 0 .4.4.4.4.8l1.2 2.4c.4.4.4.8.8 1.2s.8 1.2.8 1.6c.4.4.4.8.8.8.4.8.8 1.6 1.6 2.4.4.4.4.8.8 1.2s.8.8 1.2 1.6c.4.4.4.8.8 1.2.4.8.8 1.2 1.2 1.6s.8.8 1.2 1.6l1.2 1.2c.4.4.8.8.8 1.2l1.2 1.2c.4.4.8 1.2 1.2 1.6s.8 1.2 1.2 1.6l1.2 1.2.8 1.2 1.2 1.2c.4.8 1.2 1.2 1.6 2l1.2 1.2.8.8 1.2 1.2.8.8 2.4 2.4.8.8c.4.4.8.8 1.6 1.2l.8.8c1.2.8 2 1.6 3.2 2.4l.4.4c.4.4 1.2.8 1.6 1.2l.8.4c2 1.6 3.6 2.8 5.6 4l.4.4c2 1.6 4 2.8 6 4h.4c.8.4 1.6.8 2 1.2 2.4 1.2 4.4 2.8 6.8 4h.4c2.4 1.2 4.8 2.4 6.8 3.6h.4l7.2 3.6c15.6 6.8 32.8 12 51.2 15.2l-1.2.4h82.4c15.2 0 28 12.8 28 28v52.8c0 15.6-12.4 28-28 28h-90c-15.2 0-28-12.8-28-28v-53.2c0-3.2.4-6.4 1.6-9.2L337.6 622c10 56 66 100.8 138 112v89.6q-31.2 8.4-64.8 8.4m-33.6-500.8-1.2 1.2", "fill": originColor ? "#e63125" : "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/BankSsbank.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 BankSsbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankSsbank.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 BankSsbank = defineComponent({
+  name: "BankSsbank",
+  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": "115.28 107.28 793.44 793.44", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M21.333 512a490.667 490.667 0 1 0 981.334 0 490.667 490.667 0 1 0-981.334 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M748.587 502.315a288.981 288.981 0 1 1-577.92-.043 288.981 288.981 0 0 1 577.92.043", "fill": originColor ? "#2ba1cd" : "currentColor" }), h("path", { "d": "M853.333 502.315a288.896 288.896 0 1 1-577.834 0 288.896 288.896 0 0 1 577.834 0", "fill": originColor ? "#ce4926" : "currentColor" }), h("path", { "d": "M512 218.24a288.98 288.98 0 0 0-236.587 284.075A288.98 288.98 0 0 0 512 786.475a288.98 288.98 0 0 0 236.587-284.16A288.98 288.98 0 0 0 512 218.283", "fill": originColor ? "#1c79b7" : "currentColor" }), h("path", { "d": "M719.275 483.115h-44.502v-30.72h44.502c6.485 0 11.434 1.28 14.592 3.712 2.432 1.92 4.01 4.394 4.01 10.965 0 5.248-1.578 9.13-4.821 11.69a20.9 20.9 0 0 1-13.781 4.395zm-44.502 32.768H723.2c7.296 0 12.928 1.621 16.64 4.864 3.584 3.072 5.333 7.509 5.333 13.568 0 5.888-1.45 9.386-5.376 12.885q-5.631 4.992-16.64 4.992h-48.384zm100.822-8.875a38.3 38.3 0 0 0-14.208-11.69 38.78 38.78 0 0 0 15.744-32c0-14.72-5.248-25.942-15.531-33.366-9.685-6.997-22.528-10.581-38.187-10.581H635.52v165.973h83.584c10.965 0 20.565-1.28 28.587-3.627 8.234-2.389 15.146-5.845 20.48-10.069a40.36 40.36 0 0 0 12.373-15.744 48.2 48.2 0 0 0 3.883-19.243c0-11.733-2.987-21.717-8.832-29.653m-388.139-9.472c-12.075-7.125-29.056-10.71-56.704-11.947-24.107-1.152-39.808-3.072-46.72-5.589-4.181-1.621-6.4-3.84-6.23-10.581.171-6.358 1.707-8.832 6.571-10.88 6.998-2.944 20.992-4.608 38.486-4.608l7.552.085a415 415 0 0 1 61.354 7.424l6.656 1.707v-36.523l-4.437-.725a428 428 0 0 0-72.021-6.315c-22.144 0-51.67 2.56-66.944 15.104-10.88 8.96-15.062 18.73-15.403 36.139-.341 16.042 5.717 28.074 17.92 35.754 12.117 7.68 33.621 10.24 62.25 11.606 19.5.938 33.963 2.218 41.43 5.589 3.968 1.707 6.101 4.096 6.144 11.477 0 5.547-1.835 8.747-6.827 11.35-3.968 2.133-13.994 4.693-38.528 4.778l-10.368-.17a306.7 306.7 0 0 1-59.69-7.894l-6.656-1.706v36.522l4.608.811a418 418 0 0 0 65.365 6.187h4.907c23.552 0 52.778-1.622 69.546-14.507 13.355-10.112 15.915-25.344 15.744-36.31-.213-17.749-6.101-29.738-17.92-36.693m159.83-61.354-26.88 90.538-27.008-90.538a23.64 23.64 0 0 0-22.699-16.896h-45.27v165.802h40.15V470.571l34.987 114.602h39.68l34.901-114.602v114.602h40.192V419.371h-45.397a23.64 23.64 0 0 0-22.656 16.938", "fill": originColor ? "#fefefe" : "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/BankSsvb.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 BankSsvb: DefineComponent<IconProps>;

package/packages/vue/icons/BankSsvb.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 BankSsvb = defineComponent({
+  name: "BankSsvb",
+  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": "M697.6 266 920 443.2 532 582z", "fill": originColor ? "#aecd51" : "currentColor" }), h("path", { "d": "m203.2 388 724.4 58.8-448 107.2z", "fill": originColor ? "#fcde00" : "currentColor" }), h("path", { "d": "m112 842 800.8-395.2L363.6 582z", "fill": originColor ? "#e42055" : "currentColor" }), h("path", { "d": "m874.8 460-322 75.2L528 578z", "fill": originColor ? "#b43a2a" : "currentColor" }), h("path", { "d": "m616 421.6 316.4 25.2-379.6 88.4z", "fill": originColor ? "#b0c60c" : "currentColor" }), h("path", { "d": "m504 514 73.6-114.8-384-58.4 313.6 176.4 1.6-.4zm79.2-124 132-206 4-6 4.4 5.6 209.2 259.2 5.2 6.4-6 3.2-817.2 448-30 12.8 21.2-22.4 391.6-367.6L174 341.6l-24.4-16 29.6 2.8zm136.4-194.4L594 391.6l323.2 49.2zM588.4 400.8l-73.2 114.8L898 448zM900 458l-392 69.2-374.4 351.2z", "fill": originColor ? "#9ed4dc" : "currentColor" }), h("path", { "d": "M717.2 168c10.8 0 20 8.8 20 20s-8.8 20-20 20-20-8.8-20-20 8.8-20 20-20m210.4 262c10.8 0 20 8.8 20 20s-8.8 20-20 20-20-8.8-20-20 9.2-20 20-20m-422 64.8c13.6 0 24.8 11.2 24.8 24.8s-11.2 24.8-24.8 24.8-24.8-11.2-24.8-24.8 11.2-24.8 24.8-24.8m-344-185.6c10.8 0 20 8.8 20 20 0 10.8-8.8 20-20 20s-20-8.8-20-20 9.2-20 20-20M96 884.4c10.8 0 20 8.8 20 20 0 10.8-8.8 20-20 20s-20-8.8-20-20 8.8-20 20-20", "fill": originColor ? "#00a6dd" : "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/BankSxcb.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 BankSxcb: DefineComponent<IconProps>;