@veltra/icons 1.0.0

package/src/svg/normal/warning.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 13A6 6 0 1 0 8 2a6 6 0 0 0 0 12m.5-4.5V4h-1v5.5zm-1.106 1h1.2v1.2h-1.2z"/></svg>

package/src/svg/normal/zoom-in.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M11 8v6m-3-3h6"/></svg>

package/src/svg/normal/zoom-out.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M8 11h6"/></svg>

package/src/vue/colorful/archive.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:e16134adc311e2b0 gen:2 source:src/svg/colorful/archive.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Archive' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#ffc757"
+        d="M10.308 1.013H4.225c-1.22 0-2.208.988-2.208 2.208v9.577c0 1.22.988 2.209 2.208 2.209h7.586c1.22 0 2.208-.99 2.208-2.209V4.723c0-.497-.198-.974-.55-1.325l-1.835-1.836a1.88 1.88 0 0 0-1.326-.55"
+      />
+      <path
+        fill="#f79f2b"
+        d="M4.763 3.075h1.118c.122 0 .222-.1.222-.222V1.735c0-.123-.1-.222-.222-.222H4.763c-.123 0-.222.1-.222.222v1.118c0 .122.1.222.222.222m2.68 0H6.326c-.123 0-.223.1-.223.223v1.117c0 .123.1.223.223.223h1.117c.123 0 .223-.1.223-.223V3.298c0-.123-.1-.223-.223-.223M4.763 6.2h1.118c.122 0 .222-.1.222-.222V4.86c0-.123-.1-.222-.222-.222H4.763c-.123 0-.222.1-.222.222v1.118c0 .122.1.222.222.222m2.68 0H6.326c-.123 0-.223.1-.223.223V7.54c0 .123.1.223.223.223h1.117c.123 0 .223-.1.223-.223V6.423c0-.123-.1-.223-.223-.223m-.324 2.425H5.023a.483.483 0 0 0-.482.483v2.43c0 .266.216.483.482.483H7.12a.483.483 0 0 0 .483-.483v-2.43a.483.483 0 0 0-.483-.483m-.077 2.572a.39.39 0 0 1-.388.388H5.488a.39.39 0 0 1-.388-.388v-.427c0-.215.174-.389.388-.389h1.166c.214 0 .388.174.388.389zm6.428-7.8-1.836-1.835a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.184 1.185h2.115a1.9 1.9 0 0 0-.498-.895"
+      />
+      <path
+        fill="#fff"
+        d="M4.763 2.888h1.118c.122 0 .222-.1.222-.223V1.548c0-.123-.1-.223-.222-.223H4.763c-.123 0-.222.1-.222.223v1.117c0 .123.1.223.222.223m2.68 0H6.326c-.123 0-.223.1-.223.222v1.118c0 .123.1.222.223.222h1.117c.123 0 .223-.1.223-.222V3.11c0-.123-.1-.222-.223-.222m-2.68 3.125h1.118c.122 0 .222-.1.222-.223V4.673c0-.123-.1-.223-.222-.223H4.763c-.123 0-.222.1-.222.223V5.79c0 .123.1.223.222.223m2.68 0H6.326c-.123 0-.223.1-.223.222v1.118c0 .123.1.222.223.222h1.117c.123 0 .223-.1.223-.222V6.235c0-.123-.1-.222-.223-.222m-.324 2.425H5.023a.483.483 0 0 0-.482.483v2.43c0 .266.216.482.482.482H7.12a.483.483 0 0 0 .483-.483V8.92a.483.483 0 0 0-.483-.482m-.077 2.572a.39.39 0 0 1-.388.388H5.488a.39.39 0 0 1-.388-.388v-.428c0-.214.174-.388.388-.388h1.166c.214 0 .388.174.388.388z"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/excel.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:5737044d6cc566cd gen:2 source:src/svg/colorful/excel.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Excel' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#53d39c"
+        d="M10.292 1H4.209C2.989 1 2 1.987 2 3.206v9.578c0 1.22.99 2.208 2.209 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.71c0-.497-.198-.974-.55-1.326l-1.835-1.836A1.88 1.88 0 0 0 10.292 1"
+      />
+      <path
+        fill="#25bf79"
+        d="M10.242 6.075a.375.375 0 0 0-.53 0l-1.73 1.73-1.731-1.73a.375.375 0 0 0-.53.53l1.73 1.731-1.73 1.73a.375.375 0 0 0 .53.53l1.73-1.73 1.73 1.73a.374.374 0 0 0 .53 0 .375.375 0 0 0 0-.53l-1.73-1.73 1.73-1.73a.375.375 0 0 0 0-.53m3.211-2.69-1.835-1.837a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.184 1.185h2.115a1.9 1.9 0 0 0-.499-.895"
+      />
+      <path
+        fill="#fff"
+        d="m8.511 8.149 1.73-1.73a.375.375 0 0 0-.53-.531l-1.73 1.73-1.73-1.73a.375.375 0 0 0-.53.53l1.73 1.73L5.72 9.88a.375.375 0 0 0 .53.53l1.73-1.73 1.73 1.73a.374.374 0 0 0 .53 0 .375.375 0 0 0 0-.53z"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/fold.vue

