@arco-iconbox/vue-smartcode 0.1.33 → 0.1.35

package/lib/IconColorTime/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: "IconColorTime",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "2.579",
+  y: "3.523",
+  width: "18.841",
+  height: "16.957",
+  rx: "5",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M12 7.28906V11.9994L15.2972 15.2966",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_1,
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-time`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorUser/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorUser",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M2.3085 17.8152C2.3085 17.3629 2.3085 17.1367 2.32678 16.9462C2.50973 15.039 4.01936 13.5294 5.92654 13.3464C6.11708 13.3281 6.34325 13.3281 6.79557 13.3281H17.2049C17.6572 13.3281 17.8834 13.3281 18.0739 13.3464C19.9811 13.5294 21.4908 15.039 21.6737 16.9462C21.692 17.1367 21.692 17.3629 21.692 17.8152C21.692 18.0414 21.692 18.1544 21.6828 18.2497C21.5914 19.2033 20.8366 19.9581 19.883 20.0496C19.7877 20.0587 19.6746 20.0587 19.4485 20.0587H4.55204C4.32587 20.0587 4.21279 20.0587 4.11752 20.0496C3.16393 19.9581 2.40912 19.2033 2.31764 18.2497C2.3085 18.1544 2.3085 18.0414 2.3085 17.8152Z",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "8.39",
+  y: "3.203",
+  width: "7.22",
+  height: "7.22",
+  rx: "3.61",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_3 = [
+  _hoisted_1,
+  _hoisted_2
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-user`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorVline/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorVline",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M11.9973 3.04688L11.9973 20.9611",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = ["fill"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-vline`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    _hoisted_1,
+    vue.createElementVNode("path", {
+      d: "M19.3703 6.41211C19.3703 6.87051 18.9986 7.24219 18.5402 7.24219 18.082 7.24198 17.7101 6.87038 17.7101 6.41211L17.7101 3.04102C17.7102 2.5828 18.082 2.21115 18.5402 2.21094 18.9986 2.21094 19.3702 2.58267 19.3703 3.04102L19.3703 6.41211zM19.3703 13.6836C19.3703 14.142 18.9986 14.5137 18.5402 14.5137 18.082 14.5135 17.7101 14.1419 17.7101 13.6836L17.7101 10.3125C17.7102 9.85427 18.082 9.48263 18.5402 9.48242 18.9986 9.48242 19.3703 9.85414 19.3703 10.3125L19.3703 13.6836zM19.3703 20.9551C19.3703 21.4135 18.9986 21.7852 18.5402 21.7852 18.082 21.7849 17.7101 21.4133 17.7101 20.9551L17.7101 17.584C17.7102 17.1257 18.082 16.7541 18.5402 16.7539 18.9986 16.7539 19.3703 17.1256 19.3703 17.584L19.3703 20.9551zM6.28632 6.41211C6.28632 6.87044 5.91455 7.24208 5.45624 7.24219 4.99784 7.24219 4.62616 6.87051 4.62616 6.41211L4.62616 3.04102C4.62622 2.58267 4.99788 2.21094 5.45624 2.21094 5.91451 2.21104 6.28626 2.58274 6.28632 3.04102L6.28632 6.41211zM6.28632 13.6836C6.28632 14.1419 5.91454 14.5136 5.45624 14.5137 4.99784 14.5137 4.62616 14.142 4.62616 13.6836L4.62616 10.3125C4.6262 9.85414 4.99787 9.48242 5.45624 9.48242 5.91452 9.48253 6.28628 9.8542 6.28632 10.3125L6.28632 13.6836zM6.28632 20.9551C6.28632 21.4134 5.91454 21.7851 5.45624 21.7852 4.99784 21.7852 4.62616 21.4135 4.62616 20.9551L4.62616 17.584C4.62618 17.1256 4.99785 16.7539 5.45624 16.7539 5.91453 16.754 6.2863 17.1257 6.28632 17.584L6.28632 20.9551z",
+      fill: $props.useCurrentColor ? "currentColor" : "#165DFF"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorXls/index.js

@@ -41,7 +41,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "xmlns:xlink": "http://www.w3.org/1999/xlink",
-    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color_xls`],
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-color-xls`],
     width: "1em",
     height: "1em"
   }, _ctx.$attrs), [

package/lib/IconIconLineSet2/index.js

@@ -24,7 +24,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     viewBox: "0 0 18 18",
     fill: $props.useCurrentColor ? "currentColor" : "#000",
     xmlns: "http://www.w3.org/2000/svg",
-    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-icon_line_set2`],
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-icon-line-set2`],
     width: "1em",
     height: "1em"
   }, _ctx.$attrs), _hoisted_3, 16, _hoisted_1);

package/lib/IconLinePlay/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconLinePlay",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: true
+    }
+  }
+};
+const _hoisted_1 = ["fill"];
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#svg_aaff17d8db__clip0_6086_485462)" }, [
+  /* @__PURE__ */ vue.createElementVNode("path", { d: "M7.99951 0.5C12.1409 0.5 15.4993 3.8576 15.4995 7.99902C15.4995 12.1407 12.141 15.498 7.99951 15.498C3.8582 15.4978 0.500488 12.1405 0.500488 7.99902C0.500742 3.85776 3.85836 0.500257 7.99951 0.5ZM7.99951 1.83008C4.59278 1.83033 1.83082 4.59241 1.83057 7.99902C1.83057 11.4059 4.59263 14.1677 7.99951 14.168C11.4066 14.168 14.1694 11.406 14.1694 7.99902C14.1692 4.59225 11.4065 1.83008 7.99951 1.83008ZM6.67725 5.52734C6.83881 5.51036 7.03638 5.62325 7.43018 5.85059L9.95068 7.30664C10.3444 7.53396 10.5418 7.64752 10.6079 7.7959C10.6655 7.92535 10.6655 8.07367 10.6079 8.20312C10.5417 8.35139 10.3442 8.46519 9.95068 8.69238L7.43018 10.1475C7.03639 10.3748 6.83881 10.4887 6.67725 10.4717C6.53658 10.4568 6.4089 10.3829 6.32568 10.2686C6.23021 10.1371 6.22998 9.90965 6.22998 9.45508V6.54395C6.22998 6.08924 6.23019 5.8619 6.32568 5.73047C6.40889 5.61598 6.53652 5.54226 6.67725 5.52734Z" })
+], -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "svg_aaff17d8db__clip0_6086_485462" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", { d: "M0 0H16V16H0z" })
+  ])
+], -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
+    viewBox: "0 0 16 16",
+    fill: $props.useCurrentColor ? "currentColor" : "#000",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-line-play`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_4, 16, _hoisted_1);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconLineRefresh/index.js

