@arco-iconbox/vue-smartcode 0.1.74 → 0.1.75

package/lib/IconColorPeople/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: "IconColorPeople",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M2.30859 17.8132C2.30859 17.3609 2.30859 17.1348 2.32687 16.9442C2.50983 15.037 4.01945 13.5274 5.92663 13.3445C6.11718 13.3262 6.34334 13.3262 6.79566 13.3262H17.205C17.6573 13.3262 17.8835 13.3262 18.074 13.3445C19.9812 13.5274 21.4908 15.037 21.6738 16.9442C21.6921 17.1348 21.6921 17.3609 21.6921 17.8132C21.6921 18.0394 21.6921 18.1525 21.6829 18.2478C21.5915 19.2013 20.8367 19.9562 19.8831 20.0476C19.7878 20.0568 19.6747 20.0568 19.4485 20.0568H4.55213C4.32597 20.0568 4.21288 20.0568 4.11761 20.0476C3.16402 19.9562 2.40921 19.2013 2.31773 18.2478C2.30859 18.1525 2.30859 18.0394 2.30859 17.8132Z",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "stroke-linejoin": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "8.391",
+  y: "3.2",
+  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-people`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorTab/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorTab",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M14.3047 4.07349L14.3047 9.2793",
+  stroke: "#00BBD8",
+  "stroke-width": "1.66",
+  "stroke-linecap": "round"
+}, null, -1);
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("path", {
+  d: "M20.8196 9.44585V15.1264C20.8196 16.8065 20.8196 17.6466 20.4926 18.2883C20.205 18.8528 19.746 19.3118 19.1816 19.5994C18.5398 19.9264 17.6997 19.9264 16.0196 19.9264H7.98164C6.30148 19.9264 5.4614 19.9264 4.81967 19.5994C4.25518 19.3118 3.79624 18.8528 3.50862 18.2883C3.18164 17.6466 3.18164 16.8065 3.18164 15.1264V9.44585M20.8196 9.44585V8.87349C20.8196 7.19333 20.8196 6.35325 20.4926 5.71151C20.205 5.14703 19.746 4.68809 19.1816 4.40047C18.5398 4.07349 17.6997 4.07349 16.0196 4.07349H13.147H7.98164C6.30148 4.07349 5.4614 4.07349 4.81967 4.40047C4.25518 4.68809 3.79624 5.14703 3.50862 5.71151C3.18164 6.35325 3.18164 7.19333 3.18164 8.87349V9.44585M20.8196 9.44585H3.18164",
+  stroke: "#165DFF",
+  "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-tab`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), _hoisted_3, 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/IconColorTitle/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {
+  name: "IconColorTitle",
+  props: {
+    prefix: {
+      type: String,
+      default: "sc"
+    },
+    useCurrentColor: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("rect", {
+  x: "1.92",
+  y: "3.498",
+  width: "20.162",
+  height: "17.004",
+  rx: "4",
+  stroke: "#165DFF",
+  "stroke-width": "1.66",
+  "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-title`],
+    width: "1em",
+    height: "1em"
+  }, _ctx.$attrs), [
+    _hoisted_1,
+    vue.createElementVNode("path", {
+      d: "M12.2959 7.90161C12.7542 7.90168 13.126 8.27333 13.126 8.73169V15.2688C13.1258 15.727 12.7542 16.0988 12.2959 16.0989C11.8376 16.0989 11.466 15.7271 11.4658 15.2688V12.7278C11.4475 12.729 11.4288 12.7307 11.4102 12.7307H8.33398V15.2688C8.33385 15.7271 7.96222 16.0989 7.50391 16.0989C7.04559 16.0989 6.67396 15.7271 6.67383 15.2688V8.73169C6.67383 8.27329 7.04551 7.90161 7.50391 7.90161C7.9623 7.90161 8.33398 8.27329 8.33398 8.73169V11.0706H11.4102C11.4288 11.0706 11.4475 11.0713 11.4658 11.0725V8.73169C11.4658 8.27329 11.8375 7.90161 12.2959 7.90161ZM16.4971 11.1702C16.9554 11.1703 17.3271 11.5419 17.3271 12.0002V15.2688C17.3271 15.7271 16.9554 16.0987 16.4971 16.0989C16.0387 16.0989 15.667 15.7272 15.667 15.2688V12.0002C15.667 11.5418 16.0387 11.1702 16.4971 11.1702Z",
+      fill: $props.useCurrentColor ? "currentColor" : "#00BBD8"
+    }, null, 8, _hoisted_2)
+  ], 16);
+}
+var index = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/index.js