@@ -0,0 +1,21 @@
+<!-- @veltra/icons generated sha256:fc45d101f3f57c3c gen:2 source:src/svg/colorful/fold.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Fold' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#ffba53"
+        d="M11.56 4.534H1.003v-.876C1.003 2.742 1.746 2 2.661 2h6.143a2.03 2.03 0 0 1 1.7.919z"
+      />
+      <path
+        fill="#ffdc53"
+        d="M15.003 6.2v5.586c0 1.22-.989 2.208-2.208 2.208H3.212a2.21 2.21 0 0 1-2.209-2.208V3.992h11.792c1.22 0 2.208.989 2.208 2.208"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/image.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:0730f96aed9042e8 gen:2 source:src/svg/colorful/image.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Image' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#ffc757"
+        d="M12.315 14.504H3.721a2.19 2.19 0 0 1-2.187-2.188V3.722c0-1.208.98-2.187 2.187-2.187h8.594c1.208 0 2.187.98 2.187 2.187v8.594a2.19 2.19 0 0 1-2.187 2.188"
+      />
+      <path
+        fill="#ef9f2b"
+        d="M12.034 10.077 10.98 8.249a.625.625 0 0 0-1.083 0l-1 1.732-1.86-3.22a.625.625 0 0 0-1.083 0l-1.915 3.316c-.24.417.06.938.542.938h6.913a.625.625 0 0 0 .541-.938M9.299 6.066a.864.864 0 1 0 1.573-.713.864.864 0 0 0-1.573.713"
+      />
+      <path
+        fill="#fff"
+        d="M12.034 9.89 10.98 8.06a.625.625 0 0 0-1.083 0l-1 1.733-1.86-3.221a.625.625 0 0 0-1.083 0L4.038 9.89c-.24.416.06.937.542.937h6.913a.625.625 0 0 0 .541-.938M9.299 5.878a.864.864 0 1 0 1.573-.712.864.864 0 0 0-1.573.712"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/middle-ground.vue

@@ -0,0 +1,24 @@
+<!-- @veltra/icons generated sha256:17e2fbfe46db9656 gen:2 source:src/svg/colorful/middle-ground.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'MiddleGround' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="#1890ff"
+      d="M15 8q0 .172-.008.343t-.026.343-.042.341-.058.339-.076.335-.091.331-.108.326-.124.32q-.066.16-.14.315-.072.155-.154.307-.08.151-.169.299-.088.147-.184.29-.095.143-.197.28-.103.139-.212.272t-.224.26-.237.249q-.122.121-.25.237-.126.115-.26.224-.132.11-.27.212t-.281.197-.29.184-.3.17q-.15.08-.306.154-.155.073-.314.14-.159.065-.32.123-.163.058-.327.108t-.331.091-.335.076q-.169.033-.339.058t-.34.042-.344.026T8 15t-.343-.008q-.172-.009-.343-.026t-.341-.042-.339-.058q-.168-.034-.335-.076t-.331-.091-.326-.108-.32-.124q-.16-.066-.315-.14-.155-.072-.307-.154-.151-.08-.299-.169-.147-.088-.29-.184-.143-.095-.28-.197-.139-.103-.272-.212t-.26-.224-.249-.237q-.121-.122-.237-.25-.115-.126-.224-.26-.11-.132-.211-.27-.103-.138-.198-.281t-.184-.29-.17-.3q-.08-.15-.154-.306-.073-.155-.14-.314-.065-.159-.123-.32-.058-.163-.108-.327t-.091-.331-.075-.335-.06-.339q-.024-.17-.041-.34-.017-.172-.026-.344T1 8t.008-.343q.009-.172.026-.343t.042-.341.059-.339.075-.335.091-.331.108-.326.124-.32.14-.315q.073-.155.154-.307.08-.151.169-.299.088-.147.184-.29.095-.143.198-.28.102-.139.21-.272.11-.133.225-.26.116-.127.237-.249.122-.121.25-.237.126-.115.26-.224.132-.11.27-.211.138-.103.281-.198t.29-.184.3-.17q.15-.08.306-.154.155-.073.314-.14.159-.065.32-.123.163-.058.327-.108t.331-.091.335-.075q.169-.034.339-.06.17-.024.34-.041.172-.017.344-.026T8 1t.343.008q.172.009.343.026t.341.042.339.059.335.075.331.091.326.108.32.124q.16.066.315.14.155.073.307.154.151.08.299.169.147.088.29.184.143.095.28.198.139.102.272.21.133.11.26.225.127.116.249.237.121.122.237.25.115.126.224.26.11.132.212.27t.197.281.184.29.17.3q.08.15.154.306.073.155.14.314.065.159.123.32.058.163.108.327t.091.331.076.335q.033.169.058.339t.042.34.026.344T15 8"
+    />
+    <path
+      fill="#c0e1ff"
+      d="m11.407 9.685-3.232 1.89a.27.27 0 0 1-.274.001L4.594 9.68a.274.274 0 0 1 .005-.477L7.83 7.43a.28.28 0 0 1 .262-.001L11.4 9.206c.187.102.191.37.007.479"
+    />
+    <path
+      fill="#d9f1ff"
+      d="m11.407 8.18-3.232 1.89a.27.27 0 0 1-.274.002L4.594 8.176A.274.274 0 0 1 4.6 7.7l3.23-1.774a.28.28 0 0 1 .262-.001L11.4 7.702c.187.102.191.37.007.479"
+    />
+    <path
+      fill="#f0f8ff"
+      d="m11.407 6.677-3.232 1.89a.27.27 0 0 1-.274.001L4.594 6.672a.274.274 0 0 1 .005-.477L7.83 4.423a.28.28 0 0 1 .262-.002L11.4 6.198a.276.276 0 0 1 .007.479"
+    />
+  </svg>
+</template>

