@nstc-design/icons 0.2.0 → 0.2.2

package/packages/vue/icons/BankXsrcb.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 BankXsrcb = defineComponent({
+  name: "BankXsrcb",
+  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": "M234.4 448c-18 0-32.8 14.4-32.8 32.4s14.8 32.4 32.8 32.4 32.8-14.4 32.8-32.4c0-17.6-14.8-32.4-32.8-32.4m208.8-46.8s-98.4-93.6-234-11.6c-31.6 19.2-50 47.6-59.6 74-31.2 86 40.8 188.8 137.2 198.8 0 0 89.2 18 152.4-28.4l34 30s-130 93.6-279.6 9.2c-149.6-84.8-120.8-290 42-344.4 0 0 136.4-49.2 248.4 46.8l-18.4 11.6z", "fill": originColor ? "#f4811f" : "currentColor" }), h("path", { "d": "M795.6 419.2h39.2l-1.2 59.2 8-1.2 45.6-55.2h38.4l-60.4 72 66.8 80.8h-44.4l-49.2-60.4h-3.2v61.2h-40.4zM638.8 575.6l-.8-157.2s45.6-9.6 57.2 30.4l32.4 63.2 5.2-.8.8-92.8 37.6.8v156.4h-34L678 488l1.2 87.6zm-108-62 20-60 20.8 60zm-58.4 60.8 42.4.8 9.2-32 56 .8 11.6 32 35.6-1.2-47.6-136c-16.4-28.8-40.8-20.4-50.8-10.8-9.6 9.2-56.4 146.4-56.4 146.4m-174-16.4 1.6-97.6s13.2-49.2 74.4-48.4 75.2 39.2 77.6 55.6-7.6 42.4-28 49.2c0 0 52 26.4 25.6 75.2-26.4 49.2-131.6 68.8-182 34.4s-45.6-31.2-24.8-51.6c0 0 5.6-4.8 14.8 4 9.2 9.2 63.6 54 130.8 18.8 0 0 38.8-10 27.2-45.2 0 0-10-18-38-18.8V508s46.4-10.8 30-44.4c0 0-13.2-27.2-50.4-13.2 0 0-16.4 8.4-17.6 17.2l-.8 90.8s-18.4 23.6-34 6.4l-4-2.8zm1.6-2.4v-95.2z", "fill": originColor ? "#00adee" : "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/BankXtb.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 BankXtb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXtb.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 BankXtb = defineComponent({
+  name: "BankXtb",
+  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": "M179.4 549.708c31.7-100.64 154.572-184.8 246.712-221.24a129 129 0 0 1 17.652-5.564c.264-.132 9.104-2.4 8.816-.784-.108.392-.892.392-1.808.784-.784.26-1.44 1.02-2.456 1.516-1.176.624-2.748 2.168-3.4 2.664-.888.784 0 .26-.104 1.148-.264 1.908 1.148 1.384 3.372 1.152 5.728-.524 16.74-5.096 18.832-5.36 1.44-.256 2.98-.756 3.764-.884 3.768-.368 2.88.52.788 2.168-2.096 1.408-5.6 4.076-9.236 6.084-79.348 44.408-191.472 119.48-186.4 216.02 4.136 78.492 116.52 78.44 171.208 79.848 6.64.108 14.04.368 19.22 1.752 4.292 1.176 7.532.26 7.532 2.56 0 0-1.8 1.02-2.588 1.252-2.88.784-7.664 2.928-8.448 4.336-.26.496-1.828 2.404-1.308 3.136.392.652 1.7.916 2.88 1.308.912.26 1.828.756 1.828.888.628 1.512 9.468.104 8.944 2.532-.26 1.516-4.16 2.796-4.548 4.308-.132.888.52 1.776.652 2.536.264 1.28 0 2.428-.652 3.448-2.46 3.92-11.692 2.64-11.04 5.432.264 1.28 9.104 3.32 9.86 4.076.656.496 2.616.628 4.708 1.384 1.544.52 4 1.644 5.832 2.04 2.328.388 4.292 2.036 5.964 2.92 2.484.996 4.42 1.256 4.42 1.648 0 .888-1.828 1.256-3.636 2.04-3.504 1.384-8.708 2.792-11.952 4.176.264.264 1.18.628 1.44.888 1.044 1.152 1.412 2.168 3.14 2.796 2.952 1.02 6.588.628 8.42 3.92.132.26-.26.652-.26.912.784 1.776 1.176 3.656.392 6.088-1.44 4.44-12.084 6.84-9.232 10.656 1.304 1.776 4.024 3.292 7.008 4.44 2.352.784 4.812 1.384 6.88 2.14 4.024 1.672 4.704 5.748 7.66 7.628 3.14 2.168 8.448 2.168 5.86 2.432-.132.52-2.616 1.384-3.664 1.748-2.952 1.308-8.42 1.908.524 3.32 12.112 1.904 27.828 3.392 25.108 3.288-.4.596-.936 1.08-1.568 1.412-1.44.888-3.792 1.644-5.076 2.14-61.72 22.596-146.772 13.06-208.888-.992-91.04-20.452-163.148-86.956-133.124-182.14zm311.152-165.396 53.28-13.684c10.248-2.3 16.632-4.964 22.096 5.328l2.04 25.492c.132 16.248-8.16 21.212-21.812 25.652l-55.6 14.208v-56.996z", "fill": originColor ? "#6fb92c" : "currentColor" }), h("path", { "d": "M851.792 381.28c-5.204 112.716-229.944 247.732-360.872 259.8V496.632c130.82-19.016 239.152-87.164 241.608-140.608 3.532-77.944-181.848-50.02-235.384-34.532l.132-10.656c32.876-12.536 100.432-31.868 167.828-34.14 95.488-3.32 190.716 22.2 186.688 104.588z", "fill": originColor ? "#00398f" : "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/BankXwbank.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 BankXwbank: DefineComponent<IconProps>;

package/packages/vue/icons/BankXwbank.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 BankXwbank = defineComponent({
+  name: "BankXwbank",
+  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 127.78 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": "M736.427 533.973c5.76-24.661 11.52-49.322 17.834-74.496 2.56-11.52 5.206-23.552 7.851-35.114 5.547-23.808 26.88-40.619 51.37-40.363h18.86v84.907c-1.537 8.96-2.091 18.389-6.273 26.752-6.826 28.33-13.653 57.173-19.925 85.461-4.181 17.835-8.405 35.157-12.075 52.95a35.24 35.24 0 0 1-24.618 27.818c-3.67 2.645-7.339 2.645-11.52 2.09-15.787-1.066-31.488-.511-47.232 0-7.339 0-15.19.555-22.016-3.669a7.04 7.04 0 0 1-3.158-3.669c.555-3.157 3.158-2.09 5.291-2.09 12.544.511 17.28-3.158 19.925-15.233l10.966-47.146 9.429-42.496c2.133-5.248 2.133-11.008 5.29-15.702", "fill": originColor ? "#5cb348" : "currentColor" }), h("path", { "d": "M171.733 661.888c14.678-18.347 28.8-36.693 43.52-55.04l58.155-73.941c1.067-1.579 2.645-3.158 2.645-5.76a9.2 9.2 0 0 1 2.134-2.646 1524 1524 0 0 1 36.693-46.122c2.56-3.158 4.693-6.315 6.827-9.984a10.6 10.6 0 0 1 2.048-2.56c11.008-12.118 20.48-24.704 30.421-37.291 4.693-6.272 10.496-12.544 15.744-18.859 6.272-6.826 12.032-14.165 20.437-18.346 7.339-4.224 14.678-6.827 23.04-6.827 24.704-.512 49.835 0 74.496 0 1.067 0 2.603 0 3.627 1.067.555 1.024 1.621 1.536 2.133 2.09 2.646 2.603 1.579 3.67-1.578 4.694-2.603.554-5.803 0-8.363 1.066a34.43 34.43 0 0 0-14.165 10.496c-8.96 11.008-18.347 22.016-26.24 34.091-2.603 2.56-6.315 4.181-8.363 7.339L387.2 505.6c-6.272 7.85-12.032 15.744-17.835 23.595-4.181 8.917-11.008 15.701-17.28 23.04-9.984 12.629-19.413 25.728-29.866 37.76-7.894 5.248-12.075 13.653-17.835 20.992-8.96 10.496-17.323 22.016-25.728 32.512-11.008 13.653-25.685 19.925-43.52 19.925h-55.51c-3.157 0-5.802.512-7.85-1.579z", "fill": originColor ? "#34b6e8" : "currentColor" }), h("path", { "d": "M551.339 537.6c9.941-41.941 19.37-84.395 29.354-126.293 3.67-16.299 16.768-26.24 33.024-26.795h56.107c6.827 0 13.099 2.133 17.835 7.339-2.134 2.133-4.224 1.066-6.315 1.066-8.917-.554-15.701 4.182-17.792 12.587-7.381 31.445-15.232 62.379-21.504 93.867a948 948 0 0 0-16.256 66.56c-2.133 9.984-4.224 19.925-7.893 29.354a1160 1160 0 0 1-9.942 40.363c-4.224 16.81-16.213 26.752-33.578 26.752-17.792.512-35.627 0-53.462 0-7.893 0-15.232-1.579-20.48-7.85 1.622-2.134 3.712-1.067 5.803-1.067 9.941.512 15.701-3.115 18.347-12.587 5.76-19.925 8.917-39.85 14.165-59.733 2.603-11.051 5.248-21.547 7.339-32.512 2.09-3.158 2.602-7.382 5.248-11.008z", "fill": originColor ? "#5cb348" : "currentColor" }), h("path", { "d": "M548.181 548.65c-2.645 18.86-7.893 37.206-12.074 55.553-2.603 11.008-4.694 22.528-7.851 33.578-5.248 17.835-8.405 19.371-27.264 17.835a29.4 29.4 0 0 1-12.587-19.968c-6.314-26.71-12.586-54.016-18.858-80.725-7.894-35.115-16.256-70.272-24.15-105.387-.512-2.603-3.114-5.248-2.56-8.405a2.56 2.56 0 0 1 0-3.67c0-2.602 1.536-4.693 3.072-6.826 8.406-10.454 16.811-21.462 25.174-31.446 2.645-3.669 7.381-5.248 11.008-6.826 10.538-1.024 21.504-3.627 28.885 7.338a32.85 32.85 0 0 1 6.272 15.232c8.917 39.296 17.835 78.678 27.264 117.974 0 .512.512.512.512 1.066 2.645 4.694 4.693 9.387 3.157 14.678m93.312-48.767c1.579-13.654 5.803-27.307 8.406-40.406 3.669-17.834 7.85-35.626 12.032-53.461 2.645-11.008 11.05-16.768 22.57-14.165h3.67c6.826 4.736 11.008 11.008 12.586 19.413 9.43 40.363 18.347 80.213 27.776 120.576 0 1.067.512 1.579 1.067 2.133 3.157 4.694 3.157 9.387 3.157 14.678-3.712 22.016-9.429 44.032-14.677 66.048-2.645 9.941-4.224 19.925-7.381 29.866-3.115 9.984-10.454 13.142-20.438 11.051-1.578-.555-3.114 0-4.181 0l-.555-.555c-5.205-6.272-8.362-14.165-13.098-20.48-3.67-16.768-8.363-32.981-12.032-49.792-2.134-9.386-4.224-18.858-5.76-28.288-2.134-10.496-6.315-20.48-7.382-31.445 0-1.621 0-3.67-.512-5.248a85 85 0 0 0-1.578-5.803 16.04 16.04 0 0 1-3.67-14.122", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "M322.219 590.08c2.048-6.827 7.85-12.075 12.032-17.323 10.496-13.653 20.949-26.752 31.488-39.85a7.04 7.04 0 0 1 3.626-3.158c25.174 33.536 49.835 67.627 75.008 101.206a33.3 33.3 0 0 0 4.182 4.693c8.405 7.381 13.653 17.323 19.413 26.752-1.579 2.133-3.712 1.067-5.803 1.067h-58.197a53.76 53.76 0 0 1-44.544-22.571c-12.587-16.768-24.661-34.048-37.248-50.859z", "fill": originColor ? "#157abe" : "currentColor" }), h("path", { "d": "M323.755 467.37c-.512.513-1.067 1.537-1.579 2.091-6.272-2.133-9.387-7.338-12.587-12.586-1.536-2.646-2.09-6.827-6.826-3.158-1.024 1.067-2.56 0-3.627-.512-1.579-1.066-1.067-2.645 0-4.181 2.603-3.157 1.024-5.803-1.067-8.405-4.266-6.272-8.96-12.246-14.122-17.835-3.712-3.67-5.291-8.917-8.406-13.099-3.157-3.669-5.802-7.338-10.496-8.405a7.64 7.64 0 0 1-4.693-3.115c-9.472-9.429-20.48-11.52-33.067-7.893-5.248 1.579-9.941 1.067-14.677 1.067-9.387-.512-18.347 1.024-27.264-1.579-3.157-.512-3.157 1.067-2.133 3.157 2.133 4.182 3.712 8.918 8.405 11.008 2.133 1.067 3.157 3.158 3.712 5.76a14 14 0 0 0 3.115 5.248c7.85 7.339 11.52 18.347 19.413 25.686 12.587 11.52 18.347 27.264 28.843 40.362a1.62 1.62 0 0 1 .512 1.067c8.405 3.157 8.405 12.587 13.098 17.835 4.224 4.693 8.406 8.362 12.075 13.653 2.645 4.139 5.76 7.85 5.76 13.056-.512 1.067-1.579 1.067-2.09 1.621-35.158-47.786-69.76-94.933-105.387-143.189 2.602 0 4.693-.512 6.314-.512h58.198c18.346 0 32.981 7.85 44.032 22.016 13.098 17.28 26.197 35.115 39.296 52.907 1.621 2.645 5.802 3.712 5.248 7.893z", "fill": originColor ? "#0d76b3" : "currentColor" }), h("path", { "d": "M510.976 399.701c-8.405-7.338-18.347-8.362-28.885-7.338 3.157-2.56 7.381-.512 11.52-1.536-.47-2.134-3.115-2.646-2.56-5.248 8.874 2.09 15.701 5.76 19.925 14.122", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "M278.187 526.08c-3.712-4.181-5.803-9.43-8.96-14.165-4.182-6.272-11.008-10.454-14.123-17.28-.555-1.579-1.067-2.603-1.067-4.224 0-1.536 0-3.115-1.066-4.182-10.496-4.693-13.654-15.189-19.414-24.106-3.114-4.694-5.76-11.008-9.386-14.166-4.736-4.181-8.406-8.917-12.587-13.653-2.645-1.536-4.736-3.627-4.224-7.339 0-1.536-.512-2.602-1.579-3.114a19.29 19.29 0 0 1-11.52-15.232c0-1.024-1.066-2.603-2.133-3.115-7.808-1.579-7.808-8.917-11.52-13.653-2.09-3.115.555-5.248 3.157-4.182 10.496 4.182 20.992 1.579 32 2.134 4.694.469 9.942-1.11 14.678-1.622 11.008-2.133 21.504 0 29.866 8.406 1.067 1.066 2.134 2.602 3.158 2.602 11.008 2.646 15.232 11.52 19.413 19.926 1.067 1.578 2.133 2.645 3.157 3.669 6.827 5.248 10.454 13.653 15.702 19.925 2.133 2.646.554 4.694-1.579 6.315-1.024 1.024-2.09 2.09-.512 3.157 1.024 1.024 2.645.512 3.157-.554 2.603-6.272 4.182-3.158 5.76.554 2.646 6.827 8.363 12.032 13.099 16.726-11.008 16.81-24.661 31.488-36.693 47.744a31.2 31.2 0 0 1-6.827 9.386z", "fill": originColor ? "#157abe" : "currentColor" }), h("path", { "d": "M685.525 655.616a24.96 24.96 0 0 1-12.032-20.48c5.248 6.315 8.918 13.099 12.032 20.48", "fill": originColor ? "#0e8c41" : "currentColor" }), h("path", { "d": "m832.853 469.461 20.48-83.882-20.48-1.067-21.461 30.421z", "fill": originColor ? "#5cb348" : "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/BankXxb.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 BankXxb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXxb.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 BankXxb = defineComponent({
+  name: "BankXxb",
+  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": "M212 172h600c22 0 40 18 40 40v600c0 22-18 40-40 40H212c-22 0-40-18-40-40V212c0-22 18-40 40-40m137.6 76H222.4v74h374.8v398.8H481.6v72.4h195.2V470.8H736v322.4h76V391.6H676.8v-69.2H812V248H438.4v-33.6h-88.8zm-39.2 88-52 51.2 71.6 70H222.4V536H352v52.4H222.4v75.2H352v130h78v-130h129.6v-75.2H430V536h129.6v-78.8h-108l68.4-70-48.8-51.2-81.6 78zm-88 384.4v73.2h78.8v-73.2z", "fill": originColor ? "#d80013" : "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/BankXyb.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 BankXyb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXyb.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 BankXyb = defineComponent({
+  name: "BankXyb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M224 0h576c123.6 0 224 100.4 224 224v576c0 123.6-100.4 224-224 224H224C100.4 1024 0 923.6 0 800V224C0 100.4 100.4 0 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M511.2 268c-.8 5.6-1.6 9.2-1.6 12.4-.8 37.6-15.6 70.4-36.4 100.8-13.6 19.6-28 38.8-42 58-2.8 3.6-4.8 8-7.2 12 3.2.8 4.4.4 5.2-.4 22.8-16.4 46-32.4 68.8-49.2 20.4-14.8 41.6-28.8 56.8-49.6 8.8-12 12.4-25.2 6.4-38.4-10-20.8-27.6-34-50-45.6M368 604c4-2.4 5.6-3.2 7.2-4.4 25.6-23.2 50.4-47.6 76.8-70 27.6-23.6 58.8-42.4 91.2-58.8 30.4-15.2 61.2-29.6 91.2-45.2 22-11.2 41.6-26.4 57.6-45.2 7.6-9.2 12.8-19.2 14.8-31.2 4.4-27.2-8.4-46.8-25.2-65.2-10-10.8-11.6-10.4-17.6 2.8-17.6 39.2-45.6 70-78.8 96-36.8 28.4-74.8 56-111.6 84.4-43.2 33.6-76 75.6-100.4 124.4-2 2.8-2.8 6.4-5.2 12.4m397.2-236c-2 3.6-3.6 6-4.8 8.8-14.4 30-36.4 53.6-66.8 67.6-34.4 16-70 28.8-104.4 44-34.8 15.6-70 30.4-103.2 48.8-34 18.8-63.6 44.4-90 73.2-6.8 7.6-13.2 15.6-19.6 23.6l2 1.6c2.8-1.6 5.6-2.8 8.4-4.8 26-19.6 55.2-33.2 85.2-45.6 56.8-23.2 116.8-35.2 176-50.8 32.4-8.8 64.4-18 93.6-36 46.4-28.4 46-89.2 23.6-130.4M332.4 760l2.8-1.6c-1.2-4.4-2-9.2-3.6-13.2-27.6-75.6-16.4-148 18-218 19.2-39.2 41.2-77.2 61.6-115.6 12-22 20-45.6 23.2-70.4 2.8-18.8 2-37.6-7.2-57.2-2 3.6-3.6 5.2-4.4 7.6-11.6 22.8-20.8 47.6-35.2 68.4-26 37.2-55.2 72-83.6 108-15.6 19.6-29.2 40.8-38.4 64.4-12 31.6-12 64.4-4.4 97.2 10.4 42.8 28 82 56 116 4.4 5.2 10 9.6 15.2 14.4M820 518l-3.6-2c-2 1.2-4.4 2.4-6.4 3.6-18 8.8-35.2 19.2-53.6 25.6-59.2 20-120.8 31.2-182 43.6-34 6.8-68 14-101.2 23.6-24.4 7.2-48 16.8-70.4 28.8-23.2 12-40.4 30.8-42.4 59.2-2 30.4 17.6 56 51.6 67.6 44.4 15.2 85.6 7.2 125.2-15.6 16-9.2 28.8-21.2 37.2-38 12-23.6 4.4-45.6-20.8-52.4-14.4-4-30.4-2.8-45.6-3.6-2 0-4 1.6-7.2 2.8 2 2.8 3.6 4.8 5.2 6.4 15.6 18.4 14 39.2-4 55.2-18 15.6-39.6 21.2-62.8 20-16.4-.8-31.6-6.8-42.4-20-18.8-23.2-9.6-52 20.4-67.2 27.6-14.8 58.4-23.2 90-24.4 34.8-1.2 70 0 104.8.8 32.8.8 65.6 4 98 2.4 45.6-1.6 80.4-22 96-66.8 5.6-16 9.2-33.2 14-49.6m-648-9.2C173.2 324 326.4 167.2 521.2 172 704 176.4 856.8 328.4 852 522.4 847.6 702 696 854.4 507.2 852 320.4 849.2 170 694.4 172 508.8", "fill": originColor ? "#cc291f" : "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/BankXyrcb.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 BankXyrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankXyrcb.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 BankXyrcb = defineComponent({
+  name: "BankXyrcb",
+  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": "M822.4 440.8c40 40.4 39.6 105.6-.8 145.6l-238.4 236c-40.4 40-105.6 39.6-145.6-.8l-236-238.4c-40-40.4-39.6-105.6.8-145.6l238.4-236c40.4-40 105.6-39.6 145.6.8zM546 449.6c-3.2-.4-6.4-.4-9.2.4-2.4.4-5.2 4.4-7.6 6.8-8 7.2-22.4 20.8-22.4 20.8l-37.2-34.8 35.6-34.8s15.6 14.8 23.6 22c2.8 2.4 5.6 6.4 8.4 7.2 2.4.8 5.6.8 8.4.8h26c-3.2-32.4-30.4-58-64-58-35.2 0-64 28.8-64 64s28.8 64 64 64c33.2 0 60.8-25.6 64-58-3.2 0-24.8 0-25.6-.4m156.4 34c-37.6-48-75.2-96.4-112.8-143.6-4.4 2.8-10 8-14.8 11.6 8.4 11.2 17.2 22.8 25.6 34.8 8.4 11.6 18.8 23.6 23.6 37.2 4 12 2.8 24.4-2.8 34.8-4.4 8.4-12.4 16-19.2 24-14 16-27.2 31.6-40.4 47.6-10.8 13.2-24.8 24.4-28.4 44-3.6 16.8 4 32 9.6 41.6 9.2 16 23.2 31.6 35.6 46 2.4 2.8 11.2 12.4 12.8 14h85.6c-2-2.4-11.2-13.6-16.4-19.6-5.6-6.8-11.2-13.6-14.8-20.8-7.2-14.4-3.6-32 3.2-42.8 8.4-13.6 22-28 33.2-40.8 8-9.2 24.4-31.6 24.4-31.6s0-.4.4-.4c7.6-12.4 7.6-20.4-4.4-36m-384.8 0c-12 15.6-12.4 23.6-4 36l.4.4s16.4 22.4 24.4 31.6c11.6 13.2 24.8 27.2 33.2 40.8 6.8 10.8 10.4 28.4 3.2 42.8-3.6 7.2-9.2 14.4-14.8 20.8-5.2 6-14.4 17.2-16 19.6h86c1.2-1.6 10.4-11.6 12.8-14 12.4-14.4 26-30 35.6-46 5.6-9.6 13.2-24.8 9.6-41.6-4-19.6-18-30.8-28.4-44-13.2-16-26.4-31.2-40.4-47.6-6.8-8-14.8-15.6-19.2-24-5.6-10.4-6.8-22.8-2.8-34.8 4.8-14 14.8-25.6 23.6-37.2 8.8-12 17.2-23.6 25.6-34.8-4.8-4-10.4-8.8-14.8-11.6-38.8 47.2-76 95.6-114 143.6", "fill": originColor ? "#d20016" : "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/BankYaccb.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 BankYaccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankYaccb.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 BankYaccb = defineComponent({
+  name: "BankYaccb",
+  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": "M180 238s132-64.8 148 84c-22.8 15.2-131.2 47.2-96.8 294-81.6-116-16-343.6-51.2-378m382 74.8c-186 59.6-240 210.4-248.8 237.6-32.8 164.8 77.2 226.8 136.4 245.6-158.8 2-246-142.8-194.8-307.2C306.4 324.4 469.6 207.2 649.6 226s198.8 145.2 198.8 145.2c-24.8-30-138.4-110-286.4-58.4M427.2 540c-6.8 11.2-82.4 210.4 128.8 214.4 78.4 6 158-38 200.8-76C690 778.8 572.8 807.6 510 798s-147.6-47.2-170.4-150.4S396 406.8 547.2 354.8c151.2-52.4 240.4 20.4 240.4 20.4C690.4 352 512.4 388 427.2 540M540 527.6 658.8 496 688 604.4 569.2 636z", "fill": originColor ? "#009035" : "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/BankYamaguchi.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 BankYamaguchi: DefineComponent<IconProps>;

package/packages/vue/icons/BankYamaguchi.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 BankYamaguchi = defineComponent({
+  name: "BankYamaguchi",
+  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": "M158 400c49.6 0 90 40.4 90 90s-40.4 90-90 90-90-40.4-90-90 40.4-90 90-90m-6 16v39.6h12V416zm0 108.4V564h12v-39.6zm28-105.2L165.2 456l11.6 4.8 14.8-36.8zm-40.4 100.4-14.8 36.8 11.6 4.8 14.8-36.8zm66.4-86.4-28 28 8.8 8.8 28-28zM129.6 510l-28 28 8.8 8.8 28-28zM232 484h-39.6v12H232zm-108.4 0H84v12h39.6zm91.2 54-28-28-8.8 8.8 28 28zM138 461.6l-28-28-8.8 8.8 28 28zm54.4 94-15.6-36.4-11.2 4.8 15.6 36.4zm-42-99.6-15.6-36.4-11.2 4.8 15.6 36.4zm-58.8 67.6 36.8-14.8-4.4-11.6L87.2 512zM192 482.8l36.8-14.8-4.8-11.6-36.8 14.8zM87.2 468l36.8 14.8 4.8-11.6L92 456.4zm100.4 40.4 36.8 14.8 4.8-11.6-37.2-14.4z", "fill": originColor ? "#ee161e" : "currentColor" }), h("path", { "d": "M280 400h672c4.4 0 8 3.6 8 8v161.2c0 4-2.8 7.2-6.8 8L614 628h-2.4l-332.8-50.8c-4-.4-6.8-4-6.8-8V408c0-4.4 3.6-8 8-8m356.4 141.6-14.4 1.6c-4.4.4-7.6 4.8-7.2 9.2s4.8 7.6 9.2 7.2l40.8-5.2c4.4-.4 7.6-4.8 7.2-9.2s-4.8-7.6-9.2-7.2l-9.6 1.2V506H664c4.4 0 8.4-3.6 8.4-8.4 0-4.4-3.6-8.4-8.4-8.4h-10.8V480H664c4.4 0 8.4-3.6 8.4-8.4 0-4.4-3.6-8.4-8.4-8.4h-41.2c-4.4 0-8.4 3.6-8.4 8.4 0 4.4 3.6 8.4 8.4 8.4h13.6v9.6h-13.6c-4.4 0-8.4 3.6-8.4 8.4 0 4.4 3.6 8.4 8.4 8.4h13.6zm8.4-114c-1.6 0-3.2 0-4.8 1.2l-24.8 14.4c-4 2.4-5.2 7.2-3.2 11.2 2.4 4 7.2 5.2 11.2 2.8l21.6-12.4 14.4 8.4c4 2.4 8.8.8 11.2-3.2s.8-8.8-3.2-11.2l-17.6-10.4c-1.6-.4-3.2-.8-4.8-.8M629.2 516c-1.2-4-5.2-6.4-9.2-5.2s-6.4 5.2-5.2 9.2l2.8 10.8c1.2 4 5.2 6.4 9.2 5.2s6.4-5.2 5.2-9.2zm30-1.6-2 8c-.8 2.8.8 6 4 6.8 2.8.8 6-.8 6.8-4l2-8c.8-2.8-.8-6-4-6.8s-6 .8-6.8 4m21.6-64V542c0 6.8 5.6 12 12 12 1.6 0 3.2-.4 4.8-.8l10.8-4.4c3.6-1.6 5.2-5.2 3.6-8.8-1.2-3.6-5.2-5.6-8.8-4.4l-8.8 2.4v-36c0-1.6 1.2-2.4 2.4-2.4q2.4 0 3.6 2.4c4.8 11.2 9.6 21.2 14.8 30 4 7.6 9.6 14.8 15.6 22.4 2.8 3.2 8 4 11.2 1.2s4-8 1.2-11.2q-3.6-4.2-4.8-6c-1.2-1.6-3.2-4.8-5.2-8.8l11.6-11.2c2.8-2.8 2.8-7.2.4-10-2.8-2.8-7.2-3.2-10.4-.8l-10 8.4q-3-4.8-4.8-8.4c-.4-.8-.8-1.6-.8-2.8-.8-2 .4-4.4 2.4-5.2h6c5.6 0 9.6-4.4 9.6-9.6v-39.2c0-11.2-8.8-20-20-20h-16.8c-10.8-.4-19.6 8.8-19.6 19.6m18.4-3.2h17.6c3.2 0 5.6 2.4 5.6 5.6s-2.4 5.6-5.6 5.6h-17.6c-3.2 0-5.6-2.4-5.6-5.6s2.8-5.6 5.6-5.6m0 24.8h17.6c3.2 0 5.6 2.4 5.6 5.6s-2.4 5.6-5.6 5.6h-17.6c-3.2 0-5.6-2.4-5.6-5.6s2.8-5.6 5.6-5.6M386 541.2h-26.4c-1.2 0-1.6-.4-2-.8s-.8-1.6-.8-2.8v-76.4q0-4.8-2.4-6c-1.6-1.2-3.6-1.6-6-1.6s-4.4.4-6 1.6q-2.4 1.2-2.4 6v80.4c0 3.6.4 6.4.8 8.8s1.2 4 2.4 5.2q1.8 1.8 4.8 2.4c2 .4 4.8.8 8 .8h75.2c3.6 0 6.4 0 8.8-.4 2-.4 4-1.2 5.2-2.4s2-2.8 2.4-5.2.4-5.2.4-8.8v-80q0-4.2-2.4-6c-1.6-1.2-3.6-1.6-6-1.6s-4.4.4-6 1.6q-2.4 1.8-2.4 6v76.4c0 1.2 0 2-.4 2.4s-1.2.8-2 .8h-25.6V439.2q0-4.2-2.4-6c-1.6-1.2-3.6-1.6-6-1.6s-4.4.4-6 1.6q-2.4 1.8-2.4 6v102zm202.8-6V456c0-5.6-.8-9.2-2.8-11.6s-5.6-3.2-11.2-3.2h-77.2q-7.8 0-10.8 3.6c-2 2.4-2.8 6-2.8 11.6v78.8c0 5.2.8 9.2 2.8 11.6q3 3.6 10.8 3.6h77.2c5.2 0 9.2-1.2 11.2-3.6 1.6-2.4 2.8-6.4 2.8-11.6M572.4 462v67.2c0 1.6-.4 2.4-.8 3.2s-1.6 1.2-2.8 1.2H502c-1.2 0-2-.4-2.8-.8s-.8-1.6-.8-3.6V462c0-2.8 1.2-4 3.6-4h66.8c2.4 0 3.6 1.2 3.6 4m232.8 27.2c3.2-2.4 6.4-5.2 9.2-8 2-1.6 3.2-3.2 4-4.4s1.2-2.4 1.6-3.6c0-1.2-.4-2-.8-3.2-.8-.8-1.6-2-3.2-3.2-2.4-2-4.4-2.8-6.4-2.8s-4.4 1.6-7.2 4.4c-16.4 16-36.4 25.2-37.2 26.8-.8 2-.8 4 .4 6.4 1.2 3.2 3.2 5.2 5.2 6 2 .4 5.2 0 8.4-2 3.2-1.6 6-3.2 8.8-4.8V550c0 4.8 4 8.8 8.8 8.8s8.8-4 8.8-8.8v-58c.4-.8 0-2-.4-2.8m27.6 6h25.6v46.4c0 4.4-12.8.4-17.2 2.4s-6.4 11.2 3.6 14.4 22 .8 24.8-2.4c3.2-3.2 4.8-4.8 4.8-11.2v-49.6H888c3.2 0 5.6-.8 6.4-2.4q1.2-2.4 1.2-6c0-3.6-.4-4.8-1.2-6-.8-1.6-3.2-2.4-6.4-2.4h-55.2c-3.2 0-5.2.8-6.4 2.4s-1.6 3.6-1.6 6.4c0 2.4.4 4.4 1.6 6 1.2 1.2 3.2 2 6.4 2m60.4-55.2c0-2.8-.4-4.8-1.6-6.4s-3.2-2-6.4-2h-52.4c-3.2 0-5.2.8-6.4 2s-1.6 3.6-1.6 6.4c0 2.4.4 4.4 1.6 6s3.2 2.4 6.4 2.4h52.4c3.2 0 5.2-.8 6.4-2.4s1.6-3.6 1.6-6m-81.6.4c2-1.6 3.2-3.2 4-4.4s1.2-2.4 1.2-3.2c0-1.2-.4-2-.8-2.8-.8-.8-1.6-2-2.8-3.2-2-2-4.4-2.8-6-2.4-2 .4-4 1.6-6.8 4.4-15.2 15.2-34.4 24-35.2 25.6s-.8 3.6.4 6.4c1.2 3.2 2.8 5.2 4.8 5.6s4.8 0 8-2c6.4-3.2 12.4-6.8 17.6-10.4 5.6-4.8 10.4-8.8 15.6-13.6", "fill": originColor ? "#02a64e" : "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/BankYbccb.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 BankYbccb: DefineComponent<IconProps>;

package/packages/vue/icons/BankYbccb.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 BankYbccb = defineComponent({
+  name: "BankYbccb",
+  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": "m389.6 476.8 122-116.8 160.8 155.2-42 46.8S770 610 835.2 417.6l1.2-3.6c-41.6-140-171.2-241.6-324.8-241.6-178 0-323.6 136.8-338 311.2 11.2-6.8 98.8-56.4 216-6.8m122 208-84.4-91.6s-62 50.8-32.8 121.2 84.4 116.4 104 136.4c4.4 0 8.8.4 13.2.4 148 0 274-94.8 320.4-227.2-10.8 7.2-65.2 36-235.6-23.2z", "fill": originColor ? "#346db2" : "currentColor" }), h("path", { "d": "M663.2 604s125.2 39.2 176.8-6c7.2-27.6 11.2-56.4 11.2-86.4 0-18.8-1.6-37.6-4.8-55.6-25.2 52.8-94.8 148.8-256.4 111.6 0 0-118.4-42.4-188-75.2 0 0-121.2-51.2-230 20 0 36.8 6 72.4 16.8 105.6 102.8-108 213.6-92.8 260.8-78.8 48 14 155.2 42 155.2 42-104-18.8-94-24.8-181.6-31.2s-207.6 72-224 96c46.8 108 148 187.2 269.2 202.4-40.8-38.8-180-175.2-48.8-268.8 1.2-.4 64.8-31.6 243.6 24.4", "fill": originColor ? "#f9c500" : "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/BankYcrcb.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 BankYcrcb: DefineComponent<IconProps>;

package/packages/vue/icons/BankYcrcb.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 BankYcrcb = defineComponent({
+  name: "BankYcrcb",
+  inheritAttrs: false,
+  props: {
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    originColor: { type: Boolean, default: true },
+    button: { type: Boolean, default: false },
+    background: { type: Boolean, default: true },
+  },
+  setup(props, { attrs, expose }) {
+    const root = ref(null);
+    expose({ el: root });
+    return () => {
+      const originColor = props.originColor;
+      const renderedSize = props.size ?? 16;
+      const buttonSize = props.size ?? 24;
+      const svgAttributes = { "fill": originColor ? undefined : "currentColor", "viewBox": "0 0 1024 1024", "xmlns": "http://www.w3.org/2000/svg" };
+      const style = props.color === undefined ? attrs.style : [attrs.style, { color: props.color }];
+      const buttonStyle = [style, { width: toSize(buttonSize), height: toSize(buttonSize) }];
+      const svg = h("svg", props.button
+        ? { ...svgAttributes, width: toButtonIconSize(buttonSize), height: toButtonIconSize(buttonSize), "aria-hidden": true }
+        : { ...attrs, ...svgAttributes, ref: root, width: toSize(renderedSize), height: toSize(renderedSize), style }, [h("path", { "d": "M225.12 0h573.76c123.118 0 223.128 100.01 223.128 223.128v573.76c0 123.118-100.01 223.128-223.129 223.128H225.121c-123.12 0-223.129-100.01-223.129-223.129V223.128C1.992 100.01 102.002 0 225.121 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "m145.432 470.163 38.649-56.579h25.102l-51.4 72.517v77.697h-26.695V483.71L81.68 413.584h25.102zm268.152 93.635V413.584h25.9v150.214zm94.033-150.214h25.899v150.612h-25.899v-63.75H450.64v-26.298h56.977zM758.238 519.97l-39.446-.399 9.961-26.695h19.126l-15.54-39.845-40.243 110.768H665.8l54.587-150.214h26.297l54.587 150.214h-26.297zm61.36-106.385h26.696l68.93 107.979V413.584h26.697v150.214h-26.696l-68.532-107.979v107.979h-26.696V413.584zm-425.537 40.642h-29.087c-5.976-10.36-31.477-17.133-43.032-16.337-9.562.797-17.531 3.586-23.508 9.165s-10.36 11.555-13.148 18.727c-2.79 6.773-4.383 14.742-4.782 23.508 0 8.765 1.196 16.734 3.985 23.508 3.187 7.57 7.969 13.945 14.344 18.727 6.375 4.781 13.945 7.57 23.11 7.969 7.968.796 14.742-1.196 20.32-3.188 3.984-1.594 23.11-14.344 23.508-15.14h28.29c-2.79 14.742-31.079 35.062-45.821 39.445-8.368 2.39-16.735 3.586-25.5 3.188-9.962 0-18.728-1.196-25.501-3.985-7.172-2.39-13.149-5.976-18.328-9.96s-9.962-8.767-14.743-14.743c-4.383-5.977-7.969-12.75-9.961-20.72s-3.188-15.539-3.188-22.312.399-13.149 1.594-19.125c1.594-7.57 3.985-15.141 7.97-22.313s9.163-13.547 15.538-19.922c6.774-5.977 13.946-10.758 22.313-13.548 7.97-3.187 16.735-4.78 25.9-5.18q14.343-.596 23.906 2.391c6.375 1.993 11.953 4.383 16.734 7.57 12.352 7.97 25.5 17.93 29.087 32.275", "fill": originColor ? "#e30016" : "currentColor" }), h("path", { "d": "M197.23 566.188V456.616h26.297v109.572zm357.802-54.985V448.25h25.5v61.759c.797 19.922 9.961 30.68 27.094 31.477 15.54-1.594 24.306-11.953 26.298-31.477v-61.759h25.5v62.954c-2.789 33.868-19.922 52.196-51.798 54.587-32.672-1.594-50.203-19.922-52.594-54.587m-354.216 79.29h30.281c52.993 84.47 143.042 86.861 143.042 86.861 124.712 7.57 174.12-86.86 174.12-86.86s29.883-.4 29.484 0c-64.946 127.103-205.597 111.962-205.995 112.36-135.471-15.937-170.932-112.36-170.932-112.36", "fill": originColor ? "#d7b269" : "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/BankYlb.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 BankYlb: DefineComponent<IconProps>;

package/packages/vue/icons/BankYlb.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 BankYlb = defineComponent({
+  name: "BankYlb",
+  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": "59.6 59.6 904.8 904.8", "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.001-.001 224 224v576q.001 224.001-224 224H224q-224.001.001-224-224V224Q-.001-.001 224 0", "fill": originColor ? "#fff" : "currentColor" }), h("path", { "d": "M286.474 395.51a126.8 126.8 0 0 1 83.21-9.068 126.97 126.97 0 0 1 70.774 44.77 127.2 127.2 0 0 1 19.118 33.495H312.684a20.48 20.48 0 0 0-20.48 20.48v50.365a20.48 20.48 0 0 0 20.48 20.48h246.533v-45.66a218.77 218.77 0 0 0-47.391-135.992 218.12 218.12 0 0 0-121.585-76.913 217.84 217.84 0 0 0-142.95 15.585 218.34 218.34 0 0 0-102.226 101.3 218.85 218.85 0 0 0-17.08 143.016 218.57 218.57 0 0 0 75.484 122.599 217.94 217.94 0 0 0 135.25 48.921 217.9 217.9 0 0 0 136.263-46.018l-55.971-72.09a126.87 126.87 0 0 1-79.32 26.788 126.87 126.87 0 0 1-78.73-28.477 127.23 127.23 0 0 1-43.93-71.363 127.4 127.4 0 0 1 9.939-83.251 127.1 127.1 0 0 1 59.504-58.967", "fill": originColor ? "#e60013" : "currentColor" }), h("path", { "d": "M483.226 601.697h108.088c23.112 24.12 55.624 39.138 91.638 39.138 70.139 0 126.991-56.95 126.991-127.202 0-70.256-56.852-127.206-126.991-127.206-34.852 0-66.427 14.065-89.375 36.833a267.1 267.1 0 0 0-45.302-81.561A217 217 0 0 1 682.952 295.1c120.489 0 218.168 97.844 218.168 218.532S803.44 732.16 682.952 732.16c-89.211 0-165.914-53.632-199.732-130.463z", "fill": originColor ? "#e60013" : "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/BankYmb.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 BankYmb: DefineComponent<IconProps>;