@@ -10,24 +10,35 @@ const _sfc_main = {
     },
     useCurrentColor: {
       type: Boolean,
-      default: false
+      default: true
     }
   }
 };
 const _hoisted_1 = ["fill"];
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", { d: "M15.7217 9.01123L14.7031 9.86572L14.2754 9.35693L13.8711 8.87549C13.4474 11.738 10.9811 13.9356 8.00098 13.936C6.11897 13.936 4.44215 13.0584 3.35449 11.6919L4.625 11.1304C5.46627 12.0368 6.66697 12.6059 8.00098 12.606C10.2911 12.6055 12.1893 10.9326 12.5449 8.74268L12.0459 9.16162L11.5361 9.58936L10.6816 8.56982L11.1914 8.14307L12.9131 6.69775L13.4229 6.271L15.7217 9.01123ZM8.00098 2.06396C9.88318 2.06423 11.5601 2.9413 12.6475 4.30811L11.3779 4.86865C10.5369 3.96197 9.33515 3.39428 8.00098 3.39404C5.71056 3.39408 3.80991 5.06545 3.4541 7.25537L3.9541 6.83643L4.46387 6.40967L5.31836 7.42822L2.57812 9.72803L2.15039 9.21924L0.706055 7.49658L0.27832 6.98779L1.29688 6.13232L1.72461 6.64209L2.12891 7.12354C2.55249 4.2606 5.02032 2.064 8.00098 2.06396Z" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("g", { "clip-path": "url(#svg_7d741f428e__clip0_6121_45789)" }, [
+  /* @__PURE__ */ vue.createElementVNode("path", { d: "M13.8524 9.74758C14.0351 9.887 14.2772 9.9219 14.4921 9.84036C14.707 9.75865 14.8651 9.57095 14.9091 9.34524C15.6522 5.53006 13.1617 1.83504 9.34656 1.09133C6.55271 0.546969 3.82412 1.7365 2.27137 3.90774C2.05804 4.20631 2.1264 4.6218 2.42469 4.83547C2.72333 5.04904 3.13969 4.97966 3.3534 4.68118C4.61446 2.91806 6.82775 1.95596 9.09168 2.397C11.808 2.92639 13.6967 5.29999 13.7098 7.96536L12.8671 7.3218C12.5752 7.09907 12.1573 7.15504 11.9345 7.4468C11.7117 7.73869 11.7677 8.15657 12.0595 8.37942L13.8524 9.74758ZM6.6532 14.9077C9.41234 15.4455 12.1086 14.2922 13.6708 12.1724C13.8884 11.8767 13.8247 11.4605 13.5292 11.2427C13.2336 11.0251 12.8173 11.0879 12.5995 11.3833C11.3307 13.105 9.14394 14.0387 6.90809 13.6031C4.17847 13.0709 2.28633 10.675 2.29188 7.99368L3.29871 8.71731C3.59684 8.93156 4.01301 8.864 4.22742 8.56594C4.44146 8.26799 4.37365 7.8527 4.07606 7.63821L2.1327 6.24075C1.94877 6.1085 1.70952 6.07821 1.49891 6.16164C1.28848 6.24516 1.13511 6.43067 1.09168 6.65286C0.348144 10.4682 2.83805 14.1638 6.6532 14.9077Z" })
+], -1);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("defs", null, [
+  /* @__PURE__ */ vue.createElementVNode("clipPath", { id: "svg_7d741f428e__clip0_6121_45789" }, [
+    /* @__PURE__ */ vue.createElementVNode("path", {
+      transform: "matrix(1 0 0 -1 0 16)",
+      d: "M0 0H16V16H0z"
+    })
+  ])
+], -1);
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps({
     viewBox: "0 0 16 16",
-    fill: $props.useCurrentColor ? "currentColor" : "currentColor",
+    fill: $props.useCurrentColor ? "currentColor" : "#000",
     xmlns: "http://www.w3.org/2000/svg",
     class: [`${$props.prefix}-icon`, `${$props.prefix}-icon-line-refresh`],
     width: "1em",
     height: "1em"
-  }, _ctx.$attrs), _hoisted_3, 16, _hoisted_1);
+  }, _ctx.$attrs), _hoisted_4, 16, _hoisted_1);
 }
 var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;

package/lib/index.js

@@ -245,6 +245,19 @@ var index$3N = require("./IconLineLlm/index.js");
 var index$3O = require("./IconColorLogicFlow/index.js");
 var index$3P = require("./IconLineSkill/index.js");
 var index$3Q = require("./IconLineAgent/index.js");
+var index$3R = require("./IconColorLongtext/index.js");
+var index$3S = require("./IconColorHline/index.js");
+var index$3T = require("./IconColorBarcode/index.js");
+var index$3U = require("./IconColorTable/index.js");
+var index$3V = require("./IconColorQrcode/index.js");
+var index$3W = require("./IconColorImage/index.js");
+var index$3X = require("./IconColorUser/index.js");
+var index$3Y = require("./IconColorVline/index.js");
+var index$3Z = require("./IconColorTime/index.js");
+var index$3_ = require("./IconColorOval/index.js");
+var index$3$ = require("./IconColorRect/index.js");
+var index$40 = require("./IconColorText/index.js");
+var index$41 = require("./IconLinePlay/index.js");
 exports.IconFillHeart = index;
 exports.IconFillMute = index$1;
 exports.IconFillSound = index$2;
@@ -490,3 +503,16 @@ exports.IconLineLlm = index$3N;
 exports.IconColorLogicFlow = index$3O;
 exports.IconLineSkill = index$3P;
 exports.IconLineAgent = index$3Q;
+exports.IconColorLongtext = index$3R;
+exports.IconColorHline = index$3S;
+exports.IconColorBarcode = index$3T;
+exports.IconColorTable = index$3U;
+exports.IconColorQrcode = index$3V;
+exports.IconColorImage = index$3W;
+exports.IconColorUser = index$3X;
+exports.IconColorVline = index$3Y;
+exports.IconColorTime = index$3Z;
+exports.IconColorOval = index$3_;
+exports.IconColorRect = index$3$;
+exports.IconColorText = index$40;
+exports.IconLinePlay = index$41;

package/package.json

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

