@arco-iconbox/vue-smartcode 0.1.53 → 0.1.55

package/esm/IconColorApprove/index.js

@@ -0,0 +1,48 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode, createStaticVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorApprove",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = { filter: "url(#svg_899c996e32__filter0_d_7701_13173)" };
+const _hoisted_3 = ["fill"];
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = /* @__PURE__ */ createStaticVNode('<defs><filter id="svg_899c996e32__filter0_d_7701_13173" x="19.332" y=".334" width="12" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="1"></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7701_13173"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_7701_13173" result="shape"></feBlend></filter></defs>', 1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-approve`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    createElementVNode("path", {
+      d: "M2.66602 7.73399C2.66602 5.49378 2.66602 4.37367 3.10199 3.51802C3.48548 2.76537 4.09741 2.15345 4.85005 1.76996C5.7057 1.33398 6.82581 1.33398 9.06601 1.33398H21.3327L29.3327 9.33398V24.2673C29.3327 26.5075 29.3327 27.6276 28.8967 28.4833C28.5132 29.2359 27.9013 29.8479 27.1486 30.2313C26.293 30.6673 25.1729 30.6673 22.9327 30.6673H9.06601C6.8258 30.6673 5.7057 30.6673 4.85005 30.2313C4.09741 29.8479 3.48548 29.2359 3.10199 28.4833C2.66602 27.6276 2.66602 26.5075 2.66602 24.2673V7.73399Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#3369FF"
+    }, null, 8, _hoisted_1),
+    createElementVNode("g", _hoisted_2, [
+      createElementVNode("path", {
+        d: "M21.332 1.33398L29.332 9.33398H24.532C23.4119 9.33398 22.8519 9.33398 22.4241 9.116C22.0477 8.92425 21.7418 8.61829 21.55 8.24197C21.332 7.81414 21.332 7.25409 21.332 6.13398V1.33398Z",
+        fill: $props.useCurrentColor ? "currentColor" : "#C0CFFF"
+      }, null, 8, _hoisted_3)
+    ]),
+    createElementVNode("path", {
+      d: "M14.6658 17.453V15.8412C14.0715 15.5813 13.5658 15.1539 13.2105 14.6111C12.8552 14.0684 12.6658 13.4339 12.6653 12.7853C12.6653 10.9439 14.1609 9.45117 15.9994 9.45117C17.8408 9.45117 19.3335 10.9477 19.3335 12.7853C19.3332 13.434 19.1438 14.0685 18.7885 14.6112C18.4332 15.154 17.9275 15.5814 17.3331 15.8412V17.453H20.3319C21.254 17.453 22.0008 18.1932 22.0008 19.1201V20.7871H9.99805V19.1201C9.99805 18.1989 10.7487 17.453 11.667 17.453H14.6658ZM9.99805 21.9786H22.0008V23.3122H9.99805V21.9786Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#fff"
+    }, null, 8, _hoisted_4),
+    _hoisted_5
+  ], 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/IconColorLogo/index.js

@@ -0,0 +1,80 @@
+import { openBlock, createElementBlock, mergeProps, createElementVNode, createStaticVNode } from "vue";
+import _export_sfc from "../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {
+  name: "IconColorLogo",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = {
+  id: "svg_7cdfbc9f47__a",
+  style: { "mask-type": "alpha" },
+  maskUnits: "userSpaceOnUse",
+  x: "9",
+  y: "11",
+  width: "22",
+  height: "18"
+};
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = { mask: "url(#svg_7cdfbc9f47__a)" };
+const _hoisted_6 = ["fill"];
+const _hoisted_7 = ["fill"];
+const _hoisted_8 = ["fill"];
+const _hoisted_9 = /* @__PURE__ */ createStaticVNode('<defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></radialGradient></defs>', 1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", mergeProps({
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-logo`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    createElementVNode("rect", {
+      width: "40",
+      height: "40",
+      rx: "20",
+      fill: $props.useCurrentColor ? "currentColor" : "#1D2129"
+    }, null, 8, _hoisted_1),
+    createElementVNode("rect", {
+      width: "40",
+      height: "40",
+      rx: "20",
+      fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint0_linear_6779_368688)"
+    }, null, 8, _hoisted_2),
+    createElementVNode("mask", _hoisted_3, [
+      createElementVNode("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z",
+        fill: $props.useCurrentColor ? "currentColor" : "#0044C2"
+      }, null, 8, _hoisted_4)
+    ]),
+    createElementVNode("g", _hoisted_5, [
+      createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint1_linear_6779_368688)",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_6),
+      createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint2_radial_6779_368688)",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_7),
+      createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "#fff",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_8)
+    ]),
+    _hoisted_9
+  ], 16);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/esm/index.js