package/src/vue/colorful/pdf.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:3db6e25345308437 gen:2 source:src/svg/colorful/pdf.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Pdf' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#ff7878"
+        d="M10.292 1H4.209C2.989 1 2 1.987 2 3.206v9.578c0 1.22.99 2.208 2.209 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.71c0-.497-.198-.974-.55-1.326l-1.835-1.836A1.88 1.88 0 0 0 10.292 1"
+      />
+      <path
+        fill="#f25555"
+        d="m13.453 3.384-1.836-1.836a1.9 1.9 0 0 0-.964-.514v2.06c0 .655.53 1.185 1.184 1.185h2.115a1.9 1.9 0 0 0-.499-.895m-3.309 5.281c-.356 0-.709.052-1.065.12a5.1 5.1 0 0 1-1.047-1.353c.29-.948.305-1.59.086-1.895a.56.56 0 0 0-.439-.22.54.54 0 0 0-.523.272c-.304.509.137 1.508.34 1.913A12 12 0 0 1 6.603 9.6c-1.606.695-1.64 1.118-1.64 1.27a.5.5 0 0 0 .286.458.45.45 0 0 0 .253.067c.423 0 .913-.476 1.436-1.408a12 12 0 0 1 2.011-.642c.356.304.795.475 1.251.508.29 0 .846 0 .84-.578.018-.22-.1-.591-.895-.61m-4.62 2.217-.051.018c.15-.22.348-.39.6-.494-.132.223-.315.39-.55.476m2.071-5.037c.016-.018.05-.037.07-.037l.055.02c.086.287.086.59-.02.874a1.3 1.3 0 0 1-.105-.857m.878 3.28c-.37.086-.775.206-1.144.34l-.038.016.005-.03c.185-.375.354-.768.505-1.161l.018-.038.019.023c.187.288.425.586.679.84zm1.737.212a1.4 1.4 0 0 1-.507-.13c.152-.033.285-.033.437-.033.337 0 .403.083.406.13a.7.7 0 0 1-.336.033"
+      />
+      <path
+        fill="#fff"
+        d="M10.14 8.987c-.152 0-.285 0-.437.032.17.083.337.116.506.13.119.019.237 0 .337-.032-.003-.047-.07-.13-.406-.13m-2.302-.9-.019-.023-.018.038c-.151.393-.32.786-.505 1.161l-.005.03.038-.015c.37-.135.775-.255 1.144-.34l.044-.01a5.4 5.4 0 0 1-.68-.841M7.72 5.639l-.056-.018c-.019 0-.052.018-.068.037-.07.284-.02.587.105.857a1.37 1.37 0 0 0 .02-.876m-2.247 5.074.05-.018c.235-.086.418-.254.55-.477-.252.104-.45.275-.6.495M10.2 9.666a2.16 2.16 0 0 1-1.25-.509c-.694.153-1.352.372-2.012.643-.523.932-1.013 1.407-1.436 1.407a.45.45 0 0 1-.253-.067.5.5 0 0 1-.286-.457c0-.152.034-.575 1.64-1.27.372-.676.66-1.37.895-2.099-.204-.405-.645-1.404-.34-1.913a.54.54 0 0 1 .522-.27c.171 0 .338.084.439.219.219.304.204.947-.086 1.894.271.509.627.966 1.047 1.353a6 6 0 0 1 1.065-.119c.794.018.913.39.895.61.006.578-.55.578-.84.578"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/power-point.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:3053d193f40f01dc gen:2 source:src/svg/colorful/power-point.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'PowerPoint' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#f98950"
+        d="M10.29 1H4.207C2.987 1 2 1.987 2 3.206v9.578c0 1.22.989 2.208 2.208 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.71c0-.497-.197-.974-.549-1.326l-1.836-1.836A1.88 1.88 0 0 0 10.29 1"
+      />
+      <path
+        fill="#f26c38"
+        d="m13.452 3.384-1.836-1.836a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.185 1.185h2.115a1.87 1.87 0 0 0-.5-.895m-4.764 2.06H5.943a.375.375 0 0 0-.375.374v4.73a.375.375 0 0 0 .75 0V9.307h2.37a1.934 1.934 0 0 0 1.931-1.931 1.934 1.934 0 0 0-1.931-1.932m0 3.112h-2.37V6.193h2.37a1.183 1.183 0 0 1 0 2.363"
+      />
+      <path
+        fill="#fff"
+        d="M8.688 5.256H5.943a.375.375 0 0 0-.375.375v4.73a.375.375 0 0 0 .75 0V9.12h2.37a1.934 1.934 0 0 0 1.931-1.932 1.934 1.934 0 0 0-1.931-1.931m0 3.113h-2.37V6.006h2.37a1.183 1.183 0 0 1 0 2.363"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/title.vue