package/src/IconColorBarcode/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-barcode`]" width="1em" height="1em" v-bind="$attrs"><path d="M8.39291 8.97656V15.4495M12.0741 8.97656L12.0741 15.4511M15.7552 8.97656L15.7552 15.4495" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round"/><path d="M2.83008 15.1875C3.28828 15.1876 3.65995 15.5594 3.66016 16.0176V16.2676C3.66016 17.0371 3.66098 17.5651 3.69434 17.9736C3.72691 18.3724 3.78672 18.585 3.86426 18.7373C4.04347 19.0888 4.32921 19.3745 4.68066 19.5537C4.83294 19.6313 5.04543 19.691 5.44434 19.7236C5.85291 19.757 6.38069 19.7578 7.15039 19.7578H7.45215C7.91037 19.7579 8.28205 20.1297 8.28223 20.5879C8.28223 21.0462 7.91048 21.4179 7.45215 21.418H7.15039C6.40827 21.418 5.80135 21.4181 5.30957 21.3779C4.8081 21.337 4.35296 21.2498 3.92773 21.0332C3.26353 20.6948 2.72319 20.1544 2.38477 19.4902C2.16823 19.0651 2.081 18.6098 2.04004 18.1084C1.99991 17.6167 2 17.0096 2 16.2676V16.0176C2.00021 15.5594 2.37181 15.1875 2.83008 15.1875ZM21.3184 15.1875C21.7766 15.1875 22.1482 15.5594 22.1484 16.0176V16.2676C22.1484 17.0096 22.1485 17.6167 22.1084 18.1084C22.0674 18.6098 21.9802 19.0651 21.7637 19.4902C21.4252 20.1544 20.8849 20.6948 20.2207 21.0332C19.7955 21.2498 19.3403 21.337 18.8389 21.3779C18.3471 21.4181 17.7401 21.418 16.998 21.418H16.6963C16.238 21.4179 15.8662 21.0462 15.8662 20.5879C15.8664 20.1297 16.2381 19.7579 16.6963 19.7578H16.998C17.7677 19.7578 18.2955 19.757 18.7041 19.7236C19.103 19.691 19.3155 19.6313 19.4678 19.5537C19.8192 19.3745 20.105 19.0888 20.2842 18.7373C20.3617 18.585 20.4215 18.3724 20.4541 17.9736C20.4875 17.5651 20.4883 17.0371 20.4883 16.2676V16.0176C20.4885 15.5594 20.8602 15.1876 21.3184 15.1875ZM7.45215 3C7.91048 3.00007 8.28223 3.37173 8.28223 3.83008C8.28215 4.28837 7.91044 4.66008 7.45215 4.66016H7.15039C6.3807 4.66016 5.85291 4.66096 5.44434 4.69434C5.04548 4.72692 4.83293 4.78668 4.68066 4.86426C4.3292 5.04347 4.04347 5.3292 3.86426 5.68066C3.78668 5.83293 3.72692 6.04548 3.69434 6.44434C3.66096 6.85291 3.66016 7.38071 3.66016 8.15039V8.40039C3.66005 8.85865 3.28835 9.2304 2.83008 9.23047C2.37175 9.23047 2.0001 8.8587 2 8.40039V8.15039C2 7.40828 1.99989 6.80135 2.04004 6.30957C2.08101 5.80812 2.16817 5.35295 2.38477 4.92773C2.7232 4.26352 3.26352 3.7232 3.92773 3.38477C4.35295 3.16817 4.80812 3.08101 5.30957 3.04004C5.80135 2.99989 6.40828 3 7.15039 3H7.45215ZM16.998 3C17.7401 3 18.3471 2.9999 18.8389 3.04004C19.3403 3.08101 19.7955 3.16819 20.2207 3.38477C20.8849 3.7232 21.4252 4.26352 21.7637 4.92773C21.9803 5.35295 22.0674 5.80811 22.1084 6.30957C22.1485 6.80135 22.1484 7.40828 22.1484 8.15039V8.40039C22.1483 8.8587 21.7767 9.23047 21.3184 9.23047C20.8601 9.23037 20.4884 8.85864 20.4883 8.40039V8.15039C20.4883 7.3807 20.4875 6.85291 20.4541 6.44434C20.4215 6.04546 20.3618 5.83293 20.2842 5.68066C20.105 5.3292 19.8192 5.04347 19.4678 4.86426C19.3155 4.7867 19.1029 4.72692 18.7041 4.69434C18.2955 4.66097 17.7677 4.66016 16.998 4.66016H16.6963C16.238 4.66005 15.8663 4.28835 15.8662 3.83008C15.8662 3.37175 16.238 3.0001 16.6963 3H16.998Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorBarcode',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorDataFilter/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_data_filter`]" width="1em" height="1em" v-bind="$attrs"><path d="M7.98647 1.54093C4.28388 1.54093 1.26988 2.71133 1.26988 4.56263C1.26988 5.16178 1.58629 5.72726 2.13831 6.21533L6.29867 10.3757V13.4287C6.29867 14.0463 7.04761 14.5462 7.97494 14.5462C8.90059 14.5462 9.6512 14.0463 9.6512 13.4287V10.3807L13.8637 6.16821C13.9395 6.09752 14.0118 6.02684 14.0792 5.95278L14.1078 5.92417C14.1347 5.89724 14.1566 5.86863 14.1785 5.84171C14.5033 5.44788 14.6817 5.01704 14.6817 4.56431C14.68 2.71133 11.6891 1.54093 7.98647 1.54093Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><ellipse cx="7.976" cy="4.475" rx="5.279" ry="2.13" :fill="useCurrentColor ? 'currentColor' : '#fff'"/></svg>
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-data-filter`]" width="1em" height="1em" v-bind="$attrs"><path d="M7.98647 1.54093C4.28388 1.54093 1.26988 2.71133 1.26988 4.56263C1.26988 5.16178 1.58629 5.72726 2.13831 6.21533L6.29867 10.3757V13.4287C6.29867 14.0463 7.04761 14.5462 7.97494 14.5462C8.90059 14.5462 9.6512 14.0463 9.6512 13.4287V10.3807L13.8637 6.16821C13.9395 6.09752 14.0118 6.02684 14.0792 5.95278L14.1078 5.92417C14.1347 5.89724 14.1566 5.86863 14.1785 5.84171C14.5033 5.44788 14.6817 5.01704 14.6817 4.56431C14.68 2.71133 11.6891 1.54093 7.98647 1.54093Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><ellipse cx="7.976" cy="4.475" rx="5.279" ry="2.13" :fill="useCurrentColor ? 'currentColor' : '#fff'"/></svg>
 </template>
 <script>
 

package/src/IconColorDoc/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :class="[`${prefix}-icon`, `${prefix}-icon-color_doc`]" width="1em" height="1em" v-bind="$attrs"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_3456e2184b__pattern0_6065_139064)'" d="M0 0H32V32H0z"/><defs><pattern id="svg_3456e2184b__pattern0_6065_139064" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#svg_3456e2184b__image0_6065_139064" transform="scale(.025)"/></pattern><image id="svg_3456e2184b__image0_6065_139064" width="40" height="40" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAy1JREFUWEftmD9ME1Ecx78PXRhwaCcJJDgU4lJ6toOGmLYOBkPDYBysBNQFDhdtcBE1lGjEoTWdhGpMqom64CKw2joYGWysbP5JbKJBFwwBhERLT359Pdt6Pa/XXq4MfUnTP/e73/u87+/7e7k+hl0+mBqfS5Q8WaDDCP7j3UjcHmXpanIpAB2i1LGHIQ6D4Ahq/DTSln3wegX9kApApyjFwHC2mtWq3XPVD1hakJKQg1zVk1sJOCq9BeDQk0QrNg9IYSmPwASt+OLr5RT8DGaM9+SJigDpp5hHYOcrhawHIBgQcQssUAlkXQAJbGfioFtgk1qQdQOsFLKugAQpZRHwOllETUlTAMUTGdja96pWkwHn3AJ7WC7AFMCegxmcPKoOmFOS75GJfyFNAdze/o1e+xp6e6z/64nVPGTK9H1QnjDz8zsszWuqkL8ySL960HWgboBaWwqAdHKaNQArEEo1pKFgLerRvQ0FGwrCKUqGP7DqkLXhQR1ilQ3Vr6DfC3i6C8k+fAWevgCWfxR+a7UA/mM8bn0LeP8FuL9QGuO08ZiuNmB5BZhfBOYWFZD6AYNDgO8wT9bSzCFogstRgGAJLhoA9luVMQO3ODDdExoB1jeBxBLgsvF4ypF4VwJZPaDrAk/UagUeXwG+rQBnpoDgIOA7Akw+KihCC6KF3Vvgr7kbuec9DExxSFrosI9fo+9Fo3ZASjZ2iper/zpXhtTwjpWWKx7iCodngSfjBVgNkxoDONwH0Gtk558EKUjqEGzxINVIHQIkC9A7edcUQFKNfEWqhUSgsw3ov8b9lrOBBXh+k/uLSh8P88/kOXlQmeV4w0qc804fLy81DU0u+23+dd5TW8DEIOBxFHxJClIXyyrS54kh4M6sgU1SXBqCCT8rGFwueXGM3CByY0Uvca/Kg3YCMcJ3hJoUpNXKiTc2geQnRef97W63nU9FzZH8qHSbxw50tnOol0tl8+hvEi1XG3x91wOmktOlx3OK/8WHRCnCGC4arExl6RhiybulR3Nlj4CbGOLMwCPgSugkIJ2V4E3NlB4Tm3KIrgXYBKTfzCiPPeg+VUCtpGZd/wOY1YI423gtpQAAAABJRU5ErkJggg=="/></defs></svg>
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :class="[`${prefix}-icon`, `${prefix}-icon-color-doc`]" width="1em" height="1em" v-bind="$attrs"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_3456e2184b__pattern0_6065_139064)'" d="M0 0H32V32H0z"/><defs><pattern id="svg_3456e2184b__pattern0_6065_139064" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#svg_3456e2184b__image0_6065_139064" transform="scale(.025)"/></pattern><image id="svg_3456e2184b__image0_6065_139064" width="40" height="40" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAy1JREFUWEftmD9ME1Ecx78PXRhwaCcJJDgU4lJ6toOGmLYOBkPDYBysBNQFDhdtcBE1lGjEoTWdhGpMqom64CKw2joYGWysbP5JbKJBFwwBhERLT359Pdt6Pa/XXq4MfUnTP/e73/u87+/7e7k+hl0+mBqfS5Q8WaDDCP7j3UjcHmXpanIpAB2i1LGHIQ6D4Ahq/DTSln3wegX9kApApyjFwHC2mtWq3XPVD1hakJKQg1zVk1sJOCq9BeDQk0QrNg9IYSmPwASt+OLr5RT8DGaM9+SJigDpp5hHYOcrhawHIBgQcQssUAlkXQAJbGfioFtgk1qQdQOsFLKugAQpZRHwOllETUlTAMUTGdja96pWkwHn3AJ7WC7AFMCegxmcPKoOmFOS75GJfyFNAdze/o1e+xp6e6z/64nVPGTK9H1QnjDz8zsszWuqkL8ySL960HWgboBaWwqAdHKaNQArEEo1pKFgLerRvQ0FGwrCKUqGP7DqkLXhQR1ilQ3Vr6DfC3i6C8k+fAWevgCWfxR+a7UA/mM8bn0LeP8FuL9QGuO08ZiuNmB5BZhfBOYWFZD6AYNDgO8wT9bSzCFogstRgGAJLhoA9luVMQO3ODDdExoB1jeBxBLgsvF4ypF4VwJZPaDrAk/UagUeXwG+rQBnpoDgIOA7Akw+KihCC6KF3Vvgr7kbuec9DExxSFrosI9fo+9Fo3ZASjZ2iper/zpXhtTwjpWWKx7iCodngSfjBVgNkxoDONwH0Gtk558EKUjqEGzxINVIHQIkC9A7edcUQFKNfEWqhUSgsw3ov8b9lrOBBXh+k/uLSh8P88/kOXlQmeV4w0qc804fLy81DU0u+23+dd5TW8DEIOBxFHxJClIXyyrS54kh4M6sgU1SXBqCCT8rGFwueXGM3CByY0Uvca/Kg3YCMcJ3hJoUpNXKiTc2geQnRef97W63nU9FzZH8qHSbxw50tnOol0tl8+hvEi1XG3x91wOmktOlx3OK/8WHRCnCGC4arExl6RhiybulR3Nlj4CbGOLMwCPgSugkIJ2V4E3NlB4Tm3KIrgXYBKTfzCiPPeg+VUCtpGZd/wOY1YI423gtpQAAAABJRU5ErkJggg=="/></defs></svg>
 </template>
 <script>
 

package/src/IconColorHline/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-hline`]" width="1em" height="1em" v-bind="$attrs"><path d="M3.04309 12H20.9573" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.41406 4.63281C6.87246 4.63281 7.24414 5.00449 7.24414 5.46289 7.24393 5.92111 6.87233 6.29297 6.41406 6.29297H3.04297C2.58475 6.29291 2.2131 5.92107 2.21289 5.46289 2.21289 5.00453 2.58462 4.63287 3.04297 4.63281H6.41406zM13.6855 4.63281C14.1439 4.63281 14.5156 5.00449 14.5156 5.46289 14.5154 5.92111 14.1438 6.29297 13.6855 6.29297H10.3145C9.85622 6.29293 9.48459 5.92108 9.48438 5.46289 9.48438 5.00452 9.85609 4.63285 10.3145 4.63281H13.6855zM20.957 4.63281C21.4154 4.63281 21.7871 5.00449 21.7871 5.46289 21.7869 5.92111 21.4153 6.29297 20.957 6.29297H17.5859C17.1277 6.29295 16.7561 5.9211 16.7559 5.46289 16.7559 5.00451 17.1276 4.63283 17.5859 4.63281H20.957zM6.41406 17.7109C6.87239 17.7109 7.24404 18.0827 7.24414 18.541 7.24414 18.9994 6.87246 19.3711 6.41406 19.3711H3.04297C2.58462 19.371 2.21289 18.9994 2.21289 18.541 2.213 18.0827 2.58469 17.711 3.04297 17.7109H6.41406zM13.6855 17.7109C14.1439 17.7109 14.5155 18.0827 14.5156 18.541 14.5156 18.9994 14.1439 19.3711 13.6855 19.3711H10.3145C9.85609 19.3711 9.48438 18.9994 9.48438 18.541 9.48448 18.0827 9.85616 17.711 10.3145 17.7109H13.6855zM20.957 17.7109C21.4154 17.7109 21.787 18.0827 21.7871 18.541 21.7871 18.9994 21.4154 19.3711 20.957 19.3711H17.5859C17.1276 19.3711 16.7559 18.9994 16.7559 18.541 16.756 18.0827 17.1276 17.711 17.5859 17.7109H20.957z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorHline',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorImage/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-image`]" width="1em" height="1em" v-bind="$attrs"><path d="M4.07251 16.3809L7.91563 13.71L9.83719 15.0455L11.7588 16.3809M19.9254 17.2312L13.3088 12.6328L11.573 13.8391" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.0063 20.1888H13.9917C16.2319 20.1888 17.352 20.1888 18.2076 19.7528C18.9603 19.3693 19.5722 18.7574 19.9557 18.0048C20.3917 17.1491 20.3917 16.029 20.3917 13.7888V9.7083C20.3917 8.43192 20.3917 7.79373 20.2473 7.27108C19.8727 5.91468 18.8129 4.85489 17.4565 4.48028C16.9339 4.33594 16.2957 4.33594 15.0193 4.33594H13.0899H10.0063C7.76605 4.33594 6.64595 4.33594 5.7903 4.77191C5.03765 5.1554 4.42573 5.76733 4.04224 6.51998C3.60626 7.37562 3.60626 8.49573 3.60626 10.7359V13.7888C3.60626 16.029 3.60626 17.1491 4.04224 18.0048C4.42573 18.7574 5.03765 19.3693 5.7903 19.7528C6.64595 20.1888 7.76605 20.1888 10.0063 20.1888Z" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorImage',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorLongtext/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-longtext`]" width="1em" height="1em" v-bind="$attrs"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1992 2.66409C15.1892 2.66409 15.8277 2.65843 16.4336 2.81155C16.9495 2.94202 17.4408 3.15676 17.8867 3.44729C18.4102 3.78855 18.839 4.26187 19.5107 4.98928L20.9932 6.59378C21.5956 7.24615 21.9873 7.66341 22.2686 8.15237C22.5084 8.56932 22.6843 9.02028 22.791 9.48928C22.9161 10.0392 22.9111 10.6113 22.9111 11.4991V14.0977C22.9111 15.2039 22.9124 16.0844 22.8545 16.793C22.7958 17.511 22.6721 18.1263 22.3848 18.6905C21.9218 19.5991 21.183 20.3387 20.2744 20.8018C19.7102 21.0893 19.0941 21.2118 18.376 21.2705C17.6675 21.3284 16.7876 21.3282 15.6816 21.3282H8.32031C7.21412 21.3282 6.33358 21.3284 5.625 21.2705C4.90701 21.2119 4.29165 21.0891 3.72754 20.8018C2.81872 20.3387 2.07928 19.5993 1.61621 18.6905C1.32881 18.1263 1.20615 17.5111 1.14746 16.793C1.08958 16.0844 1.08984 15.204 1.08984 14.0977V9.89456C1.08984 8.78828 1.08957 7.90783 1.14746 7.19925C1.20615 6.48127 1.32887 5.86589 1.61621 5.30178C2.07929 4.39314 2.81885 3.65346 3.72754 3.19046C4.2916 2.90324 4.90709 2.78037 5.625 2.72171C6.33357 2.66385 7.21414 2.66409 8.32031 2.66409H14.1992ZM8.32031 4.32425C7.18704 4.32425 6.38599 4.32498 5.76074 4.376C5.14538 4.42628 4.77172 4.52165 4.48047 4.66995C3.8844 4.97375 3.39959 5.4587 3.0957 6.05471C2.9473 6.34598 2.85207 6.71949 2.80176 7.33499C2.7507 7.96025 2.75 8.76116 2.75 9.89456V14.0977C2.75 15.2312 2.7507 16.032 2.80176 16.6573C2.85206 17.2729 2.94728 17.6462 3.0957 17.9375C3.39959 18.5337 3.88429 19.0184 4.48047 19.3223C4.77175 19.4707 5.14523 19.5659 5.76074 19.6162C6.38599 19.6673 7.18702 19.668 8.32031 19.668H15.6816C16.8151 19.668 17.616 19.6673 18.2412 19.6162C18.8565 19.5659 19.2293 19.4707 19.5205 19.3223C20.1167 19.0184 20.6024 18.5337 20.9062 17.9375C21.0546 17.6463 21.1489 17.2727 21.1992 16.6573C21.2503 16.032 21.251 15.2312 21.251 14.0977V11.4991C21.251 10.5371 21.247 10.1834 21.1729 9.85745C21.1028 9.54964 20.9865 9.25317 20.8291 8.97952C20.6624 8.68985 20.426 8.4264 19.7734 7.71975L18.291 6.11526C17.5627 5.3266 17.2906 5.04106 16.9805 4.83889C16.6877 4.64809 16.3651 4.50659 16.0264 4.42093C15.6675 4.33025 15.2726 4.32425 14.1992 4.32425H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M15.3706 8.17188C15.8289 8.17188 16.2005 8.54373 16.2007 9.00195C16.2007 9.46035 15.829 9.83203 15.3706 9.83203H12.8306V15.7383C12.8304 16.1965 12.4587 16.5683 12.0005 16.5684C11.5422 16.5684 11.1705 16.1966 11.1704 15.7383V9.83203H8.62939C8.17114 9.83187 7.79932 9.46025 7.79932 9.00195C7.79952 8.54383 8.17126 8.17204 8.62939 8.17188H15.3706Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorLongtext',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorNum/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_num`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.7744 9.87629C12.1767 8.14144 13.7083 7.4351 15.0625 7.62629C16.4235 7.81862 17.7059 8.91997 17.706 10.7337C17.706 12.6158 16.1689 13.557 15.1484 14.1546C14.7627 14.3805 14.4358 14.5656 14.1611 14.7445H16.8759C17.334 14.7447 17.7059 15.1164 17.706 15.5745C17.706 16.0327 17.3341 16.4044 16.8759 16.4046H12.583C12.1246 16.4046 11.7529 16.0329 11.7529 15.5745C11.753 14.7331 12.2334 14.1443 12.7236 13.7376C13.1935 13.348 13.8175 13.0101 14.3095 12.722C15.4352 12.0628 16.0459 11.5568 16.0459 10.7337C16.0457 9.84256 15.4704 9.36034 14.8301 9.26985C14.1828 9.17854 13.568 9.49041 13.3916 10.2513C13.2881 10.6978 12.842 10.9758 12.3955 10.8724C11.949 10.7688 11.6709 10.3228 11.7744 9.87629ZM8.24704 7.73469C8.50235 7.57141 8.82682 7.56005 9.09275 7.70539C9.35881 7.85098 9.52434 8.13062 9.52439 8.43391V14.7357H10.0166C10.4749 14.7357 10.8465 15.1075 10.8467 15.5657C10.8467 16.0241 10.475 16.3958 10.0166 16.3958H7.26267C6.80443 16.3956 6.43259 16.024 6.43259 15.5657C6.43277 15.1076 6.80454 14.7359 7.26267 14.7357H7.86423V9.95051L7.57126 10.138C7.18529 10.3849 6.67192 10.2729 6.42478 9.88703C6.17784 9.50105 6.29087 8.98769 6.67673 8.74055L8.24704 7.73469Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-num`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.7744 9.87629C12.1767 8.14144 13.7083 7.4351 15.0625 7.62629C16.4235 7.81862 17.7059 8.91997 17.706 10.7337C17.706 12.6158 16.1689 13.557 15.1484 14.1546C14.7627 14.3805 14.4358 14.5656 14.1611 14.7445H16.8759C17.334 14.7447 17.7059 15.1164 17.706 15.5745C17.706 16.0327 17.3341 16.4044 16.8759 16.4046H12.583C12.1246 16.4046 11.7529 16.0329 11.7529 15.5745C11.753 14.7331 12.2334 14.1443 12.7236 13.7376C13.1935 13.348 13.8175 13.0101 14.3095 12.722C15.4352 12.0628 16.0459 11.5568 16.0459 10.7337C16.0457 9.84256 15.4704 9.36034 14.8301 9.26985C14.1828 9.17854 13.568 9.49041 13.3916 10.2513C13.2881 10.6978 12.842 10.9758 12.3955 10.8724C11.949 10.7688 11.6709 10.3228 11.7744 9.87629ZM8.24704 7.73469C8.50235 7.57141 8.82682 7.56005 9.09275 7.70539C9.35881 7.85098 9.52434 8.13062 9.52439 8.43391V14.7357H10.0166C10.4749 14.7357 10.8465 15.1075 10.8467 15.5657C10.8467 16.0241 10.475 16.3958 10.0166 16.3958H7.26267C6.80443 16.3956 6.43259 16.024 6.43259 15.5657C6.43277 15.1076 6.80454 14.7359 7.26267 14.7357H7.86423V9.95051L7.57126 10.138C7.18529 10.3849 6.67192 10.2729 6.42478 9.88703C6.17784 9.50105 6.29087 8.98769 6.67673 8.74055L8.24704 7.73469Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
 </template>
 <script>
 

