@mozaic-ds/icons-vue 2.5.0 → 2.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/icons-vue",
-  "version": "2.5.0",
+  "version": "2.6.0",
   "description": "ADEO Design system icons for Vue usage",
   "main": "dist/mozaic-icons-vue.umd.js",
   "module": "dist/mozaic-icons-vue.mjs",
@@ -27,17 +27,17 @@
     "npm:publishBeta": "npm publish --tag beta --access public"
   },
   "dependencies": {
-    "@mozaic-ds/icons": "2.2.7"
+    "@mozaic-ds/icons": "^2.5.0"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^10.0.4",
+    "@release-it/conventional-changelog": "^11.0.0",
     "@vitejs/plugin-vue": "^6.0.3",
     "glob": "^10.3.10",
-    "release-it": "^19.1.0",
-    "rimraf": "^5.0.5",
+    "release-it": "^20.0.1",
+    "rimraf": "^6.1.3",
     "svg-parser": "^2.0.4",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.12",
     "vite-plugin-dts": "^4.5.4",
     "vue-loader": "^17.4.2",
     "vue-tsc": "^3.1.8"

package/src/components/ArrowBack20/ArrowBack20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M7.197 5.303a.75.75 0 0 1 0 1.06L4.311 9.25H17.5a.75.75 0 0 1 0 1.5H4.31l2.887 2.887a.75.75 0 0 1-1.06 1.06L1.97 10.531a.75.75 0 0 1 0-1.061l4.166-4.167a.75.75 0 0 1 1.061 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M7.803 5.303a.75.75 0 0 1 1.06 1.06L5.978 9.25h9.857a.75.75 0 0 1 0 1.5H5.977l2.887 2.886a.75.75 0 0 1-1.06 1.06l-4.168-4.165a.75.75 0 0 1 0-1.06z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBack20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBack24/ArrowBack24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M8.707 6.293a1 1 0 0 1 0 1.414L5.414 11H21a1 1 0 1 1 0 2H5.414l3.293 3.293a1 1 0 1 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M9.293 6.293a1 1 0 1 1 1.414 1.414L7.414 11H19a1 1 0 0 1 0 2H7.414l3.293 3.293a1 1 0 0 1-1.414 1.414l-5-5a1 1 0 0 1 0-1.414z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBack24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBack32/ArrowBack32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M11.374 8.626a1 1 0 0 1 0 1.415L6.414 15H28a1 1 0 1 1 0 2H6.414l4.96 4.959a1 1 0 0 1-1.414 1.414l-6.667-6.667a1 1 0 0 1 0-1.414L9.96 8.626a1 1 0 0 1 1.414 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M12.626 8.626a1 1 0 0 1 1.414 1.415L9.08 15h16.253a1 1 0 0 1 0 2H9.08l4.96 4.958a1 1 0 0 1-1.414 1.415L5.96 16.707a1 1 0 0 1 0-1.415z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBack32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBack48/ArrowBack48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M17.06 12.94a1.5 1.5 0 0 1 0 2.12L9.622 22.5H42a1.5 1.5 0 0 1 0 3H9.621l7.44 7.44a1.5 1.5 0 0 1-2.122 2.12l-10-10a1.5 1.5 0 0 1 0-2.12l10-10a1.5 1.5 0 0 1 2.122 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M18.94 12.94a1.5 1.5 0 1 1 2.12 2.121l-7.438 7.44H38a1.5 1.5 0 0 1 0 3H13.621l7.44 7.439a1.5 1.5 0 0 1-2.121 2.121l-10-10a1.5 1.5 0 0 1 0-2.121z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBack48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBack64/ArrowBack64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M22.394 17.606a1.5 1.5 0 0 1 0 2.121L11.621 30.5H56a1.5 1.5 0 0 1 0 3H11.621l10.773 10.773a1.5 1.5 0 1 1-2.121 2.12L6.939 33.06a1.5 1.5 0 0 1 0-2.12l13.334-13.334a1.5 1.5 0 0 1 2.121 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M25.606 17.606a1.5 1.5 0 0 1 2.12 2.121L16.955 30.5h33.712a1.5 1.5 0 0 1 0 3H16.954l10.773 10.773a1.5 1.5 0 1 1-2.121 2.121L12.273 33.06a1.5 1.5 0 0 1 0-2.121z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBack64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottom20/ArrowBottom20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10 1.75a.75.75 0 0 1 .75.75v13.19l2.886-2.887a.75.75 0 0 1 1.06 1.06L10.53 18.03a.75.75 0 0 1-1.06 0l-4.167-4.166a.75.75 0 0 1 1.06-1.061l2.887 2.886V2.5a.75.75 0 0 1 .75-.75"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M10 3.417a.75.75 0 0 1 .75.75v9.856l2.886-2.886a.75.75 0 0 1 1.06 1.06l-4.165 4.167a.75.75 0 0 1-1.061 0l-4.167-4.167a.75.75 0 0 1 1.06-1.06l2.887 2.886V4.167a.75.75 0 0 1 .75-.75"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottom20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottom24/ArrowBottom24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12 2a1 1 0 0 1 1 1v15.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L11 18.586V3a1 1 0 0 1 1-1"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M12 4a1 1 0 0 1 1 1v11.586l3.293-3.293a1 1 0 0 1 1.414 1.414l-5 5a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L11 16.586V5a1 1 0 0 1 1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottom24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottom32/ArrowBottom32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3a1 1 0 0 1 1 1v21.586l4.96-4.96a1 1 0 0 1 1.413 1.414l-6.666 6.667a1 1 0 0 1-1.414 0L8.626 22.04a1 1 0 0 1 1.414-1.414l4.96 4.96V4a1 1 0 0 1 1-1"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M16 5.667a1 1 0 0 1 1 1v16.252l4.96-4.959a1 1 0 0 1 1.413 1.414l-6.666 6.667a1 1 0 0 1-1.414 0l-6.667-6.667a1 1 0 0 1 1.414-1.414L15 22.92V6.667a1 1 0 0 1 1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottom32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottom48/ArrowBottom48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M24 4.5A1.5 1.5 0 0 1 25.5 6v32.379l7.44-7.44a1.5 1.5 0 0 1 2.12 2.122l-10 10a1.5 1.5 0 0 1-2.12 0l-10-10a1.5 1.5 0 0 1 2.12-2.122l7.44 7.44V6A1.5 1.5 0 0 1 24 4.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M24 8.5a1.5 1.5 0 0 1 1.5 1.5v24.379l7.44-7.44a1.5 1.5 0 1 1 2.12 2.122l-10 10a1.5 1.5 0 0 1-2.12 0l-10-10a1.5 1.5 0 1 1 2.12-2.122l7.44 7.44V10A1.5 1.5 0 0 1 24 8.5"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottom48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottom64/ArrowBottom64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 6.5A1.5 1.5 0 0 1 33.5 8v44.379l10.773-10.773a1.5 1.5 0 1 1 2.121 2.121L33.061 57.061a1.5 1.5 0 0 1-2.121 0L17.606 43.727a1.5 1.5 0 1 1 2.122-2.121L30.5 52.379V8A1.5 1.5 0 0 1 32 6.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M32 11.833a1.5 1.5 0 0 1 1.5 1.5v33.712l10.774-10.773a1.5 1.5 0 0 1 2.12 2.122L33.062 51.727a1.5 1.5 0 0 1-2.121 0L17.607 38.394a1.5 1.5 0 1 1 2.12-2.121L30.5 47.044V13.333a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottom64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomLeft20/ArrowBottomLeft20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M16.78 3.22a.75.75 0 0 1 0 1.06L5.56 15.5h6.94a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75V7.5a.75.75 0 0 1 1.5 0v6.94L15.72 3.22a.75.75 0 0 1 1.06 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M15.72 3.22a.75.75 0 1 1 1.06 1.06L5.56 15.5h6.94a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75V7.5a.75.75 0 1 1 1.5 0v6.94z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomLeft20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomLeft24/ArrowBottomLeft24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M19.707 4.293a1 1 0 0 1 0 1.414L7.414 18H15a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1V9a1 1 0 1 1 2 0v7.586L18.293 4.293a1 1 0 0 1 1.414 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M16.293 6.293a1 1 0 1 1 1.414 1.414L9.414 16H14a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v4.586z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomLeft24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomLeft32/ArrowBottomLeft32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M26.04 5.96a1 1 0 0 1 0 1.414L9.082 24.334h10.92a1 1 0 1 1 0 2H6.666a1 1 0 0 1-1-1V12a1 1 0 0 1 2 0v10.919l16.96-16.96a1 1 0 0 1 1.414 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M21.959 8.626a1 1 0 0 1 1.414 1.414L11.747 21.666h6.919a1 1 0 0 1 0 2H9.333a1 1 0 0 1-1-1v-9.333a1 1 0 0 1 2 0v6.92z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomLeft32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomLeft48/ArrowBottomLeft48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M39.06 8.94a1.5 1.5 0 0 1 0 2.12L13.622 36.5H30a1.5 1.5 0 0 1 0 3H10A1.5 1.5 0 0 1 8.5 38V18a1.5 1.5 0 0 1 3 0v16.379l25.44-25.44a1.5 1.5 0 0 1 2.12 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M32.94 12.94a1.5 1.5 0 1 1 2.12 2.12L17.621 32.5H28a1.5 1.5 0 0 1 0 3H14a1.5 1.5 0 0 1-1.5-1.5V20a1.5 1.5 0 0 1 3 0v10.38z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomLeft48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomLeft64/ArrowBottomLeft64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M51.727 12.273a1.5 1.5 0 0 1 0 2.121L16.954 49.167H40a1.5 1.5 0 0 1 0 3H13.333a1.5 1.5 0 0 1-1.5-1.5V24a1.5 1.5 0 1 1 3 0v23.046l34.773-34.773a1.5 1.5 0 0 1 2.121 0"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M44.273 17.607a1.5 1.5 0 0 1 2.121 2.12L22.288 43.835h15.046a1.5 1.5 0 0 1 0 3H18.667a1.5 1.5 0 0 1-1.5-1.5V26.667a1.5 1.5 0 0 1 3 0v15.046z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomLeft64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomRight20/ArrowBottomRight20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.22 3.22a.75.75 0 0 1 1.06 0L15.5 14.44V7.5a.75.75 0 0 1 1.5 0v8.75a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1 0-1.5h6.94L3.22 4.28a.75.75 0 0 1 0-1.06"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M3.22 3.22a.75.75 0 0 1 1.06 0L15.5 14.44V7.5a.75.75 0 0 1 1.5 0v8.75a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1 0-1.5h6.94L3.22 4.28a.75.75 0 0 1 0-1.06"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomRight20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomRight24/ArrowBottomRight24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 0 1 1.414 0L18 16.586V9a1 1 0 1 1 2 0v10a1 1 0 0 1-1 1H9a1 1 0 1 1 0-2h7.586L4.293 5.707a1 1 0 0 1 0-1.414"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M6.293 6.293a1 1 0 0 1 1.414 0L16 14.586V10a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1h-7a1 1 0 0 1 0-2h4.586L6.293 7.707a1 1 0 0 1 0-1.414"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomRight24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomRight32/ArrowBottomRight32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M5.96 5.96a1 1 0 0 1 1.414 0l16.96 16.959v-10.92a1 1 0 0 1 2 0v13.334a1 1 0 0 1-1 1H12a1 1 0 1 1 0-2h10.92L5.96 7.373a1 1 0 0 1 0-1.414"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M8.626 8.626a1 1 0 0 1 1.414 0l11.626 11.626v-6.919a1 1 0 0 1 2 0v9.333a1 1 0 0 1-1 1h-9.333a1 1 0 0 1 0-2h6.92L8.625 10.04a1 1 0 0 1 0-1.414Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomRight32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomRight48/ArrowBottomRight48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M8.94 8.94a1.5 1.5 0 0 1 2.12 0L36.5 34.378V18a1.5 1.5 0 0 1 3 0v20a1.5 1.5 0 0 1-1.5 1.5H18a1.5 1.5 0 0 1 0-3h16.379L8.939 11.06a1.5 1.5 0 0 1 0-2.12"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M12.94 12.94a1.5 1.5 0 0 1 2.12 0L32.5 30.38V20a1.5 1.5 0 1 1 3 0v14a1.5 1.5 0 0 1-1.5 1.5H20a1.5 1.5 0 0 1 0-3h10.38L12.94 15.06a1.5 1.5 0 0 1 0-2.12"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomRight48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowBottomRight64/ArrowBottomRight64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M12.272 12.273a1.5 1.5 0 0 1 2.122 0l34.772 34.773V24a1.5 1.5 0 1 1 3 0v26.667a1.5 1.5 0 0 1-1.5 1.5H24a1.5 1.5 0 1 1 0-3h23.045L12.272 14.394a1.5 1.5 0 0 1 0-2.121"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M17.607 17.607a1.5 1.5 0 0 1 2.12 0l24.107 24.106V26.667a1.5 1.5 0 1 1 3 0v18.667a1.5 1.5 0 0 1-1.5 1.5H26.667a1.5 1.5 0 0 1 0-3h15.046L17.607 19.728a1.5 1.5 0 0 1 0-2.121"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowBottomRight64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowNext20/ArrowNext20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M12.803 5.303a.75.75 0 0 1 1.06 0L18.03 9.47a.75.75 0 0 1 0 1.06l-4.166 4.167a.75.75 0 0 1-1.061-1.06l2.886-2.887H2.5a.75.75 0 0 1 0-1.5h13.19l-2.887-2.886a.75.75 0 0 1 0-1.06"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M11.137 5.303a.75.75 0 0 1 1.06 0l4.167 4.167a.75.75 0 0 1 0 1.06l-4.167 4.166a.75.75 0 1 1-1.06-1.06l2.886-2.886H4.167a.75.75 0 0 1 0-1.5h9.856l-2.886-2.887a.75.75 0 0 1 0-1.06"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowNext20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowNext24/ArrowNext24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M15.293 6.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L18.586 13H3a1 1 0 1 1 0-2h15.586l-3.293-3.293a1 1 0 0 1 0-1.414"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M13.293 6.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 0 1 0-2h11.586l-3.293-3.293a1 1 0 0 1 0-1.414"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowNext24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowNext32/ArrowNext32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M20.626 8.626a1 1 0 0 1 1.414 0l6.667 6.667a1 1 0 0 1 0 1.414l-6.667 6.667a1 1 0 1 1-1.414-1.414l4.96-4.96H4a1 1 0 0 1 0-2h21.586l-4.96-4.96a1 1 0 0 1 0-1.414"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M17.96 8.626a1 1 0 0 1 1.414 0l6.667 6.667a1 1 0 0 1 0 1.414l-6.667 6.666a1 1 0 1 1-1.414-1.414L22.92 17H6.667a1 1 0 0 1 0-2H22.92l-4.96-4.96a1 1 0 0 1 0-1.414"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowNext32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowNext48/ArrowNext48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M30.94 12.94a1.5 1.5 0 0 1 2.12 0l10 10a1.5 1.5 0 0 1 0 2.12l-10 10a1.5 1.5 0 0 1-2.12-2.12l7.439-7.44H6a1.5 1.5 0 0 1 0-3h32.379l-7.44-7.44a1.5 1.5 0 0 1 0-2.12"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M26.94 12.94a1.5 1.5 0 0 1 2.12 0l10 10a1.5 1.5 0 0 1 0 2.12l-10 10a1.5 1.5 0 1 1-2.12-2.12l7.439-7.44H10a1.5 1.5 0 0 1 0-3h24.379l-7.44-7.44a1.5 1.5 0 0 1 0-2.12Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowNext48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowNext64/ArrowNext64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M41.606 17.606a1.5 1.5 0 0 1 2.121 0l13.334 13.333a1.5 1.5 0 0 1 0 2.121L43.727 46.394a1.5 1.5 0 1 1-2.121-2.121L52.379 33.5H8a1.5 1.5 0 1 1 0-3h44.379L41.606 19.727a1.5 1.5 0 0 1 0-2.121"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M36.273 17.607a1.5 1.5 0 0 1 2.12 0L51.728 30.94a1.5 1.5 0 0 1 0 2.12L38.394 46.396a1.5 1.5 0 0 1-2.121-2.121L47.044 33.5H13.333a1.5 1.5 0 0 1 0-3h33.712L36.272 19.728a1.5 1.5 0 0 1 0-2.121Z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowNext64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTop20/ArrowTop20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M9.47 1.97a.75.75 0 0 1 1.06 0l4.167 4.166a.75.75 0 1 1-1.061 1.061L10.75 4.311V17.5a.75.75 0 0 1-1.5 0V4.31L6.363 7.198a.75.75 0 0 1-1.06-1.06z"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M10 3.417c.199 0 .39.079.53.22l4.167 4.166a.75.75 0 0 1-1.061 1.06L10.75 5.978v9.857a.75.75 0 0 1-1.5 0V5.977L6.364 8.864a.75.75 0 0 1-1.061-1.06L9.47 3.635l.114-.094A.75.75 0 0 1 10 3.417"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTop20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTop24/ArrowTop24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M11.293 2.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1-1.414 1.414L13 5.414V21a1 1 0 1 1-2 0V5.414L7.707 8.707a1 1 0 0 1-1.414-1.414z"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M11.369 4.225a1 1 0 0 1 1.338.068l5 5a1 1 0 0 1-1.414 1.414L13 7.414V19a1 1 0 0 1-2 0V7.414l-3.293 3.293a1 1 0 0 1-1.414-1.414l5-5z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTop24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTop32/ArrowTop32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16 3a1 1 0 0 1 .707.293l6.666 6.667a1 1 0 1 1-1.414 1.414L17 6.414V28a1 1 0 1 1-2 0V6.414l-4.959 4.96A1 1 0 0 1 8.626 9.96l6.667-6.667A1 1 0 0 1 16 3"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M15.368 5.891a1 1 0 0 1 1.34.068l6.665 6.668a1 1 0 1 1-1.414 1.413L17 9.08v16.254a1 1 0 0 1-2 0V9.08l-4.96 4.96a1 1 0 0 1-1.414-1.415l6.667-6.667z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTop32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTop48/ArrowTop48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M22.94 4.94a1.5 1.5 0 0 1 2.12 0l10 10a1.5 1.5 0 0 1-2.12 2.12L25.5 9.622V42a1.5 1.5 0 0 1-3 0V9.621l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.122z"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M23.054 8.836a1.5 1.5 0 0 1 2.007.104l10 10a1.5 1.5 0 0 1-2.121 2.121l-7.44-7.44v24.38a1.5 1.5 0 0 1-3 0V13.62l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.121l10-10z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTop48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTop64/ArrowTop64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 6.5a1.5 1.5 0 0 1 1.061.44l13.333 13.333a1.5 1.5 0 1 1-2.121 2.121L33.5 11.621V56a1.5 1.5 0 1 1-3 0V11.621L19.728 22.394a1.5 1.5 0 0 1-2.122-2.121L30.94 6.939A1.5 1.5 0 0 1 32 6.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M30.939 12.273a1.5 1.5 0 0 1 2.12 0l13.335 13.333a1.5 1.5 0 0 1-2.121 2.121L33.498 16.954v33.712a1.5 1.5 0 0 1-3 0v-33.71L19.727 27.727a1.5 1.5 0 0 1-2.122-2.121L30.94 12.273Z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTop64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopLeft20/ArrowTopLeft20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.22 3.22A.75.75 0 0 1 3.75 3h8.75a.75.75 0 0 1 0 1.5H5.56l11.22 11.22a.75.75 0 1 1-1.06 1.06L4.5 5.56v6.94a.75.75 0 0 1-1.5 0V3.75a.75.75 0 0 1 .22-.53"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M3 12.5V3.75A.75.75 0 0 1 3.75 3h8.75a.75.75 0 0 1 0 1.5H5.56l11.22 11.22a.75.75 0 1 1-1.06 1.06L4.5 5.56v6.94a.75.75 0 0 1-1.5 0"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopLeft20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopLeft24/ArrowTopLeft24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M4.293 4.293A1 1 0 0 1 5 4h10a1 1 0 1 1 0 2H7.414l12.293 12.293a1 1 0 0 1-1.414 1.414L6 7.414V15a1 1 0 1 1-2 0V5a1 1 0 0 1 .293-.707"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M14 6a1 1 0 1 1 0 2H9.414l8.293 8.293a1 1 0 1 1-1.414 1.414L8 9.414V14a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopLeft24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopLeft32/ArrowTopLeft32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M5.96 5.96a1 1 0 0 1 .707-.294H20a1 1 0 1 1 0 2H9.081l16.96 16.96a1 1 0 0 1-1.414 1.414L7.667 9.08V20a1 1 0 1 1-2 0V6.667a1 1 0 0 1 .293-.708"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M18.666 8.333a1 1 0 0 1 0 2h-6.919l11.626 11.626a1 1 0 1 1-1.414 1.414L10.333 11.747v6.919a1 1 0 1 1-2 0V9.333a1 1 0 0 1 1-1z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopLeft32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopLeft48/ArrowTopLeft48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M8.94 8.94A1.5 1.5 0 0 1 10 8.5h20a1.5 1.5 0 0 1 0 3H13.621l25.44 25.44a1.5 1.5 0 0 1-2.122 2.12L11.5 13.622V30a1.5 1.5 0 0 1-3 0V10c0-.398.158-.78.44-1.06"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M28 12.5a1.5 1.5 0 0 1 0 3H17.621l17.44 17.44a1.5 1.5 0 1 1-2.121 2.12L15.5 17.621V28a1.5 1.5 0 0 1-3 0V14a1.5 1.5 0 0 1 1.5-1.5z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopLeft48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopLeft64/ArrowTopLeft64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M12.272 12.272a1.5 1.5 0 0 1 1.061-.439H40a1.5 1.5 0 0 1 0 3H16.954l34.773 34.773a1.5 1.5 0 1 1-2.121 2.121L14.833 16.954V40a1.5 1.5 0 0 1-3 0V13.333c0-.398.158-.78.44-1.06"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M37.334 17.167a1.5 1.5 0 0 1 0 3H22.288l24.107 24.106a1.5 1.5 0 0 1-2.122 2.121L20.167 22.288v15.046a1.501 1.501 0 0 1-3 0V18.667a1.5 1.5 0 0 1 1.5-1.5z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopLeft64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopRight20/ArrowTopRight20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M6.75 3.75A.75.75 0 0 1 7.5 3h8.75a.75.75 0 0 1 .75.75v8.75a.75.75 0 0 1-1.5 0V5.56L4.28 16.78a.75.75 0 0 1-1.06-1.06L14.44 4.5H7.5a.75.75 0 0 1-.75-.75"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M17 12.5a.75.75 0 0 1-1.5 0V5.56L4.28 16.78a.75.75 0 1 1-1.06-1.06L14.44 4.5H7.5a.75.75 0 1 1 0-1.5h8.75a.75.75 0 0 1 .75.75z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopRight20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopRight24/ArrowTopRight24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M8 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7.414L5.707 19.707a1 1 0 0 1-1.414-1.414L16.586 6H9a1 1 0 0 1-1-1"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M17 6a1 1 0 0 1 1 1v7a1 1 0 1 1-2 0V9.414l-8.293 8.293a1 1 0 1 1-1.414-1.414L14.586 8H10a1 1 0 1 1 0-2z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopRight24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopRight32/ArrowTopRight32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M11 6.667a1 1 0 0 1 1-1h13.334a1 1 0 0 1 1 1V20a1 1 0 0 1-2 0V9.08L7.374 26.04a1 1 0 0 1-1.414-1.414l16.96-16.96H12a1 1 0 0 1-1-1"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M22.666 8.333a1 1 0 0 1 1 1v9.333a1 1 0 1 1-2 0v-6.919L10.04 23.373a1 1 0 1 1-1.414-1.414l11.626-11.626h-6.919a1 1 0 0 1 0-2z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopRight32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopRight48/ArrowTopRight48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M16.5 10A1.5 1.5 0 0 1 18 8.5h20a1.5 1.5 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V13.621l-25.44 25.44a1.5 1.5 0 1 1-2.12-2.122L34.378 11.5H18a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><g clip-path="url(#a)"><path d="M34 12.5a1.5 1.5 0 0 1 1.5 1.5v14a1.5 1.5 0 0 1-3 0V17.621l-17.44 17.44a1.5 1.5 0 1 1-2.12-2.121L30.378 15.5h-10.38a1.5 1.5 0 1 1 0-3h14Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopRight48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ArrowTopRight64/ArrowTopRight64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M22.5 13.334a1.5 1.5 0 0 1 1.5-1.5h26.666a1.5 1.5 0 0 1 1.5 1.5V40a1.5 1.5 0 1 1-3 0V16.955L14.394 51.728a1.5 1.5 0 0 1-2.122-2.122l34.773-34.772H24a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M45.334 17.167a1.5 1.5 0 0 1 1.5 1.5v18.667a1.501 1.501 0 0 1-3 0V22.288L19.727 46.395a1.5 1.5 0 0 1-2.12-2.122l24.106-24.106H26.667a1.5 1.5 0 0 1 0-3z"/></svg></template>
 <script setup lang="ts">
 /**
  * ArrowTopRight64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Attachment20/Attachment20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M8.113 3.31a3.667 3.667 0 1 1 6.35 3.666l-4.062 7.037a2.208 2.208 0 1 1-3.824-2.208l4.063-7.036a.75.75 0 1 1 1.298.75l-4.062 7.036a.709.709 0 0 0 1.226.708l4.063-7.036A2.167 2.167 0 1 0 9.412 4.06l-4.055 7.022a3.625 3.625 0 0 0 6.28 3.625l3.43-5.94a.75.75 0 0 1 1.298.75l-3.43 5.94a5.126 5.126 0 0 1-8.876-5.125z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/Attachment24/Attachment24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M9.65 3.922a4.5 4.5 0 0 1 7.794 4.5l-4.875 8.443a2.75 2.75 0 0 1-4.763-2.75l4.875-8.443a1 1 0 0 1 1.732 1l-4.875 8.443a.75.75 0 1 0 1.299.75l4.875-8.443a2.5 2.5 0 0 0-4.33-2.5L6.516 13.35a4.25 4.25 0 0 0 7.361 4.25l4.116-7.13a1 1 0 1 1 1.732 1l-4.117 7.13a6.25 6.25 0 0 1-10.825-6.25L9.65 3.92Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/Attachment32/Attachment32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M13.154 5.395a5.668 5.668 0 0 1 9.816 5.668l-6.5 11.257a3.334 3.334 0 0 1-5.774-3.333l6.5-11.258a1 1 0 0 1 1.733 1l-6.5 11.258a1.334 1.334 0 0 0 2.308 1.333l6.5-11.258a3.667 3.667 0 0 0-6.35-3.667L8.399 17.633a6 6 0 1 0 10.392 6l5.488-9.505a1 1 0 0 1 1.732 1l-5.488 9.505a8 8 0 1 1-13.856-8z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/Attachment48/Attachment48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M19.732 8.094a8.5 8.5 0 0 1 14.723 8.5l-9.75 16.886a5 5 0 1 1-8.66-5l9.75-16.886a1.5 1.5 0 1 1 2.597 1.5l-9.75 16.886a2 2 0 0 0 3.464 2l9.75-16.886a5.5 5.5 0 1 0-9.526-5.5l-9.731 16.855a9 9 0 0 0 15.587 9l8.233-14.258a1.5 1.5 0 1 1 2.598 1.5L30.785 36.95c-3.322 5.754-10.686 7.714-16.428 4.372C8.643 37.996 6.694 30.675 10 24.95z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/Attachment64/Attachment64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M26.743 11.041c2.992-5.181 9.617-6.956 14.798-3.965s6.957 9.617 3.966 14.798l-13 22.518a6.167 6.167 0 0 1-10.682-6.167l13-22.518a1.5 1.5 0 0 1 2.599 1.5l-13 22.518a3.167 3.167 0 0 0 5.485 3.167l13-22.518a7.834 7.834 0 0 0-13.568-7.833L16.365 35.017c-3.443 5.964-1.414 13.59 4.538 17.053 5.981 3.48 13.653 1.44 17.113-4.553L48.99 28.505a1.501 1.501 0 0 1 2.599 1.5L40.613 49.017c-4.29 7.43-13.802 9.962-21.218 5.646-7.381-4.295-9.898-13.75-5.628-21.146L26.743 11.04Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/BluetoothOff20/BluetoothOff20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 0 1-1.06 1.06l-3.22-3.22-3.22 3.22a.75.75 0 0 1-1.28-.53v-5.69l-2.47 2.47a.75.75 0 0 1-1.06-1.06L8.94 10 1.97 3.03a.75.75 0 0 1 0-1.06m8.78 13.72 1.94-1.94-1.94-1.94zM9.713 1.805a.75.75 0 0 1 .817.163l3.75 3.75a.75.75 0 0 1 0 1.061l-1.667 1.667a.75.75 0 0 1-1.06-1.06l1.136-1.137-1.94-1.94v1.523a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .464-.694Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/BluetoothOff24/BluetoothOff24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M2.293 2.293a1 1 0 0 1 1.414 0l18 18a1 1 0 0 1-1.414 1.414L16.5 17.914l-3.793 3.793A1 1 0 0 1 11 21v-6.586l-2.793 2.793a1 1 0 1 1-1.414-1.415L10.586 12 2.293 3.707a1 1 0 0 1 0-1.414M13 18.586l2.086-2.086L13 14.414zm-1.383-16.51a1 1 0 0 1 1.09.217l4.5 4.5a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L15.086 7.5 13 5.414V7a1 1 0 1 1-2 0V3a1 1 0 0 1 .617-.924"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/BluetoothOff32/BluetoothOff32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M3.293 3.293a1 1 0 0 1 1.414 0l24 24a1 1 0 0 1-1.414 1.414L22 23.414l-5.293 5.293A1 1 0 0 1 15 28v-9.586l-4.293 4.293a1 1 0 1 1-1.414-1.414L14.586 16 3.293 4.707a1 1 0 0 1 0-1.414M17 25.586 20.586 22 17 18.414zm-1.383-22.51a1 1 0 0 1 1.09.217l6 6a1 1 0 0 1 0 1.414l-2.667 2.667a1 1 0 0 1-1.414-1.414l1.96-1.96L17 6.414v2.919a1 1 0 1 1-2 0V4a1 1 0 0 1 .617-.924"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>