@@ -0,0 +1,32 @@
+<!-- @veltra/icons generated sha256:9a1d975dd790b811 gen:2 source:src/svg/colorful/title.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Title' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <rect width="10.5" height="10.5" x=".588" y="1" fill="#3670f7" rx="2" />
+      <rect
+        width="12.971"
+        height="12.25"
+        x="2.441"
+        y="2.75"
+        fill="#178fff"
+        fill-opacity=".4"
+        rx="2"
+      />
+      <rect
+        width="12.971"
+        height="12.25"
+        x="2.441"
+        y="2.75"
+        fill="#f2f6ff"
+        rx="2"
+        style="mix-blend-mode: soft-light"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/txt.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:9288e61b15c0d805 gen:2 source:src/svg/colorful/txt.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Txt' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#4fd397"
+        d="M10.308 1.003H4.225c-1.22 0-2.208.989-2.208 2.208v9.578c0 1.22.988 2.208 2.208 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.714c0-.497-.198-.974-.55-1.326l-1.835-1.836a1.88 1.88 0 0 0-1.326-.549"
+      />
+      <path
+        fill="#19bc6e"
+        d="m13.47 3.388-1.836-1.836a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.185 1.185h2.115a1.9 1.9 0 0 0-.5-.895m-2.997 2.579h-2.38a.4.4 0 0 0-.15 0h-2.38a.375.375 0 0 0 0 .75h2.08v4.043a.375.375 0 0 0 .75 0V6.717h2.08a.375.375 0 0 0 0-.75"
+      />
+      <path
+        fill="#fff"
+        d="M10.473 5.78h-2.38a.4.4 0 0 0-.15 0h-2.38a.375.375 0 0 0 0 .75h2.08v4.042a.375.375 0 0 0 .75 0V6.529h2.08a.375.375 0 0 0 0-.75"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/unknown-file.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:a7b62697ba964d90 gen:2 source:src/svg/colorful/unknown-file.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'UnknownFile' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#c7dadd"
+        d="M10.308 1.003H4.225c-1.22 0-2.208.989-2.208 2.208v9.578c0 1.22.988 2.208 2.208 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.714c0-.497-.198-.974-.55-1.326l-1.835-1.836a1.88 1.88 0 0 0-1.326-.549"
+      />
+      <path
+        fill="#9dc0c9"
+        d="m13.47 3.388-1.836-1.836a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.185 1.185h2.115a1.9 1.9 0 0 0-.499-.895M8.008 4.624A2.33 2.33 0 0 0 5.682 6.95a.354.354 0 1 0 .709 0 1.62 1.62 0 0 1 2.761-1.143c.306.306.474.712.474 1.143a1.62 1.62 0 0 1-1.018 1.503 1.5 1.5 0 0 0-.954 1.396v.026a.354.354 0 1 0 .709 0v-.026c0-.325.2-.614.509-.738a2.32 2.32 0 0 0 1.463-2.16c0-.622-.242-1.206-.682-1.646a2.3 2.3 0 0 0-1.645-.681m-.18 7.099a.472.472 0 1 0 .362-.873.472.472 0 0 0-.362.873"
+      />
+      <path
+        fill="#fff"
+        d="M9.662 5.114a2.3 2.3 0 0 0-1.644-.682A2.33 2.33 0 0 0 5.69 6.76a.354.354 0 1 0 .709 0A1.62 1.62 0 0 1 9.16 5.615c.306.306.475.712.475 1.144a1.62 1.62 0 0 1-1.018 1.503 1.5 1.5 0 0 0-.955 1.396v.026a.354.354 0 1 0 .71 0v-.026c0-.325.199-.615.508-.738a2.32 2.32 0 0 0 1.463-2.161c0-.621-.242-1.205-.682-1.645m-2.116 5.981a.473.473 0 1 0 .945.001.473.473 0 0 0-.945 0"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/video.vue