@@ -299,3 +299,5 @@ export { default as IconFillClick } from "./IconFillClick/index.js";
 export { default as IconColorClick } from "./IconColorClick/index.js";
 export { default as IconColorCycle } from "./IconColorCycle/index.js";
 export { default as IconLineCopy } from "./IconLineCopy/index.js";
+export { default as IconColorLogo } from "./IconColorLogo/index.js";
+export { default as IconColorApprove } from "./IconColorApprove/index.js";

package/lib/IconColorApprove/index.js

@@ -0,0 +1,49 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorApprove",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = { filter: "url(#svg_899c996e32__filter0_d_7701_13173)" };
+const _hoisted_3 = ["fill"];
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = /* @__PURE__ */ vue.createStaticVNode('<defs><filter id="svg_899c996e32__filter0_d_7701_13173" x="19.332" y=".334" width="12" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"></feColorMatrix><feOffset dy="1"></feOffset><feGaussianBlur stdDeviation="1"></feGaussianBlur><feComposite in2="hardAlpha" operator="out"></feComposite><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7701_13173"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow_7701_13173" result="shape"></feBlend></filter></defs>', 1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-approve`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    vue.createElementVNode("path", {
+      d: "M2.66602 7.73399C2.66602 5.49378 2.66602 4.37367 3.10199 3.51802C3.48548 2.76537 4.09741 2.15345 4.85005 1.76996C5.7057 1.33398 6.82581 1.33398 9.06601 1.33398H21.3327L29.3327 9.33398V24.2673C29.3327 26.5075 29.3327 27.6276 28.8967 28.4833C28.5132 29.2359 27.9013 29.8479 27.1486 30.2313C26.293 30.6673 25.1729 30.6673 22.9327 30.6673H9.06601C6.8258 30.6673 5.7057 30.6673 4.85005 30.2313C4.09741 29.8479 3.48548 29.2359 3.10199 28.4833C2.66602 27.6276 2.66602 26.5075 2.66602 24.2673V7.73399Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#3369FF"
+    }, null, 8, _hoisted_1),
+    vue.createElementVNode("g", _hoisted_2, [
+      vue.createElementVNode("path", {
+        d: "M21.332 1.33398L29.332 9.33398H24.532C23.4119 9.33398 22.8519 9.33398 22.4241 9.116C22.0477 8.92425 21.7418 8.61829 21.55 8.24197C21.332 7.81414 21.332 7.25409 21.332 6.13398V1.33398Z",
+        fill: $props.useCurrentColor ? "currentColor" : "#C0CFFF"
+      }, null, 8, _hoisted_3)
+    ]),
+    vue.createElementVNode("path", {
+      d: "M14.6658 17.453V15.8412C14.0715 15.5813 13.5658 15.1539 13.2105 14.6111C12.8552 14.0684 12.6658 13.4339 12.6653 12.7853C12.6653 10.9439 14.1609 9.45117 15.9994 9.45117C17.8408 9.45117 19.3335 10.9477 19.3335 12.7853C19.3332 13.434 19.1438 14.0685 18.7885 14.6112C18.4332 15.154 17.9275 15.5814 17.3331 15.8412V17.453H20.3319C21.254 17.453 22.0008 18.1932 22.0008 19.1201V20.7871H9.99805V19.1201C9.99805 18.1989 10.7487 17.453 11.667 17.453H14.6658ZM9.99805 21.9786H22.0008V23.3122H9.99805V21.9786Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#fff"
+    }, null, 8, _hoisted_4),
+    _hoisted_5
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorLogo/index.js

@@ -0,0 +1,81 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorLogo",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = {
+  id: "svg_7cdfbc9f47__a",
+  style: { "mask-type": "alpha" },
+  maskUnits: "userSpaceOnUse",
+  x: "9",
+  y: "11",
+  width: "22",
+  height: "18"
+};
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = { mask: "url(#svg_7cdfbc9f47__a)" };
+const _hoisted_6 = ["fill"];
+const _hoisted_7 = ["fill"];
+const _hoisted_8 = ["fill"];
+const _hoisted_9 = /* @__PURE__ */ vue.createStaticVNode('<defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"></stop><stop offset=".5" stop-color="#0971F9"></stop><stop offset="1" stop-color="#06E5CF"></stop></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"></stop><stop offset="1" stop-color="#fff" stop-opacity="0"></stop></radialGradient></defs>', 1);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 40 40",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-logo`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    vue.createElementVNode("rect", {
+      width: "40",
+      height: "40",
+      rx: "20",
+      fill: $props.useCurrentColor ? "currentColor" : "#1D2129"
+    }, null, 8, _hoisted_1),
+    vue.createElementVNode("rect", {
+      width: "40",
+      height: "40",
+      rx: "20",
+      fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint0_linear_6779_368688)"
+    }, null, 8, _hoisted_2),
+    vue.createElementVNode("mask", _hoisted_3, [
+      vue.createElementVNode("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z",
+        fill: $props.useCurrentColor ? "currentColor" : "#0044C2"
+      }, null, 8, _hoisted_4)
+    ]),
+    vue.createElementVNode("g", _hoisted_5, [
+      vue.createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint1_linear_6779_368688)",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_6),
+      vue.createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "url(#svg_7cdfbc9f47__paint2_radial_6779_368688)",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_7),
+      vue.createElementVNode("path", {
+        fill: $props.useCurrentColor ? "currentColor" : "#fff",
+        d: "M9.266 11.229H30.64V28.75H9.266z"
+      }, null, 8, _hoisted_8)
+    ]),
+    _hoisted_9
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/index.js

