npm - @mozaic-ds/icons-vue - Versions diffs - 2.4.0 → 2.6.0 - Mend

@mozaic-ds/icons-vue 2.4.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (430) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mozaic-ds/icons-vue",
-  "version": "2.4.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.4"
+    "@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/{AI20/AI20.vue → Ai20/Ai20.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M5 1.583a.5.5 0 0 1 .474.342l.65 1.95 1.95.65a.5.5 0 0 1 0 .949l-1.95.65-.65 1.95a.5.5 0 0 1-.949 0l-.65-1.95-1.95-.65a.5.5 0 0 1 0-.949l1.95-.65.65-1.95A.5.5 0 0 1 5 1.583m0 2.081-.255.765a.5.5 0 0 1-.316.316L3.664 5l.765.255a.5.5 0 0 1 .316.316L5 6.335l.255-.764a.5.5 0 0 1 .316-.316L6.335 5l-.764-.255a.5.5 0 0 1-.316-.316zm7.412 2.086a.75.75 0 0 0-1.491 0c-.199 1.788-.682 2.95-1.452 3.72-.77.769-1.931 1.252-3.719 1.45a.75.75 0 0 0 0 1.492c1.788.198 2.95.682 3.72 1.451.769.77 1.252 1.932 1.45 3.72a.75.75 0 0 0 1.492 0c.198-1.788.682-2.95 1.451-3.72.77-.77 1.932-1.253 3.72-1.451a.75.75 0 0 0 0-1.491c-1.788-.199-2.95-.682-3.72-1.452S12.61 7.538 12.412 5.75"/></svg></template>
 <script setup lang="ts">
 /**
- * AI20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Ai20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{AI24/AI24.vue → Ai24/Ai24.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M6 2a.5.5 0 0 1 .474.342L7.27 4.73l2.388.796a.5.5 0 0 1 0 .948L7.27 7.27l-.796 2.388a.5.5 0 0 1-.948 0L4.73 7.27l-2.388-.796a.5.5 0 0 1 0-.948L4.73 4.73l.796-2.388A.5.5 0 0 1 6 2m0 2.081-.4 1.202a.5.5 0 0 1-.317.316L4.081 6l1.202.4a.5.5 0 0 1 .316.317L6 7.919l.4-1.202a.5.5 0 0 1 .317-.316L7.919 6l-1.202-.4a.5.5 0 0 1-.316-.317zm8.994 2.809a1 1 0 0 0-1.988 0c-.237 2.133-.812 3.502-1.713 4.403s-2.27 1.476-4.403 1.713a1 1 0 0 0 0 1.988c2.133.237 3.502.812 4.403 1.713s1.476 2.27 1.713 4.403a1 1 0 0 0 1.988 0c.237-2.133.812-3.502 1.713-4.403s2.27-1.476 4.403-1.713a1 1 0 0 0 0-1.988c-2.133-.237-3.502-.812-4.403-1.713s-1.476-2.27-1.713-4.403"/></svg></template>
 <script setup lang="ts">
 /**
- * AI24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Ai24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{AI32/AI32.vue → Ai32/Ai32.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M8 2.833a.5.5 0 0 1 .474.342l1.088 3.263 3.262 1.087a.5.5 0 0 1 0 .949L9.562 9.562l-1.088 3.263a.5.5 0 0 1-.949 0L6.438 9.562 3.175 8.474a.5.5 0 0 1 0-.949l3.263-1.087 1.087-3.263A.5.5 0 0 1 8 2.833m0 2.081-.693 2.077a.5.5 0 0 1-.316.316L4.914 8l2.077.692a.5.5 0 0 1 .316.316L8 11.085l.692-2.077a.5.5 0 0 1 .316-.316L11.085 8l-2.077-.693a.5.5 0 0 1-.316-.316zm11.66 4.309a1 1 0 0 0-1.988 0c-.32 2.883-1.104 4.794-2.38 6.07s-3.186 2.06-6.07 2.38a1 1 0 0 0 0 1.987c2.884.32 4.795 1.104 6.07 2.38s2.06 3.186 2.38 6.07a1 1 0 0 0 1.988 0c.32-2.883 1.104-4.794 2.38-6.07s3.186-2.06 6.07-2.38a1 1 0 0 0 0-1.988c-2.883-.32-4.794-1.104-6.07-2.38s-2.06-3.186-2.38-6.07"/></svg></template>
 <script setup lang="ts">
 /**
- * AI32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Ai32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{AI48/AI48.vue → Ai48/Ai48.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M12 4a1 1 0 0 1 .949.684l1.592 4.775 4.775 1.592a1 1 0 0 1 0 1.898l-4.775 1.592-1.592 4.775a1 1 0 0 1-1.898 0L9.46 14.541l-4.775-1.592a1 1 0 0 1 0-1.898L9.459 9.46l1.592-4.775A1 1 0 0 1 12 4m0 4.162-.801 2.404a1 1 0 0 1-.633.633L8.162 12l2.404.801a1 1 0 0 1 .633.633L12 15.838l.801-2.404a1 1 0 0 1 .633-.633L15.838 12l-2.404-.801a1 1 0 0 1-.633-.633zm17.49 5.672a1.5 1.5 0 0 0-2.98 0c-.481 4.326-1.657 7.192-3.57 9.105-1.915 1.914-4.78 3.09-9.106 3.57a1.5 1.5 0 0 0 0 2.982c4.326.48 7.191 1.656 9.105 3.57s3.09 4.78 3.57 9.105a1.5 1.5 0 0 0 2.982 0c.48-4.326 1.656-7.191 3.57-9.105s4.78-3.09 9.105-3.57a1.5 1.5 0 0 0 0-2.982c-4.326-.48-7.191-1.656-9.105-3.57s-3.09-4.78-3.57-9.105"/></svg></template>
 <script setup lang="ts">
 /**
- * AI48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Ai48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{AI64/AI64.vue → Ai64/Ai64.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M16 5.667a1 1 0 0 1 .949.684l2.175 6.525 6.526 2.176a1 1 0 0 1 0 1.897l-6.526 2.175-2.175 6.526a1 1 0 0 1-1.897 0l-2.176-6.526-6.525-2.175a1 1 0 0 1 0-1.897l6.525-2.176 2.176-6.525A1 1 0 0 1 16 5.667m0 4.162-1.384 4.154a1 1 0 0 1-.633.633L9.83 16l4.154 1.385a1 1 0 0 1 .633.632L16 22.171l1.385-4.154a1 1 0 0 1 .632-.632L22.171 16l-4.154-1.384a1 1 0 0 1-.632-.633zm22.825 8.672a1.5 1.5 0 0 0-2.982 0c-.647 5.826-2.24 9.775-4.903 12.439-2.664 2.664-6.613 4.256-12.439 4.903a1.5 1.5 0 0 0 0 2.982c5.826.647 9.775 2.239 12.439 4.903s4.256 6.613 4.903 12.438a1.5 1.5 0 0 0 2.981 0c.648-5.825 2.24-9.774 4.904-12.438s6.612-4.256 12.438-4.903a1.5 1.5 0 0 0 0-2.982c-5.826-.647-9.775-2.24-12.438-4.903-2.664-2.664-4.256-6.613-4.904-12.439"/></svg></template>
 <script setup lang="ts">
 /**
- * AI64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Ai64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{API20/API20.vue → Api20/Api20.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M4.988 5.076c.15-.082.408-.16.846-.16v-1.5c-.604 0-1.128.106-1.563.342a2.17 2.17 0 0 0-.937.998C2.999 5.458 3 6.336 3 7.002v.081c0 .785-.015 1.321-.187 1.683a.68.68 0 0 1-.3.324c-.151.083-.408.16-.846.16v1.5c.438 0 .695.077.846.16.139.075.23.177.3.324.172.362.187.898.187 1.683v.081c0 .665-.001 1.543.334 2.246.19.4.49.754.937.997.435.237.959.342 1.563.342v-1.5c-.438 0-.695-.077-.846-.16a.68.68 0 0 1-.3-.324c-.172-.361-.188-.898-.188-1.682v-.082c.001-.665.002-1.543-.333-2.246a2.3 2.3 0 0 0-.402-.59c.169-.176.3-.376.402-.588.335-.703.334-1.58.333-2.246v-.082c0-.784.016-1.32.188-1.683a.68.68 0 0 1 .3-.324m10.025 0c-.151-.082-.408-.16-.846-.16v-1.5c.604 0 1.128.106 1.563.342.447.244.747.598.937.998.335.702.334 1.58.333 2.246v.081c0 .785.016 1.321.188 1.683.07.147.161.249.3.324.15.083.408.16.846.16v1.5c-.438 0-.695.077-.846.16a.68.68 0 0 0-.3.324c-.172.361-.188.898-.188 1.682v.082c.001.665.002 1.543-.333 2.246-.19.4-.49.754-.937.997-.435.237-.96.342-1.563.342v-1.5c.438 0 .695-.077.846-.16a.68.68 0 0 0 .3-.324c.172-.362.187-.898.187-1.683v-.081c0-.665-.001-1.543.334-2.246q.15-.321.402-.59a2.3 2.3 0 0 1-.402-.588c-.335-.703-.334-1.58-.334-2.246v-.082c0-.784-.015-1.32-.187-1.683a.68.68 0 0 0-.3-.324M6.527 7.5h1.238l1.312 4.344H8.034l-.225-.807H6.427l-.218.807h-1zm1.05 2.712-.475-1.68-.456 1.68zM9.65 7.5h1.456q.462 0 .819.169.362.169.562.493.206.325.206.77 0 .455-.206.787-.206.331-.569.506a1.9 1.9 0 0 1-.825.169h-.475v1.45H9.65zm1.38 2.069q.314 0 .488-.163.182-.163.182-.469 0-.3-.175-.45-.17-.156-.47-.156h-.437V9.57zm3.305-2.07h-.968v4.345h.968z"/></svg></template>
 <script setup lang="ts">
 /**
- * API20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Api20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{API24/API24.vue → Api24/Api24.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M6.033 6.18C6.195 6.09 6.486 6 7 6V4c-.736 0-1.383.128-1.923.423-.558.303-.93.744-1.167 1.24-.412.865-.41 1.94-.41 2.733V8.5c0 .949-.02 1.567-.215 1.976a.7.7 0 0 1-.318.345C2.805 10.909 2.514 11 2 11v2c.514 0 .805.09.967.179.146.08.242.185.318.345.195.41.215 1.027.215 1.976v.104c0 .793-.002 1.868.41 2.732.236.497.61.938 1.167 1.242.54.294 1.187.422 1.923.422v-2c-.514 0-.805-.09-.967-.179a.7.7 0 0 1-.318-.345C5.52 17.066 5.5 16.45 5.5 15.5v-.104c0-.793.002-1.868-.41-2.732A2.8 2.8 0 0 0 4.654 12c.18-.203.324-.427.436-.664.412-.864.41-1.939.41-2.732V8.5c0-.949.02-1.567.215-1.976a.7.7 0 0 1 .318-.345m11.934 0C17.805 6.09 17.514 6 17 6V4c.736 0 1.383.128 1.924.423.557.303.93.744 1.166 1.24.412.865.41 1.94.41 2.733V8.5c0 .949.02 1.567.215 1.976.076.16.172.265.318.345.162.088.453.179.967.179v2c-.514 0-.805.09-.967.179a.7.7 0 0 0-.318.345c-.195.41-.215 1.027-.215 1.976v.104c0 .793.002 1.868-.41 2.732a2.7 2.7 0 0 1-1.167 1.242c-.54.294-1.187.422-1.923.422v-2c.514 0 .805-.09.967-.179a.7.7 0 0 0 .318-.345c.195-.41.215-1.027.215-1.976v-.104c0-.793-.002-1.868.41-2.732.112-.237.256-.461.436-.664a2.8 2.8 0 0 1-.436-.664c-.412-.864-.41-1.939-.41-2.732V8.5c0-.949-.02-1.567-.215-1.976a.7.7 0 0 0-.318-.345M7.833 9h1.484l1.575 5.213H9.64l-.27-.968H7.713l-.263.968h-1.2zm1.26 3.255-.57-2.018-.548 2.018zM11.579 9h1.748q.555 0 .982.203.435.202.675.592.248.39.248.923 0 .547-.248.944a1.6 1.6 0 0 1-.682.608 2.3 2.3 0 0 1-.99.203h-.57v1.74h-1.163zm1.658 2.483q.375 0 .585-.196.217-.195.217-.562 0-.36-.21-.54-.202-.188-.562-.188h-.525v1.485zM17.202 9H16.04v5.213h1.162z"/></svg></template>
 <script setup lang="ts">
 /**
- * API24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Api24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{API32/API32.vue → Api32/Api32.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M7.885 7.946c.28-.152.726-.28 1.449-.28v-2c-.944 0-1.747.165-2.406.523-.674.367-1.125.9-1.414 1.506C5 8.777 5 10.14 5 11.217v.116c0 1.24-.02 2.15-.32 2.779a1.28 1.28 0 0 1-.564.609c-.28.152-.726.279-1.449.279v2c.723 0 1.17.127 1.449.28.263.142.437.34.565.608.299.628.32 1.538.32 2.778v.117c-.001 1.076-.002 2.44.513 3.522.289.606.74 1.138 1.414 1.505.659.359 1.462.523 2.406.523v-2c-.723 0-1.17-.127-1.45-.28a1.28 1.28 0 0 1-.564-.608c-.3-.628-.32-1.538-.32-2.778v-.117c.001-1.076.002-2.44-.513-3.522-.181-.379-.425-.73-.748-1.028.323-.3.567-.65.748-1.029C7.002 13.89 7 12.526 7 11.45v-.116c0-1.24.02-2.15.32-2.778.128-.27.302-.466.565-.61m16.23 0c-.278-.152-.725-.28-1.448-.28v-2c.944 0 1.747.165 2.405.523.675.367 1.126.9 1.415 1.506.515 1.082.514 2.446.513 3.522v.116c0 1.24.02 2.15.32 2.779.128.269.302.465.565.609.28.152.726.279 1.449.279v2c-.723 0-1.17.127-1.45.28a1.28 1.28 0 0 0-.564.608c-.3.628-.32 1.538-.32 2.778v.117c.001 1.076.002 2.44-.513 3.522a3.28 3.28 0 0 1-1.415 1.505c-.658.359-1.461.523-2.405.523v-2c.723 0 1.17-.127 1.449-.28a1.28 1.28 0 0 0 .565-.608c.299-.628.32-1.538.32-2.778v-.117c-.001-1.076-.002-2.44.513-3.522.18-.379.425-.73.747-1.028a3.4 3.4 0 0 1-.747-1.029C25 13.89 25 12.526 25 11.45v-.116c0-1.24-.02-2.15-.32-2.778a1.28 1.28 0 0 0-.564-.61M10.445 12h1.98l2.1 6.95h-1.67l-.36-1.29h-2.21l-.35 1.29h-1.6zm1.68 4.34-.76-2.69-.73 2.69zM15.439 12h2.33q.74 0 1.31.27.58.27.9.79.33.519.33 1.23 0 .73-.33 1.26t-.91.81q-.58.27-1.32.27h-.76v2.32h-1.55zm2.21 3.31q.5 0 .78-.26.29-.26.29-.75 0-.48-.28-.72-.27-.25-.75-.25h-.7v1.98zM22.937 12h-1.55v6.95h1.55z"/></svg></template>
 <script setup lang="ts">
 /**
- * API32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Api32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{API48/API48.vue → Api48/Api48.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M11.827 11.919c.419-.228 1.089-.419 2.173-.419v-3c-1.416 0-2.62.247-3.608.784a4.9 4.9 0 0 0-2.121 2.259c-.773 1.623-.772 3.668-.771 5.283V17c0 1.86-.03 3.225-.48 4.168a1.92 1.92 0 0 1-.847.913c-.419.228-1.089.419-2.173.419v3c1.084 0 1.754.19 2.173.419.395.215.656.51.848.913.448.943.479 2.308.479 4.168v.174c-.001 1.615-.002 3.66.77 5.283a4.9 4.9 0 0 0 2.122 2.259c.987.537 2.192.784 3.608.784v-3c-1.084 0-1.754-.19-2.173-.419a1.92 1.92 0 0 1-.848-.913c-.448-.943-.479-2.307-.479-4.168v-.174c.001-1.615.002-3.66-.77-5.283A5 5 0 0 0 8.607 24c.484-.448.85-.974 1.121-1.543.773-1.623.772-3.668.771-5.283V17c0-1.86.03-3.225.48-4.168.191-.403.452-.698.847-.913m24.346 0c-.419-.228-1.089-.419-2.173-.419v-3c1.416 0 2.62.247 3.608.784a4.9 4.9 0 0 1 2.121 2.259c.773 1.623.772 3.668.771 5.283V17c0 1.86.03 3.225.48 4.168.191.403.452.698.847.913.419.228 1.089.419 2.173.419v3c-1.084 0-1.754.19-2.173.419-.395.215-.656.51-.848.913-.448.943-.479 2.307-.479 4.168v.174c.001 1.615.002 3.66-.77 5.283a4.9 4.9 0 0 1-2.122 2.259c-.987.537-2.192.784-3.608.784v-3c1.084 0 1.754-.19 2.173-.419.395-.215.656-.51.848-.913.448-.943.479-2.307.479-4.168v-.174c-.001-1.615-.002-3.66.77-5.283A5 5 0 0 1 39.393 24a5 5 0 0 1-1.121-1.543c-.773-1.623-.772-3.668-.771-5.283V17c0-1.86-.03-3.225-.48-4.168a1.92 1.92 0 0 0-.847-.913M15.665 18h2.97l3.15 10.425H19.28l-.54-1.935h-3.315l-.525 1.935h-2.4zm2.52 6.51-1.14-4.035-1.095 4.035zM23.158 18h3.495q1.11 0 1.965.405.87.405 1.35 1.185.495.78.495 1.845 0 1.095-.495 1.89a3.2 3.2 0 0 1-1.365 1.215q-.87.405-1.98.405h-1.14v3.48h-2.325zm3.315 4.965q.75 0 1.17-.39.435-.39.435-1.125 0-.72-.42-1.08-.405-.375-1.125-.375h-1.05v2.97zM34.404 18H32.08v10.425h2.325z"/></svg></template>
 <script setup lang="ts">
 /**
- * API48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Api48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{API64/API64.vue → Api64/Api64.vue} RENAMED Viewed

@@ -1,7 +1,7 @@
 <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="M15.53 15.453c.653-.356 1.636-.62 3.136-.62v-3c-1.832 0-3.35.32-4.571.985-1.246.678-2.08 1.66-2.616 2.787-.981 2.06-.98 4.685-.98 6.871v.19c0 2.445-.03 4.393-.687 5.773-.296.622-.713 1.1-1.342 1.442-.653.355-1.636.62-3.137.62v3c1.5 0 2.484.263 3.137.619.63.342 1.046.82 1.342 1.442.657 1.38.688 3.328.688 5.772v.19c-.001 2.186-.002 4.811.979 6.871.537 1.128 1.37 2.109 2.616 2.787 1.221.665 2.739.985 4.571.985v-3c-1.5 0-2.483-.264-3.137-.62-.629-.342-1.046-.82-1.342-1.442-.657-1.38-.687-3.328-.687-5.772v-.19c0-2.186.002-4.811-.98-6.871A6.1 6.1 0 0 0 10.702 32a6.1 6.1 0 0 0 1.82-2.272c.98-2.06.98-4.685.979-6.87v-.191c0-2.444.03-4.392.687-5.772.296-.622.713-1.1 1.342-1.442m32.94 0c-.653-.356-1.636-.62-3.137-.62v-3c1.833 0 3.35.32 4.571.985 1.246.678 2.08 1.66 2.617 2.787.98 2.06.98 4.685.979 6.871v.19c0 2.445.03 4.393.687 5.773.297.622.713 1.1 1.342 1.442.654.355 1.637.62 3.137.62v3c-1.5 0-2.483.263-3.137.619-.629.342-1.045.82-1.342 1.442-.657 1.38-.687 3.328-.687 5.772v.19c0 2.186.002 4.811-.98 6.871-.537 1.128-1.37 2.109-2.616 2.787-1.221.665-2.738.985-4.571.985v-3c1.5 0 2.484-.264 3.137-.62.63-.342 1.046-.82 1.342-1.442.657-1.38.688-3.328.688-5.772v-.19c-.001-2.186-.002-4.811.979-6.871A6.1 6.1 0 0 1 53.298 32a6.1 6.1 0 0 1-1.82-2.272c-.98-2.06-.98-4.685-.978-6.87v-.191c0-2.444-.03-4.392-.688-5.772-.296-.622-.713-1.1-1.342-1.442M20.886 24h3.96l4.2 13.9h-3.34l-.72-2.58h-4.42l-.7 2.58h-3.2zm3.36 8.68-1.52-5.38-1.46 5.38zM30.877 24h4.66q1.48 0 2.62.54 1.161.54 1.8 1.58.66 1.04.66 2.46 0 1.46-.66 2.52a4.3 4.3 0 0 1-1.82 1.62q-1.16.54-2.64.54h-1.52v4.64h-3.1zm4.42 6.62q1 0 1.56-.52.58-.52.58-1.5 0-.96-.56-1.44-.54-.5-1.5-.5h-1.4v3.96zM45.872 24h-3.1v13.9h3.1z"/></svg></template>
 <script setup lang="ts">
 /**
- * API64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Api64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/ArrowBack20/ArrowBack20.vue CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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>