@@ -0,0 +1,29 @@
+<!-- @veltra/icons generated sha256:6a5928b29fbf060c gen:2 source:src/svg/colorful/video.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Video' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#8b72f7"
+        d="M10.29 1H4.207C2.987 1 2 1.987 2 3.206v9.578c0 1.22.989 2.208 2.208 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.71c0-.497-.197-.974-.549-1.326l-1.836-1.836A1.88 1.88 0 0 0 10.29 1"
+      />
+      <path
+        fill="#6e52ea"
+        d="m13.452 3.384-1.836-1.836a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.185 1.185h2.115a1.87 1.87 0 0 0-.5-.895"
+      />
+      <path
+        fill="#7463ea"
+        d="M8.52 6.62H4.625A.625.625 0 0 0 4 7.245V9.68c0 .345.28.625.625.625H8.52c.346 0 .625-.28.625-.625V7.245a.626.626 0 0 0-.625-.625m2.836.095-1.31 1.224a.717.717 0 0 0 0 1.05l1.31 1.223c.222.208.586.05.586-.253v-2.99a.348.348 0 0 0-.586-.254"
+      />
+      <path
+        fill="#fff"
+        d="M8.52 6.432H4.625A.625.625 0 0 0 4 7.057v2.436c0 .346.28.625.625.625H8.52c.346 0 .625-.28.625-.625V7.057a.626.626 0 0 0-.625-.625m2.836.096-1.31 1.223a.717.717 0 0 0 0 1.05l1.31 1.224c.222.207.586.05.586-.254v-2.99a.348.348 0 0 0-.586-.253"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/colorful/word.vue

@@ -0,0 +1,25 @@
+<!-- @veltra/icons generated sha256:90e899028fd99a97 gen:2 source:src/svg/colorful/word.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Word' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <defs>
+      <clipPath id="a"><rect width="16" height="16" rx="0" /></clipPath>
+    </defs>
+    <g clip-path="url(#a)">
+      <path
+        fill="#53b7f4"
+        d="M10.293 1.006H4.21c-1.22 0-2.208.989-2.208 2.208v9.578c0 1.22.988 2.208 2.208 2.208h7.586c1.22 0 2.208-.989 2.208-2.208V4.717a1.87 1.87 0 0 0-.55-1.326L11.62 1.555a1.88 1.88 0 0 0-1.326-.549"
+      />
+      <path
+        fill="#29a3d3"
+        d="M10.123 5.635a.375.375 0 0 0-.375.375v3.535L8.273 8.088a.375.375 0 0 0-.526-.001L6.259 9.55V6a.375.375 0 0 0-.75 0v4.444a.375.375 0 0 0 .637.267l1.863-1.83 1.85 1.83a.375.375 0 0 0 .639-.267V6.01a.375.375 0 0 0-.375-.375m3.332-2.244L11.62 1.555a1.9 1.9 0 0 0-.965-.514v2.06c0 .655.53 1.185 1.185 1.185h2.115a1.9 1.9 0 0 0-.499-.895"
+      />
+      <path
+        fill="#fff"
+        d="M10.123 10.631a.38.38 0 0 1-.264-.108l-1.85-1.83-1.863 1.83a.375.375 0 0 1-.637-.267V5.812a.375.375 0 0 1 .75 0v3.55L7.747 7.9a.375.375 0 0 1 .526 0l1.475 1.458V5.823a.375.375 0 0 1 .75 0v4.433a.375.375 0 0 1-.375.375"
+      />
+    </g>
+  </svg>
+</template>

package/src/vue/normal/add-child.vue