@@ -301,6 +301,8 @@ var index$4F = require("./IconFillClick/index.js");
 var index$4G = require("./IconColorClick/index.js");
 var index$4H = require("./IconColorCycle/index.js");
 var index$4I = require("./IconLineCopy/index.js");
+var index$4J = require("./IconColorLogo/index.js");
+var index$4K = require("./IconColorApprove/index.js");
 exports.IconFillHeart = index;
 exports.IconFillMute = index$1;
 exports.IconFillSound = index$2;
@@ -602,3 +604,5 @@ exports.IconFillClick = index$4F;
 exports.IconColorClick = index$4G;
 exports.IconColorCycle = index$4H;
 exports.IconLineCopy = index$4I;
+exports.IconColorLogo = index$4J;
+exports.IconColorApprove = index$4K;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@arco-iconbox/vue-smartcode",
-    "version": "0.1.53",
+    "version": "0.1.55",
     "main": "lib/index.js",
     "module": "esm/index.js",
     "license": "ISC",

package/src/IconColorApprove/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-approve`]" width="1em" height="1em" v-bind="$attrs"><path d="M2.66602 7.73399C2.66602 5.49378 2.66602 4.37367 3.10199 3.51802C3.48548 2.76537 4.09741 2.15345 4.85005 1.76996C5.7057 1.33398 6.82581 1.33398 9.06601 1.33398H21.3327L29.3327 9.33398V24.2673C29.3327 26.5075 29.3327 27.6276 28.8967 28.4833C28.5132 29.2359 27.9013 29.8479 27.1486 30.2313C26.293 30.6673 25.1729 30.6673 22.9327 30.6673H9.06601C6.8258 30.6673 5.7057 30.6673 4.85005 30.2313C4.09741 29.8479 3.48548 29.2359 3.10199 28.4833C2.66602 27.6276 2.66602 26.5075 2.66602 24.2673V7.73399Z" :fill="useCurrentColor ? 'currentColor' : '#3369FF'"/><g filter="url(#svg_899c996e32__filter0_d_7701_13173)"><path d="M21.332 1.33398L29.332 9.33398H24.532C23.4119 9.33398 22.8519 9.33398 22.4241 9.116C22.0477 8.92425 21.7418 8.61829 21.55 8.24197C21.332 7.81414 21.332 7.25409 21.332 6.13398V1.33398Z" :fill="useCurrentColor ? 'currentColor' : '#C0CFFF'"/></g><path d="M14.6658 17.453V15.8412C14.0715 15.5813 13.5658 15.1539 13.2105 14.6111C12.8552 14.0684 12.6658 13.4339 12.6653 12.7853C12.6653 10.9439 14.1609 9.45117 15.9994 9.45117C17.8408 9.45117 19.3335 10.9477 19.3335 12.7853C19.3332 13.434 19.1438 14.0685 18.7885 14.6112C18.4332 15.154 17.9275 15.5814 17.3331 15.8412V17.453H20.3319C21.254 17.453 22.0008 18.1932 22.0008 19.1201V20.7871H9.99805V19.1201C9.99805 18.1989 10.7487 17.453 11.667 17.453H14.6658ZM9.99805 21.9786H22.0008V23.3122H9.99805V21.9786Z" :fill="useCurrentColor ? 'currentColor' : '#fff'"/><defs><filter id="svg_899c996e32__filter0_d_7701_13173" x="19.332" y=".334" width="12" height="12" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_7701_13173"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_7701_13173" result="shape"/></filter></defs></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorApprove',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorLogo/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-logo`]" width="1em" height="1em" v-bind="$attrs"><rect width="40" height="40" rx="20" :fill="useCurrentColor ? 'currentColor' : '#1D2129'"/><rect width="40" height="40" rx="20" :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint0_linear_6779_368688)'"/><mask id="svg_7cdfbc9f47__a" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="11" width="22" height="18"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2903 21.0947C18.3306 26.7587 23.401 22.6158 21.6663 19.9472C21.6166 19.8701 21.7176 19.7544 21.7952 19.8036C28.0621 23.7862 19.5821 34.2895 10.3391 25.0468C9.03413 23.7417 9.03602 21.6243 10.3411 20.3193L12.3294 18.332C12.9251 19.1729 13.5775 20.0954 14.2903 21.0947ZM18.2073 20.1923C11.9405 16.2098 20.4205 5.70658 29.6633 14.9492C30.9684 16.2542 30.9665 18.3716 29.6614 19.6767L27.6731 21.665C27.0772 20.824 26.4251 19.9008 25.7122 18.9013C21.6718 13.2372 16.6004 17.3811 18.3352 20.0497C18.3849 20.1269 18.2848 20.2416 18.2073 20.1923Z" :fill="useCurrentColor ? 'currentColor' : '#0044C2'"/></mask><g mask="url(#svg_7cdfbc9f47__a)"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint1_linear_6779_368688)'" d="M9.266 11.229H30.64V28.75H9.266z"/><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_7cdfbc9f47__paint2_radial_6779_368688)'" d="M9.266 11.229H30.64V28.75H9.266z"/><path :fill="useCurrentColor ? 'currentColor' : '#fff'" d="M9.266 11.229H30.64V28.75H9.266z"/></g><defs><linearGradient id="svg_7cdfbc9f47__paint0_linear_6779_368688" x1="40" y1="13.551" x2="-.862" y2="23.235" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"/><stop offset=".5" stop-color="#0971F9"/><stop offset="1" stop-color="#06E5CF"/></linearGradient><linearGradient id="svg_7cdfbc9f47__paint1_linear_6779_368688" x1="30.64" y1="17.165" x2="9.357" y2="23.318" gradientUnits="userSpaceOnUse"><stop stop-color="#832AFF"/><stop offset=".5" stop-color="#0971F9"/><stop offset="1" stop-color="#06E5CF"/></linearGradient><radialGradient id="svg_7cdfbc9f47__paint2_radial_6779_368688" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0 4.83966 -5.9039 0 19.953 19.99)"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient></defs></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorLogo',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/index.js

@@ -298,4 +298,6 @@ export { default as IconColorImageNew } from './IconColorImageNew/index.vue';
 export { default as IconFillClick } from './IconFillClick/index.vue';
 export { default as IconColorClick } from './IconColorClick/index.vue';
 export { default as IconColorCycle } from './IconColorCycle/index.vue';
-export { default as IconLineCopy } from './IconLineCopy/index.vue';
+export { default as IconLineCopy } from './IconLineCopy/index.vue';
+export { default as IconColorLogo } from './IconColorLogo/index.vue';
+export { default as IconColorApprove } from './IconColorApprove/index.vue';