@mozaic-ds/icons-vue 2.5.0 → 2.6.0

package/src/components/DimensionDiameter48/DimensionDiameter48.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="M40.46 22.847a1.5 1.5 0 0 1 2.992-.206 20 20 0 0 1 .037 2.038 1.5 1.5 0 0 1-2.998-.102 17 17 0 0 0-.03-1.73ZM38.471 34.81a1.5 1.5 0 0 1-.475-2.068q.457-.73.837-1.51a1.5 1.5 0 0 1 2.697 1.318q-.45.921-.992 1.785a1.5 1.5 0 0 1-2.067.475m-.789-20.037a1.5 1.5 0 0 1 2.485-1.681 19 19 0 0 1 1.054 1.749 1.5 1.5 0 0 1-2.648 1.411 17 17 0 0 0-.891-1.48Zm-6.553 25.828a1.5 1.5 0 0 1 .617-2.03 16 16 0 0 0 1.48-.89 1.5 1.5 0 0 1 1.68 2.485 20 20 0 0 1-1.748 1.054 1.5 1.5 0 0 1-2.029-.62Zm.105-31.436A1.5 1.5 0 0 1 32.55 6.47q.922.45 1.785.991a1.5 1.5 0 0 1-1.593 2.543 17 17 0 0 0-1.51-.838ZM14.5 24a1.5 1.5 0 1 1 3 0v4.38L28.38 17.5H24a1.5 1.5 0 0 1 0-3h8a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 0 1-3 0v-4.379l-10.878 10.88H24a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 0 1-1.5-1.5v-8Zm7.372 17.938a1.5 1.5 0 0 1 1.55-1.448 17 17 0 0 0 1.73-.03 1.5 1.5 0 0 1 .208 2.992 20 20 0 0 1-2.04.037 1.5 1.5 0 0 1-1.448-1.551m-.625-35.791a1.5 1.5 0 0 1 1.394-1.6 20 20 0 0 1 2.04-.036 1.5 1.5 0 0 1-.104 2.999 17 17 0 0 0-1.73.03 1.5 1.5 0 0 1-1.6-1.393m-7.583 34.391a1.5 1.5 0 0 1 1.592-2.543 17 17 0 0 0 1.511.838 1.5 1.5 0 0 1-1.317 2.697q-.922-.45-1.786-.992m-.973-30.623a1.5 1.5 0 0 1 .402-2.083q.845-.57 1.75-1.052a1.5 1.5 0 0 1 1.41 2.648 17 17 0 0 0-1.48.89 1.5 1.5 0 0 1-2.082-.403M6.78 33.157a1.5 1.5 0 0 1 2.648-1.41q.407.765.89 1.48a1.5 1.5 0 1 1-2.486 1.68 20 20 0 0 1-1.052-1.75m.38-15.702a1.5 1.5 0 0 1-.69-2.005q.45-.922.991-1.786a1.5 1.5 0 0 1 2.543 1.592 17 17 0 0 0-.838 1.51 1.5 1.5 0 0 1-2.006.69Zm-2.648 5.866a1.5 1.5 0 1 1 2.998.101 17 17 0 0 0 .03 1.73 1.5 1.5 0 0 1-2.993.208 20 20 0 0 1-.035-2.04Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionDiameter48 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/DimensionDiameter64/DimensionDiameter64.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="M54.463 30.722a1.5 1.5 0 0 1 2.996-.169 26 26 0 0 1 .035 2.004 1.5 1.5 0 0 1-3-.064 23 23 0 0 0-.03-1.771Zm-1.095 12.32a1.5 1.5 0 0 1-.768-1.978q.356-.806.648-1.644a1.5 1.5 0 0 1 2.832.99 25 25 0 0 1-.735 1.864 1.5 1.5 0 0 1-1.977.767Zm-1.097-20.82a1.5 1.5 0 0 1 2.701-1.305q.435.9.8 1.838a1.5 1.5 0 1 1-2.796 1.088 22 22 0 0 0-.705-1.62Zm-4.757 28.152a1.5 1.5 0 0 1 .045-2.12q.638-.613 1.227-1.272a1.5 1.5 0 0 1 2.239 1.998q-.668.748-1.39 1.44a1.5 1.5 0 0 1-2.121-.046m-.532-35.16a1.5 1.5 0 0 1 1.998-2.24q.748.668 1.441 1.393a1.5 1.5 0 0 1-2.168 2.075 23 23 0 0 0-1.271-1.229ZM19.833 31.998a1.5 1.5 0 0 1 3 0v7.046l16.212-16.212H32a1.5 1.5 0 0 1 0-3h10.666a1.5 1.5 0 0 1 1.5 1.5V32a1.5 1.5 0 0 1-3 0v-7.045L24.955 41.166H32a1.5 1.5 0 0 1 0 3H21.333a1.5 1.5 0 0 1-1.5-1.5V32Zm19.47 22.92a1.5 1.5 0 0 1 .855-1.943 23 23 0 0 0 1.62-.705 1.5 1.5 0 0 1 1.304 2.7q-.9.436-1.837.8a1.5 1.5 0 0 1-1.942-.853Zm.117-44.167a1.5 1.5 0 0 1 .99-2.832q.95.332 1.864.735a1.5 1.5 0 0 1-1.21 2.745 22 22 0 0 0-1.644-.648m-9.444 45.211a1.5 1.5 0 0 1 1.531-1.469 23 23 0 0 0 1.77-.03 1.501 1.501 0 0 1 .17 2.995 26 26 0 0 1-2.004.035 1.5 1.5 0 0 1-1.467-1.53Zm-.835-47.84a1.5 1.5 0 0 1 1.413-1.582 26 26 0 0 1 2.003-.035 1.5 1.5 0 0 1-.064 3 23 23 0 0 0-1.77.03 1.5 1.5 0 0 1-1.582-1.414Zm-7.415 47.222a1.5 1.5 0 0 1 1.21-2.745q.807.355 1.643.648a1.5 1.5 0 0 1-.988 2.832 25 25 0 0 1-1.865-.735M20.22 11.031a1.5 1.5 0 0 1 .698-2.003q.9-.435 1.838-.8a1.5 1.5 0 0 1 1.087 2.796q-.826.322-1.62.705a1.5 1.5 0 0 1-2.003-.698m-6.64 38.603a1.501 1.501 0 0 1 2.166-2.075q.612.638 1.272 1.227a1.5 1.5 0 0 1-1.998 2.239 26 26 0 0 1-1.44-1.391m-.485-32.497a1.5 1.5 0 0 1-.12-2.117q.668-.748 1.392-1.44a1.5 1.5 0 0 1 2.075 2.166 23 23 0 0 0-1.229 1.272 1.5 1.5 0 0 1-2.118.119M8.228 41.244a1.5 1.5 0 0 1 2.796-1.087q.322.827.705 1.62a1.5 1.5 0 0 1-2.701 1.305q-.435-.9-.8-1.838m.613-15.743a1.5 1.5 0 0 1-.92-1.91q.33-.95.735-1.865a1.5 1.5 0 0 1 2.745 1.21 22 22 0 0 0-.649 1.643 1.5 1.5 0 0 1-1.91.922Zm-2.335 5.942a1.5 1.5 0 0 1 3 .064 23 23 0 0 0 .03 1.77 1.5 1.5 0 0 1-2.995.17 26 26 0 0 1-.035-2.004"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionDiameter64 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/DimensionHeight20/DimensionHeight20.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="M14.598 17.5a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.75.75 0 0 1-.75-.75m0-15a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.75.75 0 0 1-.75-.75m-3.889 15a.75.75 0 0 1 .75-.75h.972a.75.75 0 0 1 0 1.5h-.972a.75.75 0 0 1-.75-.75m0-15a.75.75 0 0 1 .75-.75h.972a.75.75 0 0 1 0 1.5h-.972a.75.75 0 0 1-.75-.75M7.387 7.614a.75.75 0 0 1 0-1.061L9.47 4.47a.75.75 0 0 1 1.06 0l2.084 2.083a.75.75 0 0 1-1.06 1.06l-.804-.803v6.38l.804-.803a.75.75 0 1 1 1.06 1.06l-2.084 2.084a.75.75 0 0 1-1.06 0l-2.083-2.084a.75.75 0 0 1 1.06-1.06l.803.803V6.81l-.803.804a.75.75 0 0 1-1.06 0M6.819 17.5a.75.75 0 0 1 .75-.75h.973a.75.75 0 0 1 0 1.5h-.973a.75.75 0 0 1-.75-.75m0-15a.75.75 0 0 1 .75-.75h.973a.75.75 0 0 1 0 1.5h-.973a.75.75 0 0 1-.75-.75m-3.402 15a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.75.75 0 0 1-.75-.75m0-15a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.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">
+/**
+ * DimensionHeight20 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/DimensionHeight24/DimensionHeight24.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="M17.533 21a1 1 0 0 1 1-1H19a1 1 0 0 1 0 2h-.467a1 1 0 0 1-1-1m0-18a1 1 0 0 1 1-1H19a1 1 0 0 1 0 2h-.467a1 1 0 0 1-1-1m-4.667 18a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1m0-18a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1M8.793 9.207a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.414 0l2.5 2.5a1 1 0 1 1-1.414 1.414L13 8.414v7.172l.793-.793a1 1 0 0 1 1.414 1.414l-2.5 2.5a1 1 0 0 1-1.414 0l-2.5-2.5a1 1 0 0 1 1.414-1.414l.793.793V8.414l-.793.793a1 1 0 0 1-1.414 0M8.2 21a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2H9.2a1 1 0 0 1-1-1m0-18a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2H9.2a1 1 0 0 1-1-1M4 21a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2H5a1 1 0 0 1-1-1M4 3a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2H5a1 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">
+/**
+ * DimensionHeight24 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/DimensionHeight32/DimensionHeight32.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="M23.867 28a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2h-.467a1 1 0 0 1-1-1m0-24a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2h-.467a1 1 0 0 1-1-1M19.2 28a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2H20.2a1 1 0 0 1-1-1m0-24a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2H20.2a1 1 0 0 1-1-1m-7.24 8.04a1 1 0 0 1 0-1.414l3.333-3.333a1 1 0 0 1 1.414 0l3.334 3.333a1 1 0 0 1-1.414 1.414L17 10.413v11.174l1.627-1.627a1 1 0 0 1 1.414 1.414l-3.334 3.333a1 1 0 0 1-1.414 0l-3.333-3.333a1 1 0 0 1 1.414-1.414L15 21.586V10.414l-1.626 1.626a1 1 0 0 1-1.414 0M14.533 28a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1m0-24a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1M9.867 28a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1m0-24a1 1 0 0 1 1-1h.934a1 1 0 0 1 0 2h-.934a1 1 0 0 1-1-1m-4.2 24a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2h-.467a1 1 0 0 1-1-1m0-24a1 1 0 0 1 1-1h.467a1 1 0 0 1 0 2h-.467a1 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">
+/**
+ * DimensionHeight32 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/DimensionHeight48/DimensionHeight48.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="M35.566 42a1.5 1.5 0 0 1 1.5-1.5H38a1.5 1.5 0 0 1 0 3h-.934a1.5 1.5 0 0 1-1.5-1.5m0-36a1.5 1.5 0 0 1 1.5-1.5H38a1.5 1.5 0 0 1 0 3h-.934a1.5 1.5 0 0 1-1.5-1.5m-9.333 36a1.5 1.5 0 0 1 1.5-1.5H29.6a1.5 1.5 0 0 1 0 3h-1.867a1.5 1.5 0 0 1-1.5-1.5m0-36a1.5 1.5 0 0 1 1.5-1.5H29.6a1.5 1.5 0 0 1 0 3h-1.867a1.5 1.5 0 0 1-1.5-1.5M17.94 18.06a1.5 1.5 0 0 1 0-2.12l5-5a1.5 1.5 0 0 1 2.122 0l5 5a1.5 1.5 0 1 1-2.122 2.12l-2.44-2.438V32.38l2.44-2.44a1.5 1.5 0 0 1 2.12 2.122l-5 5a1.5 1.5 0 0 1-2.12 0l-5-5a1.5 1.5 0 0 1 2.12-2.121l2.44 2.44V15.62l-2.44 2.44a1.5 1.5 0 0 1-2.12 0M16.901 42a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3H18.4a1.5 1.5 0 0 1-1.5-1.5Zm0-36a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3H18.4A1.5 1.5 0 0 1 16.9 6ZM8.5 42a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3H10A1.5 1.5 0 0 1 8.5 42m0-36A1.5 1.5 0 0 1 10 4.5h.933a1.5 1.5 0 0 1 0 3H10A1.5 1.5 0 0 1 8.5 6"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionHeight48 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/DimensionHeight64/DimensionHeight64.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="M48.233 56a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.932a1.5 1.5 0 0 1-1.5-1.5Zm0-48a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.932a1.5 1.5 0 0 1-1.5-1.5ZM38.9 56a1.5 1.5 0 0 1 1.5-1.5h1.867a1.5 1.5 0 0 1 0 3H40.4a1.5 1.5 0 0 1-1.5-1.5m0-48a1.5 1.5 0 0 1 1.5-1.5h1.867a1.5 1.5 0 0 1 0 3H40.4A1.5 1.5 0 0 1 38.9 8M24.273 23.728a1.5 1.5 0 0 1 0-2.121l6.668-6.667a1.5 1.5 0 0 1 2.12 0l6.667 6.667a1.5 1.5 0 0 1-2.122 2.12l-4.105-4.106V44.38l4.105-4.106a1.5 1.5 0 0 1 2.122 2.12l-6.666 6.668a1.5 1.5 0 0 1-2.121 0l-6.668-6.667a1.5 1.5 0 0 1 2.122-2.121l4.106 4.106V19.621l-4.106 4.107a1.5 1.5 0 0 1-2.122 0M29.567 56a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5m0-48a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5m-9.334 48a1.5 1.5 0 0 1 1.5-1.5H23.6a1.5 1.5 0 0 1 0 3h-1.867a1.5 1.5 0 0 1-1.5-1.5m0-48a1.5 1.5 0 0 1 1.5-1.5H23.6a1.5 1.5 0 0 1 0 3h-1.867a1.5 1.5 0 0 1-1.5-1.5m-8.4 48a1.5 1.5 0 0 1 1.5-1.5h.934a1.5 1.5 0 0 1 0 3h-.934a1.5 1.5 0 0 1-1.5-1.5m0-48a1.5 1.5 0 0 1 1.5-1.5h.934a1.5 1.5 0 0 1 0 3h-.934a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionHeight64 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/DimensionLength20/DimensionLength20.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.324 17.49a.75.75 0 0 1 1.06 0l.313.313a.75.75 0 0 1-1.06 1.06l-.313-.312a.75.75 0 0 1 0-1.06Zm-2.5-2.5a.75.75 0 0 1 1.06 0l.626.625a.75.75 0 0 1-1.06 1.061l-.626-.625a.75.75 0 0 1 0-1.06Zm-2.5-2.5a.75.75 0 0 1 1.06 0l.626.625a.75.75 0 0 1-1.06 1.061l-.626-.625a.75.75 0 0 1 0-1.06Zm9.592-6.156a.75.75 0 0 1 .75.75V10a.75.75 0 0 1-1.5 0V8.895l-3.272 3.272H10a.75.75 0 0 1 0 1.5H7.083a.75.75 0 0 1-.75-.75V10a.75.75 0 0 1 1.5 0v1.107l3.272-3.273H10a.75.75 0 0 1 0-1.5zm-11.78 3.969a.75.75 0 0 1 1.061 0l.313.312a.75.75 0 0 1-1.06 1.061l-.313-.313a.75.75 0 0 1 0-1.06ZM17.49 8.324a.75.75 0 0 1 1.06 0l.313.313a.75.75 0 1 1-1.06 1.06l-.313-.312a.75.75 0 0 1 0-1.06Zm-2.5-2.5a.75.75 0 0 1 1.06 0l.626.625a.75.75 0 1 1-1.06 1.061l-.626-.625a.75.75 0 0 1 0-1.06Zm-2.5-2.5a.75.75 0 0 1 1.06 0l.626.625a.75.75 0 1 1-1.06 1.061l-.626-.625a.75.75 0 0 1 0-1.06Zm-2.187-2.187a.75.75 0 0 1 1.06 0l.313.312a.75.75 0 1 1-1.06 1.06l-.313-.312a.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">
+/**
+ * DimensionLength20 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/DimensionLength24/DimensionLength24.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.993 20.993a1 1 0 0 1 1.414 0l.3.3a1 1 0 0 1-1.414 1.414l-.3-.3a1 1 0 0 1 0-1.414m-3-3a1 1 0 0 1 1.414 0l.6.6a1 1 0 0 1-1.414 1.414l-.6-.6a1 1 0 0 1 0-1.414m-3-3a1 1 0 0 1 1.414 0l.6.6a1 1 0 0 1-1.414 1.414l-.6-.6a1 1 0 0 1 0-1.414M15.5 7.5a1 1 0 0 1 1 1V12a1 1 0 0 1-2 0v-1.086L10.914 14.5H12a1 1 0 0 1 0 2H8.5a1 1 0 0 1-1-1V12a1 1 0 1 1 2 0v1.086L13.086 9.5H12a1 1 0 0 1 0-2zM1.293 12.293a1 1 0 0 1 1.414 0l.3.3a1 1 0 0 1-1.414 1.414l-.3-.3a1 1 0 0 1 0-1.414m19.7-2.3a1 1 0 0 1 1.414 0l.3.3a1 1 0 0 1-1.414 1.414l-.3-.3a1 1 0 0 1 0-1.414m-3-3a1 1 0 0 1 1.414 0l.6.6a1 1 0 1 1-1.414 1.414l-.6-.6a1 1 0 0 1 0-1.414m-3-3a1 1 0 0 1 1.414 0l.6.6a1 1 0 1 1-1.414 1.414l-.6-.6a1 1 0 0 1 0-1.414m-2.7-2.7a1 1 0 0 1 1.414 0l.3.3a1 1 0 1 1-1.414 1.414l-.3-.3a1 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">
+/**
+ * DimensionLength24 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/DimensionLength32/DimensionLength32.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.56 28.226a1 1 0 0 1 1.414 0l.4.4a1 1 0 0 1-1.414 1.414l-.4-.4a1 1 0 0 1 0-1.414m-4-4a1 1 0 0 1 1.414 0l.8.8a1 1 0 0 1-1.414 1.415l-.8-.801a1 1 0 0 1 0-1.414m-4-4a1 1 0 0 1 1.414 0l.8.8a1 1 0 0 1-1.414 1.415l-.8-.801a1 1 0 0 1 0-1.414m15.106-9.892a1 1 0 0 1 1 1V16a1 1 0 0 1-2 0v-2.252l-5.919 5.92H16a1 1 0 0 1 0 2h-4.667a1 1 0 0 1-1-1V16a1 1 0 0 1 2 0v2.253l5.919-5.919H16a1 1 0 0 1 0-2zM1.96 16.626a1 1 0 0 1 1.414 0l.4.4a1 1 0 0 1-1.414 1.415l-.4-.4a1 1 0 0 1 0-1.415m26.266-3.066a1 1 0 0 1 1.414 0l.4.4a1 1 0 0 1-1.414 1.414l-.4-.4a1 1 0 0 1 0-1.414m-4-4a1 1 0 0 1 1.414 0l.8.8a1 1 0 0 1-1.414 1.415l-.8-.801a1 1 0 0 1 0-1.414m-4-4a1 1 0 0 1 1.414 0l.8.8a1 1 0 0 1-1.414 1.415l-.8-.801a1 1 0 0 1 0-1.414m-3.6-3.6a1 1 0 0 1 1.414 0l.4.4a1 1 0 0 1-1.414 1.415l-.4-.4a1 1 0 0 1 0-1.415"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionLength32 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/DimensionLength48/DimensionLength48.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="M20.339 42.339a1.5 1.5 0 0 1 2.122 0l.6.6a1.5 1.5 0 1 1-2.122 2.122l-.6-.6a1.5 1.5 0 0 1 0-2.122m-6-6a1.5 1.5 0 0 1 2.122 0l1.2 1.2a1.501 1.501 0 0 1-2.122 2.122l-1.2-1.2a1.5 1.5 0 0 1 0-2.122m-6-6a1.5 1.5 0 0 1 2.122 0l1.2 1.2a1.501 1.501 0 0 1-2.122 2.122l-1.2-1.2a1.5 1.5 0 0 1 0-2.122M31 15.5a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-3 0v-3.379l-8.879 8.88h3.38a1.5 1.5 0 0 1 0 3h-7a1.5 1.5 0 0 1-1.5-1.5v-7a1.5 1.5 0 1 1 3 0v3.378l8.878-8.879H24a1.5 1.5 0 0 1 0-3zM2.94 24.94a1.5 1.5 0 0 1 2.12 0l.601.6a1.501 1.501 0 0 1-2.121 2.12l-.6-.6a1.5 1.5 0 0 1 0-2.121Zm39.399-4.601a1.5 1.5 0 0 1 2.122 0l.6.6a1.5 1.5 0 1 1-2.121 2.122l-.601-.6a1.5 1.5 0 0 1 0-2.122m-6-6a1.5 1.5 0 0 1 2.122 0l1.2 1.2a1.501 1.501 0 0 1-2.122 2.122l-1.2-1.2a1.5 1.5 0 0 1 0-2.122m-6-6a1.5 1.5 0 0 1 2.122 0l1.2 1.2a1.501 1.501 0 0 1-2.122 2.122l-1.2-1.2a1.5 1.5 0 0 1 0-2.122m-5.4-5.4a1.5 1.5 0 0 1 2.122 0l.6.6a1.501 1.501 0 0 1-2.122 2.122l-.6-.6a1.5 1.5 0 0 1 0-2.121Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionLength48 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/DimensionLength64/DimensionLength64.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="M27.473 56.807a1.5 1.5 0 0 1 2.12 0l.8.8a1.5 1.5 0 1 1-2.12 2.12l-.8-.8a1.5 1.5 0 0 1 0-2.12m-8-8a1.5 1.5 0 0 1 2.12 0l1.6 1.6a1.5 1.5 0 1 1-2.12 2.12l-1.6-1.6a1.5 1.5 0 0 1 0-2.12m-8-8a1.5 1.5 0 0 1 2.12 0l1.6 1.6a1.5 1.5 0 1 1-2.12 2.12l-1.6-1.6a1.5 1.5 0 0 1 0-2.12m29.861-19.641a1.5 1.5 0 0 1 1.5 1.5V32a1.5 1.5 0 0 1-3 0v-5.713L26.288 39.833H32a1.5 1.5 0 0 1 0 3h-9.333a1.5 1.5 0 0 1-1.5-1.5V32a1.5 1.5 0 0 1 3 0v5.712l13.546-13.546H32a1.5 1.5 0 0 1 0-3zM4.273 33.606a1.5 1.5 0 0 1 2.12 0l.8.8a1.5 1.5 0 1 1-2.12 2.121l-.8-.8a1.5 1.5 0 0 1 0-2.12Zm52.534-6.133a1.5 1.5 0 0 1 2.12 0l.8.8a1.5 1.5 0 0 1-2.12 2.12l-.8-.8a1.5 1.5 0 0 1 0-2.12m-8-8a1.5 1.5 0 0 1 2.12 0l1.6 1.6a1.5 1.5 0 0 1-2.12 2.12l-1.6-1.6a1.5 1.5 0 0 1 0-2.12m-8-8a1.5 1.5 0 0 1 2.12 0l1.6 1.6a1.5 1.5 0 0 1-2.12 2.12l-1.6-1.6a1.5 1.5 0 0 1 0-2.12m-7.2-7.2a1.5 1.5 0 0 1 2.12 0l.8.8a1.5 1.5 0 0 1-2.12 2.12l-.8-.8a1.5 1.5 0 0 1 0-2.12"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionLength64 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/DimensionThickness20/DimensionThickness20.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="M14.597 10a.75.75 0 0 1 .75-.75h.487a.75.75 0 0 1 0 1.5h-.487a.75.75 0 0 1-.75-.75m-3.888 0a.75.75 0 0 1 .75-.75h.971a.75.75 0 0 1 0 1.5h-.971a.75.75 0 0 1-.75-.75m-3.323 5.114a.75.75 0 0 1 0-1.061L9.47 11.97a.75.75 0 0 1 1.06 0l2.085 2.083a.751.751 0 0 1-1.06 1.061l-.805-.804v3.19a.75.75 0 0 1-1.5 0v-3.188l-.802.802a.75.75 0 0 1-1.06 0Zm0-9.167a.751.751 0 0 1 1.06-1.061l.804.803V2.5a.75.75 0 0 1 1.5 0v3.188l.803-.802a.75.75 0 0 1 1.06 1.061L10.532 8.03a.75.75 0 0 1-1.06 0L7.385 5.947ZM6.82 10a.75.75 0 0 1 .75-.75h.972a.75.75 0 1 1 0 1.5H7.57a.75.75 0 0 1-.75-.75m-3.402 0a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.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">
+/**
+ * DimensionThickness20 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/DimensionThickness24/DimensionThickness24.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="M17.533 12a1 1 0 0 1 1-1h.466a1 1 0 1 1 0 2h-.466a1 1 0 0 1-1-1m-4.667 0a1 1 0 0 1 1-1h.933a1 1 0 1 1 0 2h-.933a1 1 0 0 1-1-1m-4.073 6.207a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.415 0l2.5 2.5a1 1 0 0 1-1.415 1.414l-.792-.793V21a1 1 0 0 1-2 0v-3.586l-.793.793a1 1 0 0 1-1.415 0m0-11a1 1 0 0 1 1.415-1.414l.793.793V3a1 1 0 0 1 2 0v3.586l.793-.793a1 1 0 0 1 1.414 1.414l-2.5 2.5a1 1 0 0 1-1.415 0zM8.2 12a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2H9.2a1 1 0 0 1-1-1M4 12a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2H5a1 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">
+/**
+ * DimensionThickness24 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/DimensionThickness32/DimensionThickness32.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="M23.867 16a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 1 0 0 1-1-1M19.2 16a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2H20.2a1 1 0 0 1-1-1m-7.24 8.041a1 1 0 0 1 0-1.414l3.332-3.334a1 1 0 0 1 1.414 0l3.335 3.334a1 1 0 0 1-1.415 1.414L17 22.414V28a1 1 0 1 1-2 0v-5.585l-1.626 1.626a1 1 0 0 1-1.413 0Zm0-14.668a1 1 0 0 1 1.413-1.414l1.628 1.627V4a1 1 0 0 1 2 0v5.585l1.625-1.626a1 1 0 0 1 1.415 1.414l-3.334 3.334a1 1 0 0 1-1.414 0zM14.533 16a1 1 0 0 1 1-1h.933a1 1 0 1 1 0 2h-.933a1 1 0 0 1-1-1m-4.666 0a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2h-.933a1 1 0 0 1-1-1m-4.2 0a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 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">
+/**
+ * DimensionThickness32 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/DimensionThickness48/DimensionThickness48.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="M35.566 24a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.933a1.5 1.5 0 0 1-1.5-1.5m-9.333 0a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5M17.94 36.062a1.5 1.5 0 0 1 0-2.122l5-5a1.5 1.5 0 0 1 2.121 0l5 5a1.501 1.501 0 0 1-2.121 2.122l-2.44-2.44V42a1.5 1.5 0 0 1-3 0v-8.378l-2.439 2.44a1.5 1.5 0 0 1-2.121 0m0-22.002a1.501 1.501 0 0 1 2.121-2.122l2.44 2.44V6a1.5 1.5 0 0 1 3 0v8.378l2.439-2.44a1.5 1.5 0 0 1 2.121 2.122l-5 5a1.5 1.5 0 0 1-2.121 0zM16.9 24a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3H18.4a1.5 1.5 0 0 1-1.5-1.5m-8.4 0a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3H10A1.5 1.5 0 0 1 8.5 24"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness48 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/DimensionThickness64/DimensionThickness64.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="M48.234 32a1.5 1.5 0 0 1 1.5-1.5h.932a1.5 1.5 0 0 1 0 3h-.932a1.5 1.5 0 0 1-1.5-1.5M38.9 32a1.5 1.5 0 0 1 1.5-1.5h1.867a1.5 1.5 0 0 1 0 3H40.4a1.5 1.5 0 0 1-1.5-1.5M24.273 47.727a1.5 1.5 0 0 1 0-2.12l6.667-6.667a1.5 1.5 0 0 1 2.121 0l6.666 6.666a1.5 1.5 0 0 1-2.121 2.121l-4.105-4.105V56a1.5 1.5 0 0 1-3 0V43.622l-4.107 4.105a1.5 1.5 0 0 1-2.121 0m0-29.332a1.5 1.5 0 0 1 2.122-2.122L30.5 20.38V8a1.5 1.5 0 0 1 3 0v12.378l4.107-4.106a1.5 1.5 0 0 1 2.121 2.122l-6.667 6.666a1.5 1.5 0 0 1-2.121 0l-6.666-6.666ZM29.568 32a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5m-9.333 0a1.5 1.5 0 0 1 1.5-1.5H23.6a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5Zm-8.4 0a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.933a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness64 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/DimensionWidth20/DimensionWidth20.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="M2.5 14.598a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m-15-3.889a.75.75 0 0 1 .75.75v.972a.75.75 0 0 1-1.5 0v-.972a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.972a.75.75 0 0 1-1.5 0v-.972a.75.75 0 0 1 .75-.75m-5.113-3.322a.75.75 0 0 1 1.06 0l2.084 2.083a.75.75 0 0 1 0 1.06l-2.083 2.084a.75.75 0 0 1-1.061-1.06l.804-.804H6.81l.804.804a.75.75 0 0 1-1.061 1.06L4.47 10.53a.75.75 0 0 1 0-1.06l2.083-2.083a.75.75 0 0 1 1.06 1.06l-.802.803h6.379l-.803-.803a.75.75 0 0 1 0-1.06M2.5 6.819a.75.75 0 0 1 .75.75v.973a.75.75 0 0 1-1.5 0V7.57a.75.75 0 0 1 .75-.75Zm15 0a.75.75 0 0 1 .75.75v.973a.75.75 0 0 1-1.5 0V7.57a.75.75 0 0 1 .75-.75Zm-15-3.402a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.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">
+/**
+ * DimensionWidth20 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/DimensionWidth24/DimensionWidth24.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="M3 17.533a1 1 0 0 1 1 1V19a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1V19a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1M3 12.866a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m-6.207-4.073a1 1 0 0 1 1.414 0l2.5 2.5a1 1 0 0 1 0 1.414l-2.5 2.5a1 1 0 0 1-1.414-1.414l.793-.793H8.414l.793.793a1 1 0 0 1-1.414 1.414l-2.5-2.5a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.414 1.414L8.414 11h7.172l-.793-.793a1 1 0 0 1 0-1.414M3 8.2a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V9.2a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V9.2a1 1 0 0 1 1-1M3 4a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0V5a1 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">
+/**
+ * DimensionWidth24 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/DimensionWidth32/DimensionWidth32.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="M4 23.867a1 1 0 0 1 1 1v.467a1.001 1.001 0 0 1-2 0v-.467a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1M4 19.2a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V20.2a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V20.2a1 1 0 0 1 1-1m-8.04-7.24a1 1 0 0 1 1.414 0l3.333 3.333a1 1 0 0 1 0 1.414l-3.333 3.334a1 1 0 0 1-1.414-1.414L21.587 17H10.413l1.627 1.627a1 1 0 0 1-1.414 1.414l-3.333-3.334a1 1 0 0 1 0-1.414l3.333-3.333a1 1 0 0 1 1.414 1.414L10.414 15h11.172l-1.626-1.626a1 1 0 0 1 0-1.414M4 14.533a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1M4 9.867a1 1 0 0 1 1 1v.934a1.001 1.001 0 0 1-2 0v-.934a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1.001 1.001 0 0 1-2 0v-.934a1 1 0 0 1 1-1m-24-4.2a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 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">
+/**
+ * DimensionWidth32 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/DimensionWidth48/DimensionWidth48.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="M6 35.566a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5M6 26.233a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5M29.94 17.94a1.5 1.5 0 0 1 2.12 0l5 5a1.5 1.5 0 0 1 0 2.12l-5 5a1.5 1.5 0 0 1-2.12-2.12l2.44-2.44H15.62l2.44 2.44a1.5 1.5 0 0 1-2.121 2.12l-5-5a1.5 1.5 0 0 1 0-2.12l5-5a1.5 1.5 0 1 1 2.12 2.12L15.62 22.5h16.76l-2.44-2.44a1.5 1.5 0 0 1 0-2.12M6 16.9a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4A1.5 1.5 0 0 1 6 16.9m36 0a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4a1.5 1.5 0 0 1 1.5-1.5M6 8.5A1.5 1.5 0 0 1 7.5 10v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 6 8.5m36 0a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 42 8.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth48 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/DimensionWidth64/DimensionWidth64.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="M8 48.233a1.5 1.5 0 0 1 1.5 1.5v.933a1.5 1.5 0 0 1-3 0v-.932a1.5 1.5 0 0 1 1.5-1.5Zm48 0a1.5 1.5 0 0 1 1.5 1.5v.933a1.5 1.5 0 0 1-3 0v-.932a1.5 1.5 0 0 1 1.5-1.5ZM8 38.9a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V40.4A1.5 1.5 0 0 1 8 38.9m48 0a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V40.4a1.5 1.5 0 0 1 1.5-1.5M40.273 24.273a1.5 1.5 0 0 1 2.12 0l6.668 6.667a1.5 1.5 0 0 1 0 2.12l-6.667 6.667a1.5 1.5 0 1 1-2.121-2.121l4.106-4.106H19.621l4.107 4.106a1.5 1.5 0 0 1-2.121 2.12l-6.667-6.665a1.5 1.5 0 0 1 0-2.121l6.667-6.667a1.5 1.5 0 0 1 2.12 2.12L19.622 30.5H44.38l-4.106-4.106a1.5 1.5 0 0 1 0-2.121ZM8 29.567a1.5 1.5 0 0 1 1.5 1.5v1.866a1.5 1.5 0 0 1-3 0v-1.866a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5v1.866a1.5 1.5 0 0 1-3 0v-1.866a1.5 1.5 0 0 1 1.5-1.5M8 20.233a1.5 1.5 0 0 1 1.5 1.5V23.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5V23.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m-48-8.4a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth64 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/FavoriteOff20/FavoriteOff20.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"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-4.054-4.053-2.386 2.387a.75.75 0 0 1-1.06 0l-5.94-5.94a4.135 4.135 0 0 1-.008-5.84L1.97 3.03a.75.75 0 0 1 0-1.06m2.613 3.674a2.635 2.635 0 0 0 .007 3.72l5.41 5.41 1.855-1.858zm5.802-.806a4.135 4.135 0 1 1 6.086 5.586l-1.453 1.451-1.06-1.06 1.452-1.452a2.635 2.635 0 1 0-3.878-3.56l-.959 1.14-.223.263-3.84-3.838a4.12 4.12 0 0 1 3.105 1.47l.384.456z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff20 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/FavoriteOff24/FavoriteOff24.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.414L15.5 16.914l-2.793 2.794a1.003 1.003 0 0 1-1.415 0L4.164 12.58a5.06 5.06 0 0 1-.077-7.078L2.293 3.707a1 1 0 0 1 0-1.414m3.209 4.623a3.06 3.06 0 0 0 .076 4.25l6.42 6.42 2.087-2.087zm6.883-1.176a5.061 5.061 0 1 1 7.45 6.84l-1.671 1.67-1.415-1.415 1.672-1.67a3.062 3.062 0 1 0-4.506-4.136l-1.15 1.366-.21.247-4.7-4.7a5.04 5.04 0 0 1 3.76 1.798l.384.457z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff24 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/FavoriteOff32/FavoriteOff32.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.414l-6.627-6.627-3.959 3.961a1.003 1.003 0 0 1-1.414 0l-9.505-9.504a6.415 6.415 0 0 1 .134-9.201l-2.63-2.629a1 1 0 0 1 0-1.414Zm3.91 5.586a4.416 4.416 0 0 0 0 6.244l8.796 8.797 3.253-3.254L7.337 8.751q-.068.063-.135.128Zm9.566-1.01a6.415 6.415 0 1 1 9.442 8.668l-2.198 2.197-1.414-1.414 2.198-2.197a4.415 4.415 0 1 0-6.499-5.966l-1.533 1.822-.233.275L10.89 5.61a6.39 6.39 0 0 1 4.341 2.26l.769.91.77-.912Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff32 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/FavoriteOff48/FavoriteOff48.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="M4.94 4.94a1.5 1.5 0 0 1 2.12 0l36 36a1.5 1.5 0 1 1-2.12 2.12L31 33.122l-5.94 5.94a1.5 1.5 0 0 1-2.122 0L8.682 24.807c-3.758-3.758-3.758-9.85 0-13.609q.1-.099.2-.193L4.94 7.061a1.5 1.5 0 0 1 0-2.121m5.863 8.379a6.623 6.623 0 0 0 0 9.365L23.999 35.88l4.88-4.88-17.873-17.873q-.103.093-.203.191Zm14.35-1.516c3.631-4.313 10.176-4.592 14.163-.606 3.757 3.758 3.758 9.851 0 13.609l-3.253 3.252-2.12-2.121 3.252-3.253a6.623 6.623 0 1 0-9.748-8.948l-2.3 2.732-.31.364-8.405-8.406a9.58 9.58 0 0 1 6.414 3.377l1.153 1.369 1.153-1.37Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff48 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/FavoriteOff64/FavoriteOff64.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="M6.94 6.94a1.5 1.5 0 0 1 2.12 0l48 48a1.5 1.5 0 1 1-2.12 2.12L41.331 43.454l-8.273 8.275a1.5 1.5 0 0 1-2.122 0L11.93 32.718c-4.815-4.814-4.815-12.62 0-17.436q.31-.31.638-.593L6.94 9.06a1.5 1.5 0 0 1 0-2.121Zm7.755 9.877a9.33 9.33 0 0 0-.646 13.781l17.949 17.948 7.213-7.214zm19.223-.758c4.654-5.527 13.04-5.885 18.15-.777 4.814 4.815 4.814 12.622 0 17.437l-4.045 4.043-2.12-2.121 4.043-4.043a9.33 9.33 0 0 0 0-13.194c-3.866-3.866-10.212-3.594-13.733.587l-3.068 3.643-.115.135-9.83-9.831a12.27 12.27 0 0 1 6.878 4.12l1.92 2.28 1.92-2.28Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff64 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/FolderNew20/FolderNew20.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 d="M14.583 10.75a3.834 3.834 0 1 1 0 7.668 3.834 3.834 0 0 1 0-7.668M8.838 1.755a.75.75 0 0 1 .512.295l1.025 1.367h5.458a.75.75 0 0 1 .75.75v1.75h.917l.081.005a.75.75 0 0 1 .66.86l-.417 2.707a.75.75 0 0 1-1.482-.227l.284-1.845H4.811L3.374 16.75h5.793a.75.75 0 0 1 0 1.5H2.5a.8.8 0 0 1-.27-.053l-.037-.014a1 1 0 0 1-.096-.052l-.029-.02a1 1 0 0 1-.091-.075l-.017-.017-.03-.03a1 1 0 0 1-.05-.068l-.007-.01a1 1 0 0 1-.058-.105l-.01-.022a1 1 0 0 1-.036-.123l-.005-.018-.006-.04a1 1 0 0 1-.008-.103v-15a.75.75 0 0 1 .75-.75h6.25zm5.745 11.078a.5.5 0 0 0-.5.5v.75h-.75a.5.5 0 0 0 0 1h.75v.75a.5.5 0 0 0 1 0v-.75h.75a.5.5 0 1 0 0-1h-.75v-.75a.5.5 0 0 0-.5-.5M3.25 7.694l.176-1.141.032-.132a.75.75 0 0 1 .709-.504h10.916v-1H10a.75.75 0 0 1-.6-.3L8.375 3.25H3.25z"/></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"><path d="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334M8.75 1.75a.75.75 0 0 1 .6.3l1.025 1.367h5.458a.75.75 0 0 1 .75.75v1.75h.917a.75.75 0 0 1 .742.864l-.385 2.5a.75.75 0 0 1-1.482-.228l.251-1.636H4.811L3.374 16.75h5.793a.75.75 0 0 1 0 1.5H2.5l-.077-.004a.7.7 0 0 1-.23-.063.8.8 0 0 1-.228-.16q-.017-.016-.034-.035a1 1 0 0 1-.05-.067l-.007-.01a1 1 0 0 1-.057-.105l-.01-.022a.8.8 0 0 1-.044-.15l-.004-.03-.005-.037a1 1 0 0 1-.004-.1V2.5a.75.75 0 0 1 .75-.75zM15 12.732a.5.5 0 0 0-.5.5V14.5h-1.267a.5.5 0 0 0 0 1H14.5v1.268a.5.5 0 0 0 1 0V15.5h1.268a.5.5 0 0 0 0-1H15.5v-1.268a.5.5 0 0 0-.5-.5M3.25 7.694l.176-1.141.032-.132a.75.75 0 0 1 .71-.504h10.915v-1H10a.75.75 0 0 1-.6-.3L8.376 3.25H3.25z"/></svg></template>
 <script setup lang="ts">
 /**
  * FolderNew20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/FolderNew24/FolderNew24.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 d="M10.5 2a1 1 0 0 1 .8.4L12.5 4H19l.103.005A1 1 0 0 1 20 5v2h1a1 1 0 0 1 .989 1.152l-.5 3.25a1 1 0 0 1-1.977-.304L19.834 9H5.858L4.166 20H11a1 1 0 0 1 0 2H3l-.102-.005H2.89l-.01-.003a1 1 0 0 1-.093-.015l-.02-.005a1 1 0 0 1-.353-.162l-.028-.02-.057-.05q-.011-.009-.022-.02l-.053-.054q-.007-.008-.013-.015l-.004-.005a1 1 0 0 1-.198-.364l-.006-.026a1 1 0 0 1-.03-.178q-.002-.022-.003-.043V3a1 1 0 0 1 1-1zm7 11a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m0 2.5a.5.5 0 0 0-.5.5v1h-1a.5.5 0 1 0 0 1h1v1a.5.5 0 1 0 1 0v-1h1a.5.5 0 0 0 0-1h-1v-1a.5.5 0 0 0-.5-.5M4 7.924l.012-.076.018-.09A1 1 0 0 1 5 7h13V6h-6a1 1 0 0 1-.8-.4L10.002 4h-6v3.924Z"/></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"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M10.5 2a1 1 0 0 1 .8.4L12.5 4H19a1 1 0 0 1 1 1v2h1a1 1 0 0 1 .989 1.152l-.462 3a1 1 0 0 1-1.977-.304L19.834 9H5.858L4.166 20H11a1 1 0 0 1 0 2H3l-.102-.005H2.89l-.01-.003a1 1 0 0 1-.093-.015l-.02-.005a1 1 0 0 1-.353-.162l-.028-.02-.057-.05q-.011-.009-.022-.02l-.053-.054-.013-.015-.004-.005a1 1 0 0 1-.198-.364l-.006-.026a1 1 0 0 1-.03-.178q-.002-.022-.003-.043V3a1 1 0 0 1 1-1zM18 15.379a.5.5 0 0 0-.5.5V17.5h-1.62a.5.5 0 0 0 0 1h1.62v1.621a.5.5 0 0 0 1 0V18.5h1.622a.5.5 0 0 0 0-1H18.5v-1.621a.5.5 0 0 0-.5-.5M4 7.924l.012-.076.018-.09A1 1 0 0 1 5 7h13V6h-6a1 1 0 0 1-.8-.4L10.002 4h-6v3.924Z"/></svg></template>
 <script setup lang="ts">
 /**
  * FolderNew24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/FolderNew32/FolderNew32.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 d="M23.333 17.5a5.834 5.834 0 1 1 0 11.668 5.834 5.834 0 0 1 0-11.668M14 3a1 1 0 0 1 .8.4l1.7 2.267h8.833a1 1 0 0 1 1 1v3H28a1 1 0 0 1 .989 1.152l-.667 4.333a1 1 0 0 1-1.977-.303l.49-3.182H7.524L5.166 27h9.501a1 1 0 0 1 0 2H4l-.102-.005H3.89l-.012-.003a1 1 0 0 1-.089-.015l-.024-.006a1 1 0 0 1-.269-.108l-.023-.014-.062-.041-.025-.019-.057-.049q-.011-.009-.022-.02l-.053-.054q-.007-.008-.013-.015l-.004-.005a1 1 0 0 1-.198-.364l-.006-.027a1 1 0 0 1-.03-.176L3 28.035V4a1 1 0 0 1 1-1zm9.333 17.833a.5.5 0 0 0-.5.5v1.5h-1.5a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0v-1.5h1.5a.5.5 0 1 0 0-1h-1.5v-1.5a.5.5 0 0 0-.5-.5M5 14.926l.68-4.411.017-.09a1 1 0 0 1 .97-.758h17.666v-2H16a1 1 0 0 1-.8-.4L13.5 5H5z"/></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"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334M14 3a1 1 0 0 1 .8.4l1.7 2.267h8.833a1 1 0 0 1 1 1v3H28a1 1 0 0 1 .989 1.152l-.616 4a1 1 0 0 1-1.976-.304l.438-2.848H7.525L5.166 27h9.501a1 1 0 0 1 0 2H4l-.102-.005H3.89l-.012-.003a1 1 0 0 1-.089-.015l-.024-.006a1 1 0 0 1-.268-.108l-.024-.014-.061-.041-.026-.019-.056-.049a1 1 0 0 1-.075-.074l-.014-.015-.004-.005a1 1 0 0 1-.198-.364l-.006-.027a1 1 0 0 1-.03-.176L3 28.035V4a1 1 0 0 1 1-1zm10 17.672a.5.5 0 0 0-.5.5V23.5h-2.328a.5.5 0 0 0 0 1H23.5v2.33a.501.501 0 0 0 1 0V24.5h2.33a.5.5 0 0 0 0-1H24.5v-2.328a.5.5 0 0 0-.5-.5M5 14.926l.68-4.411.017-.09a1 1 0 0 1 .97-.758h17.666v-2H16a1 1 0 0 1-.8-.4L13.5 5H5z"/></svg></template>
 <script setup lang="ts">
 /**
  * FolderNew32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/FolderNew48/FolderNew48.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 d="M35 26a9 9 0 1 1 0 18 9 9 0 0 1 0-18M21 4.5c.472 0 .917.222 1.2.6l2.551 3.4h13.25l.153.008A1.5 1.5 0 0 1 39.5 10v4.5H42a1.5 1.5 0 0 1 1.483 1.729l-1 6.5a1.5 1.5 0 0 1-2.965-.457l.734-4.772H11.287l-3.539 23H22a1.5 1.5 0 0 1 0 3H6l-.153-.008h-.005l-.04-.007a2 2 0 0 1-.121-.02l-.025-.006a2 2 0 0 1-.125-.035l-.042-.016-.094-.037-.054-.025a2 2 0 0 1-.097-.052l-.029-.018a1.5 1.5 0 0 1-.203-.149l-.056-.05a2 2 0 0 1-.075-.08l-.02-.02-.004-.007a1.5 1.5 0 0 1-.296-.547l-.01-.044-.025-.105-.01-.067a2 2 0 0 1-.014-.162L4.5 42V6A1.5 1.5 0 0 1 6 4.5zM35 31a1 1 0 0 0-1 1v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2a1 1 0 0 0-1-1M7.5 22.386l1.018-6.614.027-.135A1.5 1.5 0 0 1 10 14.5h26.5v-3H24a1.5 1.5 0 0 1-1.2-.6l-2.55-3.4H7.5z"/></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"><path d="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.478-10 10-10M21 4.5c.472 0 .917.222 1.2.6l2.551 3.4h13.25a1.5 1.5 0 0 1 1.5 1.5v4.5H42a1.502 1.502 0 0 1 1.482 1.729l-.923 6a1.5 1.5 0 0 1-2.965-.457l.657-4.272H11.287l-3.539 23H22a1.5 1.5 0 0 1 0 3H6l-.153-.008h-.005l-.04-.007a2 2 0 0 1-.12-.02l-.026-.006a2 2 0 0 1-.125-.035l-.042-.016-.094-.037-.054-.025a2 2 0 0 1-.097-.052l-.029-.018a1.5 1.5 0 0 1-.203-.149l-.056-.05a2 2 0 0 1-.075-.08l-.02-.02-.004-.007a1.5 1.5 0 0 1-.296-.547l-.01-.044-.025-.105-.01-.067a2 2 0 0 1-.014-.162L4.5 42V6A1.5 1.5 0 0 1 6 4.5zm15 26.257a1 1 0 0 0-1 1v3.242h-3.242a1 1 0 0 0 0 2H35v3.243a1 1 0 0 0 2 0V37h3.244a1 1 0 0 0 0-2H37v-3.242a1 1 0 0 0-1-1ZM7.5 22.386l1.018-6.614.027-.135A1.5 1.5 0 0 1 10 14.5h26.5v-3H24a1.5 1.5 0 0 1-1.2-.6l-2.55-3.4H7.5z"/></svg></template>
 <script setup lang="ts">
 /**
  * FolderNew48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/FolderNew64/FolderNew64.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 d="M46.668 35c6.443 0 11.666 5.224 11.666 11.667s-5.223 11.666-11.666 11.666-11.666-5.223-11.667-11.666S40.225 35 46.668 35M28 6.5c.472 0 .917.222 1.2.6l3.55 4.733h17.917a1.5 1.5 0 0 1 1.5 1.5v6.5H56a1.5 1.5 0 0 1 1.483 1.729l-1.333 8.665a1.5 1.5 0 0 1-2.965-.456l1.067-6.938H14.62L9.748 54.5h19.585a1.5 1.5 0 0 1 0 3H8l-.153-.008h-.005l-.04-.007a2 2 0 0 1-.121-.02l-.025-.006a2 2 0 0 1-.125-.035l-.042-.016-.094-.037-.054-.025a2 2 0 0 1-.097-.052l-.03-.019a2 2 0 0 1-.15-.104l-.046-.04q-.031-.025-.062-.054a2 2 0 0 1-.075-.08l-.02-.02-.005-.007a2 2 0 0 1-.074-.097l-.02-.025-.006-.01a1.5 1.5 0 0 1-.195-.415l-.012-.045-.022-.1q-.007-.037-.011-.073a2 2 0 0 1-.014-.16L6.5 56V8A1.5 1.5 0 0 1 8 6.5zm18.667 35.167a1 1 0 0 0-1 1v3h-3a1 1 0 0 0 0 2h3v3a1 1 0 0 0 2 0v-3h3a1 1 0 0 0 0-2h-3v-3a1 1 0 0 0-1-1M9.5 36.384l2.351-15.28.027-.134a1.5 1.5 0 0 1 1.455-1.137h35.834v-5H32a1.5 1.5 0 0 1-1.2-.6L27.25 9.5H9.5z"/></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="M48.001 34.666c7.364 0 13.333 5.97 13.333 13.334s-5.969 13.333-13.333 13.333S34.668 55.363 34.667 48s5.97-13.334 13.334-13.334m-20-28.166c.471 0 .916.222 1.2.6l3.55 4.733h17.916a1.5 1.5 0 0 1 1.5 1.5v6.5H56a1.502 1.502 0 0 1 1.483 1.729l-1.23 8a1.5 1.5 0 0 1-2.965-.457l.964-6.272H14.62L9.748 54.5h19.585a1.5 1.5 0 0 1 0 3H8l-.153-.008h-.005l-.04-.007a2 2 0 0 1-.12-.02l-.026-.006a2 2 0 0 1-.125-.035l-.042-.016-.094-.037-.054-.025a2 2 0 0 1-.097-.052l-.03-.019a2 2 0 0 1-.15-.104l-.046-.04q-.031-.025-.062-.054a2 2 0 0 1-.075-.08l-.02-.02-.005-.007a2 2 0 0 1-.074-.097l-.02-.025-.006-.01a1.5 1.5 0 0 1-.195-.415l-.012-.045-.022-.1q-.007-.037-.011-.073l-.01-.08-.004-.08L6.5 56V8A1.5 1.5 0 0 1 8 6.5h20Zm20 34.843a1 1 0 0 0-1 1V47h-4.657a1 1 0 0 0 0 2h4.657v4.656a1 1 0 0 0 2 0V49h4.657a1 1 0 0 0 0-2H49v-4.657a1 1 0 0 0-1-1Zm-38.5-4.96 2.35-15.279.027-.134a1.5 1.5 0 0 1 1.455-1.137h35.834v-5H32a1.5 1.5 0 0 1-1.2-.6L27.25 9.5H9.5z"/></svg></template>
 <script setup lang="ts">
 /**
  * FolderNew64 is an SVG icon wrapped in a Vue component to make it easier to use.