@@ -0,0 +1,17 @@
+<!-- @veltra/icons generated sha256:473aaa1149ac8e1c gen:2 source:src/svg/normal/add-child.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'AddChild' })
+</script>
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 1024 1024"
+    width="1em"
+    height="1em"
+  >
+    <path
+      d="M870.4 68.267a68.267 68.267 0 0 1 68.267 68.266v238.934a68.267 68.267 0 0 1-68.267 68.266H247.467V742.4H409.6v-93.867a68.267 68.267 0 0 1 66.133-68.232l2.134-.034H870.4a68.267 68.267 0 0 1 68.267 68.266v238.934a68.267 68.267 0 0 1-68.267 68.266H477.867a68.267 68.267 0 0 1-68.267-68.266v-76.8H230.4a51.2 51.2 0 0 1-51.166-49.28l-.034-1.92V443.733h-42.667A68.267 68.267 0 0 1 68.301 377.6l-.034-2.133V136.533a68.267 68.267 0 0 1 68.266-68.266zm0 580.266H477.867v238.934H870.4zm0-512H136.533v238.934H870.4z"
+    />
+  </svg>
+</template>

package/src/vue/normal/align-bottom.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:0c27e27609066bb1 gen:2 source:src/svg/normal/align-bottom.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'AlignBottom' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M3.5 6.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0m2.5 7v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-1 0m4.5 0v-7a.5.5 0 0 0-1 0v7a.5.5 0 0 0 1 0m2.5 0v-11a.5.5 0 0 1 1 0v11a.5.5 0 0 1-1 0"
+    />
+  </svg>
+</template>

package/src/vue/normal/align-center.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:58b7bf8d9828b3ad gen:2 source:src/svg/normal/align-center.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'AlignCenter' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M6 2.506v10.988c0 .276.209.506.485.506h.011c.276 0 .504-.23.504-.506V2.506A.49.49 0 0 0 6.515 2h-.011A.51.51 0 0 0 6 2.506m7 0v10.988c0 .276.209.506.485.506h.011c.276 0 .504-.23.504-.506V2.506A.49.49 0 0 0 13.515 2h-.011a.51.51 0 0 0-.504.506M3.5 11.49V4.509A.51.51 0 0 0 3.004 4a.51.51 0 0 0-.504.51v6.98c0 .277.209.51.485.51h.011a.51.51 0 0 0 .504-.51m7-6.982v6.982a.51.51 0 0 1-.496.509.51.51 0 0 1-.504-.51V4.51A.51.51 0 0 1 9.996 4c.276 0 .504.233.504.51"
+    />
+  </svg>
+</template>

package/src/vue/normal/align-top.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:114211b48e3e2436 gen:2 source:src/svg/normal/align-top.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'AlignTop' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M2.5 2.496v8.008a.5.5 0 0 0 .504.496h.011c.276 0 .485-.22.485-.496V2.496A.5.5 0 0 0 2.996 2h-.011a.484.484 0 0 0-.485.496M6 13.494V2.506C6 2.23 6.209 2 6.485 2h.011c.276 0 .504.23.504.506v10.988a.49.49 0 0 1-.485.506h-.011A.51.51 0 0 1 6 13.494m3.5-2.99V2.496c0-.276.209-.496.485-.496h.011a.5.5 0 0 1 .504.496v8.008a.484.484 0 0 1-.485.496h-.011a.5.5 0 0 1-.504-.496m3.5 2.99V2.506c0-.276.209-.506.485-.506h.011c.276 0 .504.23.504.506v10.988a.51.51 0 0 1-.504.506h-.011a.49.49 0 0 1-.485-.506"
+    />
+  </svg>
+</template>

package/src/vue/normal/arrow-down.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:d80afd641f98eb64 gen:2 source:src/svg/normal/arrow-down.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'ArrowDown' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="m3.986 6.014.01-.01a.65.65 0 0 1 .92-.007L8 9.081l3.083-3.084a.65.65 0 0 1 .92.006l.01.01a.63.63 0 0 1-.012.905l-3.649 3.649a.497.497 0 0 1-.704 0l-3.65-3.649a.63.63 0 0 1-.012-.904"
+    />
+  </svg>
+</template>

package/src/vue/normal/arrow-left.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:3658691447aca7a9 gen:2 source:src/svg/normal/arrow-left.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'ArrowLeft' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="m9.985 3.986.028.027a.63.63 0 0 1-.011.903L6.918 8l3.084 3.083a.651.651 0 0 1-.92.918l-3.65-3.65a.497.497 0 0 1 0-.704l3.65-3.649a.63.63 0 0 1 .903-.012"
+    />
+  </svg>
+</template>

package/src/vue/normal/arrow-right.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:bd3a5ca981bd1e05 gen:2 source:src/svg/normal/arrow-right.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'ArrowRight' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="m6.015 12.013-.028-.027a.63.63 0 0 1 .011-.903L9.082 8 5.998 4.916a.651.651 0 0 1 .92-.918l3.65 3.65a.497.497 0 0 1 0 .704L6.918 12a.63.63 0 0 1-.903.012"
+    />
+  </svg>
+</template>