package/src/IconColorOval/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-oval`]" width="1em" height="1em" v-bind="$attrs"><path d="M2.68069 12.0019C2.68069 8.29013 5.38541 5.09088 9.08599 4.80331C10.1041 4.72419 11.1128 4.67188 12.0002 4.67188C12.8876 4.67188 13.8963 4.72419 14.9145 4.80331C18.615 5.09088 21.3198 8.29013 21.3198 12.0019C21.3198 15.7136 18.615 18.9128 14.9145 19.2004C13.8964 19.2795 12.8876 19.3318 12.0002 19.3318C11.1128 19.3318 10.1041 19.2795 9.08599 19.2004C5.38541 18.9128 2.68069 15.7136 2.68069 12.0019Z" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorOval',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorPdf/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :class="[`${prefix}-icon`, `${prefix}-icon-color_pdf`]" width="1em" height="1em" v-bind="$attrs"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_d46e3ac0c9__pattern0_6065_68894)'" d="M0 0H32V32H0z"/><defs><pattern id="svg_d46e3ac0c9__pattern0_6065_68894" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#svg_d46e3ac0c9__image0_6065_68894" transform="scale(.025)"/></pattern><image id="svg_d46e3ac0c9__image0_6065_68894" width="40" height="40" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAxtJREFUWEftmE9IFHEUx78/V7NVF3WhQfekh+riYQRBXEkcckOSYrpUUNAfULuFEUSB/aFLIIjgxSUKOxRrl5a2ru5ek8I5ePHknpTWMmPZbZd1d+L309lmd2ec/TPOdth3nPd+bz7vz+8x8wj+cyF6fNsiPywDXWbwO/pHQ/aHL8Ll+CoA3BL5LhsQhElwFMo58SBss3cIRBBKhiwA/C7yiwS4UU60emeck49ga22XkKynkLul+C4AjIj8KgC+FCdGtgeA1Ewibk+vkb1arwW4YWZ5WYn3M7j/XpksksGRW8VCWg+4TzZH3J6pYiCrBQgQPCUDnmdGkNUDpGRFQFYXkKUvPUXco3N6mbQEsOXyBOxdJ/WrSchNMjDyRsvAEsCG3kG0ecTD2y0NgZzxhPKNLAHcy2RA3OfRMXT2MMhdyLJABs9Jls9B5YW/UkCildOFlPdSYf59sLtqgEYjBUCY80s1wCISpWtSy2Al2aNnaxmsZRARkTf9g7WEtNZ6sIRkaZqWn8G25y+zHuVYFMkvQSSCAfbsMB3Vt9y+j/ru0zlEieWP2fMqRfmAJz6sIhPZRHLtKxp7+lDHuRB7NYP4p3dQ62ycC8d6+rC3sY7d6XHQYGgA9Dk9q0hqJcSCzJPKAGnU0fknzGf7rI+99Mf1IQao1tkvXGNZi/kWEF/yMkAZwO/pcaMWMAeQNDsYIP2Y/Dk5VgBIKZzez0Asip17VxlgXbMD0dcz/zK49k0LtjLAdGSTlZn2E4WM+byILy1oAjIozoWdyTEG2NDTlwO0fUnz/70yQKUHaWaSKyGkDnoqv8QUzDnrQ2pjnZVVKbHSHpSU+tKQygDVfaZ2rgas7z6Fpit30NgvIDr/GInlgPU9mB85BVQLvbmxJS/+BN5mx9CRX5LjwkWktzezZVUDUZ0imXiU2VBIRejYIU0OJFcKxop5Y8ZoPpikL78HTQIwciNxfinnemv9F9M1xF0jT0ekX+T8Us5qTnMFXAcEiYkr4GKCkYFwBhA6/VLOmlh3ib4l8sM2iyDTQLjTLxWsPWhguoDFRG2FzV8Hobg4RqvHAAAAAABJRU5ErkJggg=="/></defs></svg>
+<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :class="[`${prefix}-icon`, `${prefix}-icon-color-pdf`]" width="1em" height="1em" v-bind="$attrs"><path :fill="useCurrentColor ? 'currentColor' : 'url(#svg_d46e3ac0c9__pattern0_6065_68894)'" d="M0 0H32V32H0z"/><defs><pattern id="svg_d46e3ac0c9__pattern0_6065_68894" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#svg_d46e3ac0c9__image0_6065_68894" transform="scale(.025)"/></pattern><image id="svg_d46e3ac0c9__image0_6065_68894" width="40" height="40" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAxtJREFUWEftmE9IFHEUx78/V7NVF3WhQfekh+riYQRBXEkcckOSYrpUUNAfULuFEUSB/aFLIIjgxSUKOxRrl5a2ru5ek8I5ePHknpTWMmPZbZd1d+L309lmd2ec/TPOdth3nPd+bz7vz+8x8wj+cyF6fNsiPywDXWbwO/pHQ/aHL8Ll+CoA3BL5LhsQhElwFMo58SBss3cIRBBKhiwA/C7yiwS4UU60emeck49ga22XkKynkLul+C4AjIj8KgC+FCdGtgeA1Ewibk+vkb1arwW4YWZ5WYn3M7j/XpksksGRW8VCWg+4TzZH3J6pYiCrBQgQPCUDnmdGkNUDpGRFQFYXkKUvPUXco3N6mbQEsOXyBOxdJ/WrSchNMjDyRsvAEsCG3kG0ecTD2y0NgZzxhPKNLAHcy2RA3OfRMXT2MMhdyLJABs9Jls9B5YW/UkCildOFlPdSYf59sLtqgEYjBUCY80s1wCISpWtSy2Al2aNnaxmsZRARkTf9g7WEtNZ6sIRkaZqWn8G25y+zHuVYFMkvQSSCAfbsMB3Vt9y+j/ru0zlEieWP2fMqRfmAJz6sIhPZRHLtKxp7+lDHuRB7NYP4p3dQ62ycC8d6+rC3sY7d6XHQYGgA9Dk9q0hqJcSCzJPKAGnU0fknzGf7rI+99Mf1IQao1tkvXGNZi/kWEF/yMkAZwO/pcaMWMAeQNDsYIP2Y/Dk5VgBIKZzez0Asip17VxlgXbMD0dcz/zK49k0LtjLAdGSTlZn2E4WM+byILy1oAjIozoWdyTEG2NDTlwO0fUnz/70yQKUHaWaSKyGkDnoqv8QUzDnrQ2pjnZVVKbHSHpSU+tKQygDVfaZ2rgas7z6Fpit30NgvIDr/GInlgPU9mB85BVQLvbmxJS/+BN5mx9CRX5LjwkWktzezZVUDUZ0imXiU2VBIRejYIU0OJFcKxop5Y8ZoPpikL78HTQIwciNxfinnemv9F9M1xF0jT0ekX+T8Us5qTnMFXAcEiYkr4GKCkYFwBhA6/VLOmlh3ib4l8sM2iyDTQLjTLxWsPWhguoDFRG2FzV8Hobg4RqvHAAAAAABJRU5ErkJggg=="/></defs></svg>
 </template>
 <script>
 

package/src/IconColorQrcode/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-qrcode`]" width="1em" height="1em" v-bind="$attrs"><rect x="3.43" y="3.43" width="7.217" height="7.217" rx="2" stroke="#165DFF" stroke-width="1.66"/><rect x="3.43" y="13.352" width="7.217" height="7.217" rx="2" stroke="#165DFF" stroke-width="1.66"/><rect x="13.353" y="3.43" width="7.217" height="7.217" rx="2" stroke="#165DFF" stroke-width="1.66"/><path d="M13.3532 13.3516L20.5701 13.3516M14.2553 16.3047V20.5732M16.9616 16.3047V20.5732M19.6679 16.3047V20.5732" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorQrcode',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorRadio/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_radio`]" width="1em" height="1em" v-bind="$attrs"><rect x="2.714" y="4.26" width="6" height="6" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 5.22894H21.2845" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><rect x="2.714" y="13.739" width="6" height="6" rx="3" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 9.29095H17.25" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9363 14.7082H21.2845M11.9363 18.7703H17.25" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-radio`]" width="1em" height="1em" v-bind="$attrs"><rect x="2.714" y="4.26" width="6" height="6" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 5.22894H21.2845" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><rect x="2.714" y="13.739" width="6" height="6" rx="3" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/><path d="M11.9363 9.29095H17.25" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9363 14.7082H21.2845M11.9363 18.7703H17.25" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
 </template>
 <script>
 