@@ -353,6 +353,14 @@ var index$5t = require("./IconColorColorselection/index.js");
 var index$5u = require("./IconColorTip/index.js");
 var index$5v = require("./IconColorImageupload/index.js");
 var index$5w = require("./IconColorSlide/index.js");
+var index$5x = require("./IconColorPeople/index.js");
+var index$5y = require("./IconColorTitle/index.js");
+var index$5z = require("./IconColorBlock/index.js");
+var index$5A = require("./IconColorTab/index.js");
+var index$5B = require("./IconColorDictionary/index.js");
+var index$5C = require("./IconColorOrganization/index.js");
+var index$5D = require("./IconColorCard/index.js");
+var index$5E = require("./IconColorLine/index.js");
 exports.IconFillHeart = index;
 exports.IconFillMute = index$1;
 exports.IconFillSound = index$2;
@@ -706,3 +714,11 @@ exports.IconColorColorselection = index$5t;
 exports.IconColorTip = index$5u;
 exports.IconColorImageupload = index$5v;
 exports.IconColorSlide = index$5w;
+exports.IconColorPeople = index$5x;
+exports.IconColorTitle = index$5y;
+exports.IconColorBlock = index$5z;
+exports.IconColorTab = index$5A;
+exports.IconColorDictionary = index$5B;
+exports.IconColorOrganization = index$5C;
+exports.IconColorCard = index$5D;
+exports.IconColorLine = index$5E;

package/package.json

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