package/src/vue/normal/arrow-up.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:e03d1e0168600bd6 gen:2 source:src/svg/normal/arrow-up.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'ArrowUp' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="m11.996 10.004-.01.01a.63.63 0 0 1-.903-.011L8 6.92l-3.083 3.083a.65.65 0 0 1-.92-.006l-.01-.01a.63.63 0 0 1 .012-.905l3.649-3.649a.497.497 0 0 1 .704 0l3.649 3.65a.653.653 0 0 1-.005.92"
+    />
+  </svg>
+</template>

package/src/vue/normal/arrow-updown.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:f0d5dbffdacd26e8 gen:2 source:src/svg/normal/arrow-updown.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'ArrowUpdown' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M11.296 6.487 8 3.154 4.704 6.487a.484.484 0 0 1-.693.012l-.008-.008a.5.5 0 0 1-.01-.707l3.58-3.621a.6.6 0 0 1 .854 0s2.617 2.648 3.58 3.62c.194.197.2.5.004.695l-.008.008a.5.5 0 0 1-.707.001m.056 3.012L8 12.85 4.648 9.5a.49.49 0 0 0-.704.023.487.487 0 0 0 .01.696l3.622 3.622a.6.6 0 0 0 .848 0l3.622-3.622a.487.487 0 0 0 .003-.704.49.49 0 0 0-.697-.015"
+    />
+  </svg>
+</template>

package/src/vue/normal/attach.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:d040b45ebd1f271c gen:2 source:src/svg/normal/attach.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Attach' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M12.127 3.856a2.017 2.017 0 0 0-2.843.008l-6.851 6.851a.494.494 0 0 1-.702.016l-.021-.021a.494.494 0 0 1 .016-.702l6.85-6.85a3.017 3.017 0 1 1 4.267 4.266l-5.84 5.84A1.884 1.884 0 0 1 4.339 10.6l5.313-5.313a.51.51 0 0 1 .717-.005l.008.008a.497.497 0 0 1-.018.704l-5.313 5.313a.883.883 0 0 0 1.25 1.25l5.84-5.84a2.017 2.017 0 0 0-.01-2.861"
+    />
+  </svg>
+</template>

package/src/vue/normal/backtop.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:893ce8b761967275 gen:2 source:src/svg/normal/backtop.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Backtop' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M2.505 2.999h10.988A.51.51 0 0 0 14 2.495.507.507 0 0 0 13.493 2H2.505a.51.51 0 0 0-.506.504c0 .268.23.496.506.496m1.223 6.885 3.759-3.689v8.148c0 .28.21.5.49.5h.011c.28 0 .51-.221.51-.5V6.19l3.836 3.742c.195.19.501.18.695-.01a.495.495 0 0 0 .003-.706L8.335 4.635a.5.5 0 0 0-.7.013L3.033 9.167a.51.51 0 0 0-.002.724.503.503 0 0 0 .698-.007"
+    />
+  </svg>
+</template>

package/src/vue/normal/bell-filled.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:c049c30fcf03dc46 gen:2 source:src/svg/normal/bell-filled.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'BellFilled' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M8.5 2.027v-.533A.5.5 0 0 0 7.996 1a.497.497 0 0 0-.496.494v.533a4.5 4.5 0 0 0-4 4.473V11l-.9 1.2a.5.5 0 0 0 .4.8h2.55a2.5 2.5 0 0 0 4.9 0H13a.5.5 0 0 0 .4-.8l-.9-1.2V6.5a4.5 4.5 0 0 0-4-4.473"
+    />
+  </svg>
+</template>

package/src/vue/normal/bell.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:0213412b84d00bb5 gen:2 source:src/svg/normal/bell.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Bell' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M8.5 2.027v-.533A.5.5 0 0 0 7.996 1a.497.497 0 0 0-.496.494v.533a4.5 4.5 0 0 0-4 4.473V11l-.9 1.2a.5.5 0 0 0 .4.8h2.55a2.5 2.5 0 0 0 4.9 0H13a.5.5 0 0 0 .4-.8l-.9-1.2V6.5a4.5 4.5 0 0 0-4-4.473m-4 9.306V6.5a3.5 3.5 0 1 1 7 0v4.833L12 12H4zM8 14a1.5 1.5 0 0 1-1.415-1h2.83A1.5 1.5 0 0 1 8 14"
+    />
+  </svg>
+</template>

package/src/vue/normal/books.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:66526f3a716c34ab gen:2 source:src/svg/normal/books.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Books' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M7.418 9.685 4 12.078v-9.08h8v9.08L8.58 9.685a1.02 1.02 0 0 0-1.16 0m1.157 1.218 3.636 2.545a.5.5 0 0 0 .787-.41V2.999a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10.04a.5.5 0 0 0 .787.41l3.636-2.545c.344-.241.81-.241 1.154 0"
+    />
+  </svg>
+</template>