package/src/IconColorRect/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-rect`]" width="1em" height="1em" v-bind="$attrs"><rect x="1.919" y="3.5" width="20.162" height="17.004" rx="4" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><rect x="6.558" y="8.078" width="10.885" height="7.852" rx="2" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorRect',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorSwitch/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_switch`]" width="1em" height="1em" v-bind="$attrs"><rect x="1.409" y="3.498" width="21.182" height="17.004" rx="8.502" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><rect x="10.895" y="8.016" width="7.968" height="7.968" rx="3.984" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-switch`]" width="1em" height="1em" v-bind="$attrs"><rect x="1.409" y="3.498" width="21.182" height="17.004" rx="8.502" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><rect x="10.895" y="8.016" width="7.968" height="7.968" rx="3.984" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/></svg>
 </template>
 <script>
 

package/src/IconColorTable/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-table`]" width="1em" height="1em" v-bind="$attrs"><path d="M8.67105 7.74219L8.67105 20.3614M15.3289 7.74219L15.3289 20.3614M2.77145 14.0547H21.2285" stroke="#00BBD8" stroke-width="1.66"/><rect x="2.771" y="3.641" width="18.457" height="16.536" rx="3" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><path d="M2.77145 8.39062H21.2285" stroke="#165DFF" stroke-width="1.66"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorTable',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorText/index.vue

@@ -0,0 +1,19 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-text`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66406C16.7876 2.66406 17.6675 2.66381 18.376 2.72168C19.0941 2.78038 19.7102 2.90294 20.2744 3.19043C21.1831 3.6535 21.9218 4.39307 22.3848 5.30176C22.6722 5.86594 22.7958 6.48113 22.8545 7.19922C22.9124 7.90781 22.9111 8.78825 22.9111 9.89453V14.0977C22.9111 15.2039 22.9124 16.0844 22.8545 16.793C22.7958 17.511 22.6721 18.1263 22.3848 18.6904C21.9218 19.5991 21.183 20.3387 20.2744 20.8018C19.7102 21.0892 19.0941 21.2118 18.376 21.2705C17.6675 21.3284 16.7876 21.3281 15.6816 21.3281H8.32031C7.21412 21.3281 6.33358 21.3284 5.625 21.2705C4.90701 21.2118 4.29165 21.089 3.72754 20.8018C2.81872 20.3387 2.07928 19.5993 1.61621 18.6904C1.32881 18.1263 1.20615 17.511 1.14746 16.793C1.08958 16.0844 1.08984 15.2039 1.08984 14.0977V9.89453C1.08984 8.78825 1.08957 7.90781 1.14746 7.19922C1.20615 6.48124 1.32887 5.86586 1.61621 5.30176C2.07929 4.39312 2.81885 3.65343 3.72754 3.19043C4.2916 2.90321 4.90709 2.78035 5.625 2.72168C6.33357 2.66382 7.21414 2.66406 8.32031 2.66406H15.6816ZM8.32031 4.32422C7.18704 4.32422 6.38598 4.32495 5.76074 4.37598C5.14538 4.42625 4.77172 4.52162 4.48047 4.66992C3.8844 4.97372 3.39959 5.45867 3.0957 6.05469C2.9473 6.34595 2.85207 6.71947 2.80176 7.33496C2.7507 7.96022 2.75 8.76113 2.75 9.89453V14.0977C2.75 15.2312 2.7507 16.0319 2.80176 16.6572C2.85206 17.2729 2.94728 17.6462 3.0957 17.9375C3.39959 18.5337 3.88429 19.0184 4.48047 19.3223C4.77175 19.4706 5.14523 19.5659 5.76074 19.6162C6.38599 19.6672 7.18702 19.668 8.32031 19.668H15.6816C16.8151 19.668 17.616 19.6673 18.2412 19.6162C18.8565 19.5659 19.2293 19.4706 19.5205 19.3223C20.1167 19.0184 20.6024 18.5337 20.9062 17.9375C21.0546 17.6462 21.1489 17.2726 21.1992 16.6572C21.2503 16.0319 21.251 15.2311 21.251 14.0977V9.89453C21.251 8.76111 21.2503 7.96022 21.1992 7.33496C21.1489 6.71942 21.0547 6.34596 20.9062 6.05469C20.6024 5.45838 20.1168 4.97382 19.5205 4.66992C19.2293 4.52154 18.8565 4.42629 18.2412 4.37598C17.616 4.32489 16.8151 4.32422 15.6816 4.32422H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M15.3706 8.17188C15.8289 8.17188 16.2005 8.54373 16.2007 9.00195C16.2007 9.46035 15.829 9.83203 15.3706 9.83203H12.8306V15.7383C12.8304 16.1965 12.4587 16.5683 12.0005 16.5684C11.5422 16.5684 11.1705 16.1966 11.1704 15.7383V9.83203H8.62939C8.17114 9.83187 7.79932 9.46025 7.79932 9.00195C7.79952 8.54383 8.17126 8.17204 8.62939 8.17188H15.3706Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorText',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorTextarea/index.vue