package/src/IconColorBlock/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-block`]" width="1em" height="1em" v-bind="$attrs"><rect x="3.23" y="4.178" width="9.152" height="6.572" rx="2" stroke="#165DFF" stroke-width="1.66"/><rect x="20.768" y="19.822" width="9.152" height="6.572" rx="2" transform="rotate(-180 20.768 19.822)" stroke="#165DFF" stroke-width="1.66"/><rect x="3.23" y="13.25" width="5.787" height="6.572" rx="2" stroke="#165DFF" stroke-width="1.66"/><rect x="20.768" y="10.75" width="5.787" height="6.572" rx="2" transform="rotate(-180 20.768 10.75)" stroke="#00BBD8" stroke-width="1.66"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorBlock',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorCard/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-card`]" width="1em" height="1em" v-bind="$attrs"><path d="M20.8196 9.44585V15.1264C20.8196 16.8065 20.8196 17.6466 20.4926 18.2883C20.205 18.8528 19.746 19.3118 19.1816 19.5994C18.5398 19.9264 17.6997 19.9264 16.0196 19.9264H7.98164C6.30148 19.9264 5.4614 19.9264 4.81967 19.5994C4.25518 19.3118 3.79624 18.8528 3.50862 18.2883C3.18164 17.6466 3.18164 16.8065 3.18164 15.1264V9.44585M20.8196 9.44585V8.87349C20.8196 7.19333 20.8196 6.35325 20.4926 5.71151C20.205 5.14703 19.746 4.68809 19.1816 4.40047C18.5398 4.07349 17.6997 4.07349 16.0196 4.07349H13.147H7.98164C6.30148 4.07349 5.4614 4.07349 4.81967 4.40047C4.25518 4.68809 3.79624 5.14703 3.50862 5.71151C3.18164 6.35325 3.18164 7.19333 3.18164 8.87349V9.44585M20.8196 9.44585H3.18164" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.02539 15.5784H11.5382" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorCard',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorDictionary/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-dictionary`]" width="1em" height="1em" v-bind="$attrs"><path d="M15.4766 3.29443C16.1627 3.29443 16.728 3.29411 17.1865 3.33154C17.6545 3.3698 18.0854 3.45205 18.4893 3.65771C19.1155 3.97697 19.625 4.48654 19.9443 5.11279C20.1501 5.51669 20.2322 5.94752 20.2705 6.41553C20.308 6.87402 20.3076 7.43932 20.3076 8.12549V16.1196H19.2666C18.5544 16.2218 18.0068 16.8332 18.0068 17.5737C18.0073 18.3851 18.6652 19.0432 19.4766 19.0435H20.3145V20.7056H6.82129C5.0915 20.7056 3.68892 19.3034 3.68848 17.5737L3.6875 17.5728V8.12549C3.6875 7.43932 3.68715 6.87402 3.72461 6.41553C3.76289 5.9475 3.84498 5.5167 4.05078 5.11279C4.37008 4.48644 4.8795 3.97701 5.50586 3.65771C5.90978 3.45191 6.34056 3.36983 6.80859 3.33154C7.26709 3.29408 7.83237 3.29443 8.51855 3.29443H15.4766ZM6.82129 16.103C6.00939 16.103 5.35059 16.7618 5.35059 17.5737C5.35103 18.3852 6.00967 19.0435 6.82129 19.0435H16.7109C16.7125 19.0463 16.7143 19.0494 16.7158 19.0522C16.4794 18.6119 16.3449 18.1085 16.3447 17.5737C16.3447 17.0421 16.4782 16.5417 16.7119 16.103H6.82129ZM8.51855 4.95654C7.80504 4.95654 7.31944 4.95715 6.94434 4.98779C6.57908 5.01766 6.39138 5.07162 6.26074 5.13818C5.94686 5.29815 5.69122 5.5538 5.53125 5.86768C5.46469 5.99831 5.41073 6.18604 5.38086 6.55127C5.35022 6.92636 5.34961 7.41199 5.34961 8.12549V14.8081C5.78843 14.5741 6.28931 14.4409 6.82129 14.4409H18.6455V8.12549C18.6455 7.412 18.6449 6.92636 18.6143 6.55127C18.5844 6.18607 18.5294 5.9983 18.4629 5.86768C18.3029 5.55408 18.0481 5.29804 17.7344 5.13818C17.6037 5.07171 17.4158 5.01762 17.0508 4.98779C16.6757 4.95717 16.19 4.95654 15.4766 4.95654H8.51855Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M8.28906 8.95947L11.7861 8.95947" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorDictionary',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorLine/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-line`]" width="1em" height="1em" v-bind="$attrs"><path d="M3.04297 12.0027H20.9572" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.41406 4.62964C6.87246 4.62964 7.24414 5.00132 7.24414 5.45972 7.24393 5.91793 6.87233 6.28979 6.41406 6.28979H3.04297C2.58475 6.28974 2.2131 5.9179 2.21289 5.45972 2.21289 5.00136 2.58462 4.6297 3.04297 4.62964H6.41406zM13.6855 4.62964C14.1439 4.62964 14.5156 5.00132 14.5156 5.45972 14.5154 5.91793 14.1438 6.28979 13.6855 6.28979H10.3145C9.85622 6.28976 9.48459 5.91791 9.48438 5.45972 9.48438 5.00134 9.85609 4.62968 10.3145 4.62964H13.6855zM20.957 4.62964C21.4154 4.62964 21.7871 5.00132 21.7871 5.45972 21.7869 5.91793 21.4153 6.28979 20.957 6.28979H17.5859C17.1277 6.28978 16.7561 5.91792 16.7559 5.45972 16.7559 5.00133 17.1276 4.62966 17.5859 4.62964H20.957zM6.41406 17.7136C6.87239 17.7136 7.24404 18.0854 7.24414 18.5437 7.24414 19.0021 6.87246 19.3738 6.41406 19.3738H3.04297C2.58462 19.3737 2.21289 19.0021 2.21289 18.5437 2.213 18.0854 2.58469 17.7137 3.04297 17.7136H6.41406zM13.6855 17.7136C14.1439 17.7136 14.5155 18.0854 14.5156 18.5437 14.5156 19.0021 14.1439 19.3738 13.6855 19.3738H10.3145C9.85609 19.3737 9.48438 19.0021 9.48438 18.5437 9.48448 18.0854 9.85616 17.7137 10.3145 17.7136H13.6855zM20.957 17.7136C21.4154 17.7136 21.787 18.0854 21.7871 18.5437 21.7871 19.0021 21.4154 19.3738 20.957 19.3738H17.5859C17.1276 19.3738 16.7559 19.0021 16.7559 18.5437 16.756 18.0854 17.1276 17.7136 17.5859 17.7136H20.957z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorLine',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorOrganization/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-organization`]" width="1em" height="1em" v-bind="$attrs"><path d="M4.8125 16.4795C5.84812 16.4795 6.6875 17.319 6.6875 18.3545C6.68729 19.3898 5.84799 20.2295 4.8125 20.2295C3.77701 20.2295 2.93771 19.3898 2.9375 18.3545C2.9375 17.319 3.77688 16.4795 4.8125 16.4795ZM12 16.4795C13.0356 16.4795 13.875 17.319 13.875 18.3545C13.8747 19.3898 13.0355 20.2295 12 20.2295C10.9645 20.2295 10.1253 19.3898 10.125 18.3545C10.125 17.319 10.9644 16.4795 12 16.4795ZM19.1875 16.4795C20.2231 16.4795 21.0625 17.319 21.0625 18.3545C21.0623 19.3898 20.223 20.2295 19.1875 20.2295C18.152 20.2295 17.3127 19.3898 17.3125 18.3545C17.3125 17.319 18.1519 16.4795 19.1875 16.4795ZM12 2.75C13.1283 2.75003 14.043 3.66473 14.043 4.79297C14.043 5.92123 13.1283 6.83591 12 6.83594C10.8716 6.83594 9.95703 5.92125 9.95703 4.79297C9.95705 3.66471 10.8716 2.75 12 2.75Z" :fill="useCurrentColor ? 'currentColor' : '#165DFF'"/><path d="M12 8.03125L12 14.2225" stroke="#00BBD8" stroke-width="1.663" stroke-linejoin="round"/><path d="M4.8125 14.2225V11.2473H19.1875V14.2225" stroke="#00BBD8" stroke-width="1.663"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorOrganization',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorPeople/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-people`]" width="1em" height="1em" v-bind="$attrs"><path d="M2.30859 17.8132C2.30859 17.3609 2.30859 17.1348 2.32687 16.9442C2.50983 15.037 4.01945 13.5274 5.92663 13.3445C6.11718 13.3262 6.34334 13.3262 6.79566 13.3262H17.205C17.6573 13.3262 17.8835 13.3262 18.074 13.3445C19.9812 13.5274 21.4908 15.037 21.6738 16.9442C21.6921 17.1348 21.6921 17.3609 21.6921 17.8132C21.6921 18.0394 21.6921 18.1525 21.6829 18.2478C21.5915 19.2013 20.8367 19.9562 19.8831 20.0476C19.7878 20.0568 19.6747 20.0568 19.4485 20.0568H4.55213C4.32597 20.0568 4.21288 20.0568 4.11761 20.0476C3.16402 19.9562 2.40921 19.2013 2.31773 18.2478C2.30859 18.1525 2.30859 18.0394 2.30859 17.8132Z" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><rect x="8.391" y="3.2" width="7.22" height="7.22" rx="3.61" stroke="#00BBD8" stroke-width="1.66" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorPeople',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorTab/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-tab`]" width="1em" height="1em" v-bind="$attrs"><path d="M14.3047 4.07349L14.3047 9.2793" stroke="#00BBD8" stroke-width="1.66" stroke-linecap="round"/><path d="M20.8196 9.44585V15.1264C20.8196 16.8065 20.8196 17.6466 20.4926 18.2883C20.205 18.8528 19.746 19.3118 19.1816 19.5994C18.5398 19.9264 17.6997 19.9264 16.0196 19.9264H7.98164C6.30148 19.9264 5.4614 19.9264 4.81967 19.5994C4.25518 19.3118 3.79624 18.8528 3.50862 18.2883C3.18164 17.6466 3.18164 16.8065 3.18164 15.1264V9.44585M20.8196 9.44585V8.87349C20.8196 7.19333 20.8196 6.35325 20.4926 5.71151C20.205 5.14703 19.746 4.68809 19.1816 4.40047C18.5398 4.07349 17.6997 4.07349 16.0196 4.07349H13.147H7.98164C6.30148 4.07349 5.4614 4.07349 4.81967 4.40047C4.25518 4.68809 3.79624 5.14703 3.50862 5.71151C3.18164 6.35325 3.18164 7.19333 3.18164 8.87349V9.44585M20.8196 9.44585H3.18164" stroke="#165DFF" stroke-width="1.66" stroke-linecap="round" stroke-linejoin="round"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorTab',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/IconColorTitle/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-title`]" width="1em" height="1em" v-bind="$attrs"><rect x="1.92" y="3.498" width="20.162" height="17.004" rx="4" stroke="#165DFF" stroke-width="1.66" stroke-linejoin="round"/><path d="M12.2959 7.90161C12.7542 7.90168 13.126 8.27333 13.126 8.73169V15.2688C13.1258 15.727 12.7542 16.0988 12.2959 16.0989C11.8376 16.0989 11.466 15.7271 11.4658 15.2688V12.7278C11.4475 12.729 11.4288 12.7307 11.4102 12.7307H8.33398V15.2688C8.33385 15.7271 7.96222 16.0989 7.50391 16.0989C7.04559 16.0989 6.67396 15.7271 6.67383 15.2688V8.73169C6.67383 8.27329 7.04551 7.90161 7.50391 7.90161C7.9623 7.90161 8.33398 8.27329 8.33398 8.73169V11.0706H11.4102C11.4288 11.0706 11.4475 11.0713 11.4658 11.0725V8.73169C11.4658 8.27329 11.8375 7.90161 12.2959 7.90161ZM16.4971 11.1702C16.9554 11.1703 17.3271 11.5419 17.3271 12.0002V15.2688C17.3271 15.7271 16.9554 16.0987 16.4971 16.0989C16.0387 16.0989 15.667 15.7272 15.667 15.2688V12.0002C15.667 11.5418 16.0387 11.1702 16.4971 11.1702Z" :fill="useCurrentColor ? 'currentColor' : '#00BBD8'"/></svg>
+</template>
+<script>
+
+export default {
+  name: 'IconColorTitle',
+  props: {
+    prefix: {
+        type: String,
+        default: 'sc',
+    },
+    useCurrentColor: {
+        type: Boolean,
+        default: false,
+    },
+  },
+};
+</script>

package/src/index.js

@@ -350,4 +350,12 @@ export { default as IconColorLink } from './IconColorLink/index.vue';
 export { default as IconColorColorselection } from './IconColorColorselection/index.vue';
 export { default as IconColorTip } from './IconColorTip/index.vue';
 export { default as IconColorImageupload } from './IconColorImageupload/index.vue';
-export { default as IconColorSlide } from './IconColorSlide/index.vue';
+export { default as IconColorSlide } from './IconColorSlide/index.vue';
+export { default as IconColorPeople } from './IconColorPeople/index.vue';
+export { default as IconColorTitle } from './IconColorTitle/index.vue';
+export { default as IconColorBlock } from './IconColorBlock/index.vue';
+export { default as IconColorTab } from './IconColorTab/index.vue';
+export { default as IconColorDictionary } from './IconColorDictionary/index.vue';
+export { default as IconColorOrganization } from './IconColorOrganization/index.vue';
+export { default as IconColorCard } from './IconColorCard/index.vue';
+export { default as IconColorLine } from './IconColorLine/index.vue';