package/src/vue/normal/bottom.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:58a491c67e35255f gen:2 source:src/svg/normal/bottom.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Bottom' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M8.5 2.502v9.584l3.297-3.297a.5.5 0 0 1 .705.007l.008.008c.196.195.186.5-.01.695l-4.284 4.284a.31.31 0 0 1-.433 0L3.5 9.5a.487.487 0 0 1-.002-.703.5.5 0 0 1 .706-.007L7.5 12.086V2.502A.49.49 0 0 1 7.996 2c.276 0 .504.226.504.502"
+    />
+  </svg>
+</template>

package/src/vue/normal/calendar.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:03958c134e1e2d9b gen:2 source:src/svg/normal/calendar.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Calendar' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M10 3H6v-.994a.51.51 0 0 0-.504-.506h-.011A.493.493 0 0 0 5 2.006V3H3a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1h-2v-.994a.51.51 0 0 0-.504-.506h-.011a.493.493 0 0 0-.485.506zM5.485 5h.011A.506.506 0 0 0 6 4.496V4h4v.496a.49.49 0 0 0 .485.504h.011A.49.49 0 0 0 11 4.515V4h2v2H3V4h2v.496A.49.49 0 0 0 5.485 5M3 7h10v6H3z"
+    />
+  </svg>
+</template>

package/src/vue/normal/call.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:f7a8d97e9e217507 gen:2 source:src/svg/normal/call.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Call' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M14 11.057a3.05 3.05 0 0 1-.517 1.76l-.127.167a2.03 2.03 0 0 1-.98.75c-.28.104-.456.135-.909.187-1.948.182-4.077-.728-6.18-2.598-1.404-1.252-2.456-2.818-2.962-4.419C2.11 6.227 2 5.577 2 4.988c0-.706.16-1.317.48-1.776.304-.418.882-.765 1.75-1.093a1 1 0 0 1 1.17.358l1.666 2.358a1 1 0 0 1-.09 1.264l-.217.221-.262.254c-.065.056-.165.19-.165.19-.023.306.304.937 1.256 1.912l.284.266c.878.81 1.114.874 1.384.687l.09-.074c.096-.073.345-.246.878-.613a1 1 0 0 1 1.031-.061l.243.128c1.663.888 2.422 1.422 2.496 1.97zm-1 .016c.001.082-.115-.044-.355-.218q-.528-.382-1.617-.963l-.237-.126-.788.544q-.028.018-.024.013c-.86.675-1.6.486-3.093-.936-1.146-1.172-1.6-2.048-1.552-2.692.023-.353.266-.676.502-.87.1-.096.2-.194.288-.284l.125-.13-1.665-2.357c-.701.265-1.135.526-1.29.738C3.108 4.06 3 4.472 3 4.988c0 .48.094 1.03.278 1.615.45 1.423 1.4 2.838 2.674 3.973 1.913 1.702 3.786 2.502 5.411 2.35l.258-.032a1.7 1.7 0 0 0 .405-.097c.22-.082.392-.21.533-.415.267-.326.41-.744.436-1.14z"
+    />
+  </svg>
+</template>

package/src/vue/normal/camera.vue

@@ -0,0 +1,12 @@
+<!-- @veltra/icons generated sha256:a42f689be3ccfa94 gen:2 source:src/svg/normal/camera.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'Camera' })
+</script>
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="1em" height="1em">
+    <path
+      fill="currentColor"
+      d="M5.554 2.267a.6.6 0 0 1 .5-.267h3.892c.201 0 .388.1.5.267l.674 1.012c.093.139.25.221.418.221h2.452a.51.51 0 0 1 .51.51v8.48a.51.51 0 0 1-.51.51H2.01a.51.51 0 0 1-.51-.51V4.01a.51.51 0 0 1 .51-.51h2.452a.5.5 0 0 0 .418-.221zM9.732 3H6.268l-.851 1.276a.5.5 0 0 1-.414.224H2.996A.496.496 0 0 0 2.5 5v6.5c0 .277.215.5.49.5h10.02c.275 0 .49-.223.49-.5V5c0-.277-.22-.5-.496-.5h-2.007a.5.5 0 0 1-.414-.224zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0-5a2 2 0 1 1 0 4 2 2 0 0 1 0-4"
+    />
+  </svg>
+</template>

package/src/vue/normal/caret-bottom.vue

@@ -0,0 +1,17 @@
+<!-- @veltra/icons generated sha256:0551d5bfe68e6107 gen:2 source:src/svg/normal/caret-bottom.svg -->
+<script setup lang="ts">
+defineOptions({ name: 'CaretBottom' })
+</script>
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 1024 1024"
+    width="1em"
+    height="1em"
+  >
+    <path
+      d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35"
+    />
+  </svg>
+</template>