@@ -1,5 +1,5 @@
 <template>
-<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color_textarea`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.2012 8.25684C11.6594 8.25709 12.0312 8.62868 12.0312 9.08691C12.0311 9.54506 11.6593 9.91674 11.2012 9.91699H9.5V16.2354C9.5 16.6937 9.12832 17.0654 8.66992 17.0654C8.21162 17.0653 7.83984 16.6937 7.83984 16.2354V9.91699H6.13965C5.68132 9.91699 5.30967 9.54522 5.30957 9.08691C5.30957 8.62852 5.68125 8.25684 6.13965 8.25684H11.2012ZM17.0938 15.4053C17.5519 15.4055 17.9237 15.7771 17.9238 16.2354C17.9238 16.6936 17.552 17.0652 17.0938 17.0654H12.1826C11.7242 17.0654 11.3525 16.6937 11.3525 16.2354C11.3526 15.777 11.7243 15.4053 12.1826 15.4053H17.0938ZM17.0938 12.4414C17.552 12.4416 17.9238 12.8132 17.9238 13.2715C17.9236 13.7296 17.5518 14.1014 17.0938 14.1016H13.5352C13.0769 14.1016 12.7053 13.7297 12.7051 13.2715C12.7051 12.8131 13.0768 12.4414 13.5352 12.4414H17.0938Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-color-textarea`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.6816 2.66797C16.7876 2.66797 17.6675 2.66772 18.376 2.72559C19.0941 2.78429 19.7102 2.90685 20.2744 3.19434C21.1831 3.65741 21.9218 4.39697 22.3848 5.30566C22.6722 5.86984 22.7958 6.48503 22.8545 7.20313C22.9124 7.91171 22.9111 8.79216 22.9111 9.89844V14.1016C22.9111 15.2078 22.9124 16.0883 22.8545 16.7969C22.7958 17.5149 22.6721 18.1302 22.3848 18.6943C21.9218 19.603 21.183 20.3426 20.2744 20.8057C19.7102 21.0931 19.0941 21.2157 18.376 21.2744C17.6675 21.3323 16.7876 21.332 15.6816 21.332H8.32031C7.21412 21.332 6.33358 21.3323 5.625 21.2744C4.90701 21.2157 4.29165 21.0929 3.72754 20.8057C2.81872 20.3426 2.07928 19.6032 1.61621 18.6943C1.32881 18.1302 1.20615 17.5149 1.14746 16.7969C1.08958 16.0883 1.08984 15.2078 1.08984 14.1016V9.89844C1.08984 8.79216 1.08957 7.91171 1.14746 7.20313C1.20615 6.48515 1.32887 5.86977 1.61621 5.30566C2.07929 4.39702 2.81885 3.65734 3.72754 3.19434C4.2916 2.90712 4.90709 2.78425 5.625 2.72559C6.33357 2.66772 7.21414 2.66797 8.32031 2.66797H15.6816ZM8.32031 4.32813C7.18704 4.32813 6.38599 4.32886 5.76074 4.37988C5.14538 4.43016 4.77172 4.52553 4.48047 4.67383C3.8844 4.97763 3.39959 5.46258 3.0957 6.05859C2.9473 6.34986 2.85207 6.72337 2.80176 7.33887C2.7507 7.96413 2.75 8.76503 2.75 9.89844V14.1016C2.75 15.2351 2.7507 16.0358 2.80176 16.6611C2.85206 17.2768 2.94728 17.6501 3.0957 17.9414C3.39959 18.5376 3.88429 19.0223 4.48047 19.3262C4.77175 19.4745 5.14523 19.5698 5.76074 19.6201C6.38599 19.6711 7.18702 19.6719 8.32031 19.6719H15.6816C16.8151 19.6719 17.616 19.6712 18.2412 19.6201C18.8565 19.5698 19.2293 19.4745 19.5205 19.3262C20.1167 19.0223 20.6024 18.5376 20.9063 17.9414C21.0546 17.6501 21.1489 17.2765 21.1992 16.6611C21.2503 16.0358 21.251 15.2351 21.251 14.1016V9.89844C21.251 8.76501 21.2503 7.96413 21.1992 7.33887C21.1489 6.72333 21.0547 6.34987 20.9063 6.05859C20.6024 5.46228 20.1168 4.97773 19.5205 4.67383C19.2293 4.52544 18.8565 4.4302 18.2412 4.37988C17.616 4.3288 16.8151 4.32813 15.6816 4.32813H8.32031Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M11.2012 8.25684C11.6594 8.25709 12.0312 8.62868 12.0312 9.08691C12.0311 9.54506 11.6593 9.91674 11.2012 9.91699H9.5V16.2354C9.5 16.6937 9.12832 17.0654 8.66992 17.0654C8.21162 17.0653 7.83984 16.6937 7.83984 16.2354V9.91699H6.13965C5.68132 9.91699 5.30967 9.54522 5.30957 9.08691C5.30957 8.62852 5.68125 8.25684 6.13965 8.25684H11.2012ZM17.0938 15.4053C17.5519 15.4055 17.9237 15.7771 17.9238 16.2354C17.9238 16.6936 17.552 17.0652 17.0938 17.0654H12.1826C11.7242 17.0654 11.3525 16.6937 11.3525 16.2354C11.3526 15.777 11.7243 15.4053 12.1826 15.4053H17.0938ZM17.0938 12.4414C17.552 12.4416 17.9238 12.8132 17.9238 13.2715C17.9236 13.7296 17.5518 14.1014 17.0938 14.1016H13.5352C13.0769 14.1016 12.7053 13.7297 12.7051 13.2715C12.7051 12.8131 13.0768 12.4414 13.5352 12.4414H17.0938Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
 </template>
 <script>