@mozaic-ds/icons-vue 2.4.0 → 2.6.0

package/src/components/Danger64/Danger64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32 9.167a1.5 1.5 0 0 1 1.306.76l22.666 40a1.5 1.5 0 0 1-1.305 2.24H9.334a1.5 1.5 0 0 1-1.305-2.24l22.667-40A1.5 1.5 0 0 1 32 9.167m20.093 40L32.001 13.709 11.908 49.167zM32 25.167a1.5 1.5 0 0 1 1.5 1.5v8a1.5 1.5 0 1 1-3 0v-8a1.5 1.5 0 0 1 1.5-1.5m0 20.166A2.667 2.667 0 1 0 32 40a2.667 2.667 0 0 0 0 5.333"/></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="M29.857 11.324c.94-1.568 3.171-1.616 4.192-.146l.096.146 22.234 37.057c1 1.666-.2 3.786-2.144 3.786H9.768c-1.943 0-3.144-2.12-2.144-3.786zM10.652 49.167h42.7L32 13.583 10.65 49.167Zm21.613-8a1.5 1.5 0 0 1 0 3h-.533a1.5 1.5 0 0 1 0-3zm-.267-16a1.5 1.5 0 0 1 1.5 1.5V36a1.5 1.5 0 0 1-3 0v-9.333a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * Danger64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Delivery20/Delivery20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.584 4.167a.75.75 0 0 1 .75-.75H12.5a.75.75 0 0 1 .75.75v.916h2.167a.75.75 0 0 1 .728.568l.69 2.766h.665a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75h-1.452a2.418 2.418 0 0 1-4.596 0h-2.07a2.418 2.418 0 0 1-4.596 0H3.334a.75.75 0 0 1-.75-.75V11.75h1.5v1.666h.702a2.418 2.418 0 0 1 4.596 0h2.07a2.418 2.418 0 0 1 4.596 0h.702v-3.5h-1.085l-.142-.568-.692-2.765h-1.58v2.583a.75.75 0 0 1-1.5 0v-4.25H4.083v.834h-1.5zm12.083 10a.917.917 0 1 0-1.833-.002.917.917 0 0 0 1.833.002m-13-7.584a.5.5 0 0 0 0 1h4.167a.5.5 0 0 0 0-1zm2 2.167a.5.5 0 0 1 .5-.5h1.667a.5.5 0 1 1 0 1H4.167a.5.5 0 0 1-.5-.5m-.75 1.166a.5.5 0 0 0 0 1h2.917a.5.5 0 0 0 0-1zm4.167 3.334a.917.917 0 1 0 0 1.833.917.917 0 0 0 0-1.833"/></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="M12.5 3.417a.75.75 0 0 1 .75.75v.916h2.167l.104.008a.75.75 0 0 1 .567.407l2.162 4.324v4.344a.75.75 0 0 1-.75.75h-1.036a2.416 2.416 0 0 1-4.594.001H8.13a2.415 2.415 0 1 1-2.295-3.167c1.072 0 1.98.7 2.295 1.667h3.741a2.417 2.417 0 0 1 4.593-.001h.287V10.75H12.5a.75.75 0 0 1-.75-.75V4.917H4.167a.75.75 0 0 1 0-1.5zM5.834 13.25a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834m8.333 0a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834M5.833 9.5a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1 0-1zm7.417-.25h3.037l-1.334-2.667H13.25zM5.834 7.833a.5.5 0 0 1 0 1H4.167a.5.5 0 0 1 0-1zm-.001-1.666a.5.5 0 0 1 0 1h-3.75a.5.5 0 0 1 0-1z"/></svg></template>
 <script setup lang="ts">
 /**
  * Delivery20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Delivery24/Delivery24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 5a1 1 0 0 1 1-1h11a1 1 0 0 1 1 1v1h2.5a1 1 0 0 1 .97.757L20.28 10H21a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-1.67a3.001 3.001 0 0 1-5.66 0h-2.34a3.001 3.001 0 0 1-5.66 0H4a1 1 0 0 1-1-1v-3h2v2h.67a3.001 3.001 0 0 1 5.66 0h2.34a3.001 3.001 0 0 1 5.66 0H20v-4h-1.28l-.19-.757L17.72 8H16v3a1 1 0 1 1-2 0V6H5v1H3zm12.5 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-7-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2M2 8a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zm2.5 2.5A.5.5 0 0 1 5 10h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m-1 1.5a.5.5 0 0 0 0 1H7a.5.5 0 0 0 0-1z"/></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="M15 4a1 1 0 0 1 1 1v1h2.5a1 1 0 0 1 .895.553L22 11.763V17a1 1 0 0 1-1 1h-1.174a2.998 2.998 0 0 1-5.652 0H9.826A2.998 2.998 0 0 1 4 17a3 3 0 0 1 5.826-1h4.348a2.998 2.998 0 0 1 5.652 0H20v-3h-5a1 1 0 0 1-1-1V6H5a1 1 0 0 1 0-2zM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M7 11.5a.5.5 0 0 1 0 1H4a.5.5 0 0 1 0-1zm9-.5h3.382l-1.5-3H16zM7 9.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0-2a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1 0-1z"/></svg></template>
 <script setup lang="ts">
 /**
  * Delivery24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Delivery32/Delivery32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M4.334 6.667a1 1 0 0 1 1-1H20a1 1 0 0 1 1 1v1.666h3.667a1 1 0 0 1 .97.758l1.144 4.576h1.22a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-2.472a3.668 3.668 0 0 1-7.057 0h-3.61a3.668 3.668 0 0 1-7.057 0H5.334a1 1 0 0 1-1-1V19h2v2.667h1.471a3.668 3.668 0 0 1 7.057 0h3.61a3.668 3.668 0 0 1 7.057 0H27v-6h-1.78l-.19-.758-1.144-4.576H21v4.333a1 1 0 1 1-2 0v-7H6.334V9h-2zm-1.667 4.166a.5.5 0 1 0 0 1h6.667a.5.5 0 0 0 0-1zM6.167 14a.5.5 0 0 1 .5-.5h2.667a.5.5 0 0 1 0 1H6.667a.5.5 0 0 1-.5-.5m-1.5 2.167a.5.5 0 0 0 0 1h4.667a.5.5 0 0 0 0-1zM11.334 21a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m9 1.667a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 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"><path d="M20 5.667a1 1 0 0 1 1 1v1.666h3.667l.14.01a1 1 0 0 1 .755.543l3.332 6.667.106.21v6.903a1 1 0 0 1-1 1h-1.806a3.667 3.667 0 0 1-7.054.001h-6.28a3.667 3.667 0 1 1 0-2h6.28a3.667 3.667 0 0 1 7.054-.001H27V17h-7a1 1 0 0 1-1-1V7.667H6.667a1 1 0 0 1 0-2zM9.334 21a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334m13.333 0a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M9.333 15.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1zM21 15h5.383l-2.334-4.667H21zM9.334 12.833a.5.5 0 0 1 0 1H6.667a.5.5 0 1 1 0-1zm-.001-2.666a.5.5 0 1 1 0 1h-6a.5.5 0 0 1 0-1z"/></svg></template>
 <script setup lang="ts">
 /**
  * Delivery32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Delivery48/Delivery48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M6.5 10A1.5 1.5 0 0 1 8 8.5h22a1.5 1.5 0 0 1 1.5 1.5v2.5H37a1.5 1.5 0 0 1 1.455 1.136l1.716 6.864H42a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5h-3.707a5.502 5.502 0 0 1-10.586 0h-5.414a5.502 5.502 0 0 1-10.586 0H8A1.5 1.5 0 0 1 6.5 34v-5.5h3v4h2.207a5.502 5.502 0 0 1 10.586 0h5.414a5.502 5.502 0 0 1 10.586 0H40.5v-9h-2.671l-.284-1.136-1.716-6.864H31.5V22a1.5 1.5 0 0 1-3 0V11.5h-19v2h-3zm24 24a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0M17 31.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5M4 16a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2zm5 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m-2 3a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2z"/></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="M30 8.5a1.5 1.5 0 0 1 1.5 1.5v2.5H37a1.5 1.5 0 0 1 1.342.83L43.5 23.644V34a1.5 1.5 0 0 1-1.5 1.5h-2.708a5.501 5.501 0 0 1-10.584 0h-9.416A5.501 5.501 0 0 1 8.5 34a5.5 5.5 0 0 1 10.792-1.5h9.416a5.501 5.501 0 0 1 10.584 0H40.5v-7H30a1.5 1.5 0 0 1-1.5-1.5V11.5H10a1.5 1.5 0 0 1 0-3zm-16 23a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m20 0a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M14 23a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm17.5-.5h8.072l-3.5-7H31.5zM14 19a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm0-4a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2z"/></svg></template>
 <script setup lang="ts">
 /**
  * Delivery48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Delivery64/Delivery64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M9.166 13.334a1.5 1.5 0 0 1 1.5-1.5H40a1.5 1.5 0 0 1 1.5 1.5v3.833h7.833a1.5 1.5 0 0 1 1.455 1.136l2.383 9.53H56a1.5 1.5 0 0 1 1.5 1.5v16a1.5 1.5 0 0 1-1.5 1.5h-5.332a6.836 6.836 0 0 1-13.336 0h-7.998a6.836 6.836 0 0 1-13.336 0h-5.332a1.5 1.5 0 0 1-1.5-1.5V38.5h3v5.334h3.832a6.836 6.836 0 0 1 13.337 0h7.996a6.836 6.836 0 0 1 13.337 0H54.5v-13h-3.672l-.284-1.137-2.382-9.53H41.5v9.167a1.5 1.5 0 0 1-3 0v-14.5H12.166V17.5h-3zm-3.833 8.333a1 1 0 1 0 0 2h13.333a1 1 0 1 0 0-2zm7 6.333a1 1 0 0 1 1-1h5.333a1 1 0 1 1 0 2h-5.333a1 1 0 0 1-1-1m-3 4.334a1 1 0 1 0 0 2h9.333a1 1 0 1 0 0-2zM22.666 41.5a3.833 3.833 0 1 0 0 7.667 3.833 3.833 0 0 0 0-7.667m17.5 3.833a3.833 3.833 0 1 1 7.667 0 3.833 3.833 0 0 1-7.667 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="M40 11.833a1.5 1.5 0 0 1 1.5 1.5v3.834h7.833a1.5 1.5 0 0 1 1.342.83l6.667 13.332.158.317v13.688a1.5 1.5 0 0 1-1.5 1.5h-4a6.836 6.836 0 0 1-6.667 5.333 6.835 6.835 0 0 1-6.666-5.334H25.333a6.834 6.834 0 1 1 0-3h13.334A6.834 6.834 0 0 1 52 43.834h2.5V33.5H40a1.5 1.5 0 0 1-1.5-1.5V14.833H13.333a1.5 1.5 0 0 1 0-3zM18.666 41.5a3.834 3.834 0 1 0 .001 7.667 3.834 3.834 0 0 0-.001-7.667m26.667 0a3.833 3.833 0 1 0 0 7.667 3.833 3.833 0 0 0 0-7.667M18.667 31a1 1 0 0 1 0 2h-8a1 1 0 1 1 0-2zm22.833-.5h12.072l-5.166-10.333H41.5zm-22.834-4.833a1 1 0 1 1 0 2h-5.333a1 1 0 0 1 0-2zm.001-5.334a1 1 0 0 1 0 2h-12a1 1 0 1 1 0-2z"/></svg></template>
 <script setup lang="ts">
 /**
  * Delivery64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeliveryOff20/DeliveryOff20.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="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334m1.604 2.563a.5.5 0 0 0-.707 0l-.897.897-.896-.896a.5.5 0 0 0-.707.707l.896.896-.896.896a.5.5 0 0 0 .707.707l.896-.896.896.896a.5.5 0 0 0 .707-.707L15.707 15l.896-.896a.5.5 0 0 0 0-.707ZM5.834 11.75c1.072 0 1.98.7 2.295 1.667h1.69a5.4 5.4 0 0 0-.234 1.5H8.129a2.415 2.415 0 1 1-2.295-3.167m0 1.5a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834M12.5 3.417a.75.75 0 0 1 .75.75v.916h2.167l.104.008a.75.75 0 0 1 .567.407l2.162 4.324v.844A5.4 5.4 0 0 0 15 9.583a5.4 5.4 0 0 0-3.041.934.75.75 0 0 1-.209-.517V4.917H4.167a.75.75 0 0 1 0-1.5zM5.833 9.5a.5.5 0 0 1 0 1h-2.5a.5.5 0 0 1 0-1zm7.417-.25h3.037l-1.334-2.667H13.25zM5.834 7.833a.5.5 0 0 1 0 1H4.167a.5.5 0 0 1 0-1zm-.001-1.666a.5.5 0 0 1 0 1h-3.75a.5.5 0 0 1 0-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DeliveryOff20 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/DeliveryOff24/DeliveryOff24.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"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M7 14c1.306 0 2.414.835 2.826 2h1.989a6.5 6.5 0 0 0-.315 2H9.826A2.998 2.998 0 0 1 4 17a3 3 0 0 1 3-3m12.854 2.146a.5.5 0 0 0-.709 0L18 17.293l-1.146-1.146a.5.5 0 0 0-.707.707L17.293 18l-1.146 1.146a.5.5 0 0 0 .707.707L18 18.707l1.145 1.146a.501.501 0 0 0 .709-.707L18.707 18l1.146-1.146a.5.5 0 0 0 0-.707ZM7 16a1 1 0 1 0 0 2 1 1 0 0 0 0-2m8-12a1 1 0 0 1 1 1v1h2.5a1 1 0 0 1 .895.553L22 11.763v1.115a6.47 6.47 0 0 0-4-1.378c-1.39 0-2.676.437-3.732 1.18A1 1 0 0 1 14 12V6H5a1 1 0 0 1 0-2zm-8 7.5a.5.5 0 0 1 0 1H4a.5.5 0 0 1 0-1zm9-.5h3.382l-1.5-3H16zM7 9.5a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1zm0-2a.5.5 0 0 1 0 1H2.5a.5.5 0 0 1 0-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DeliveryOff24 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/DeliveryOff32/DeliveryOff32.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"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334m2.354 4.313a.5.5 0 0 0-.707 0L24 23.292l-1.646-1.646a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.646a.5.5 0 0 0 .707.707L24 24.707l1.646 1.648a.501.501 0 0 0 .707-.709L24.707 24l1.646-1.646a.5.5 0 0 0 0-.709ZM9.334 19a3.67 3.67 0 0 1 3.526 2.667h2.793a8.7 8.7 0 0 0-.311 2H12.86A3.667 3.667 0 1 1 9.334 19m0 2a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M20 5.667a1 1 0 0 1 1 1v1.666h3.667l.14.01a1 1 0 0 1 .755.543l3.332 6.667.106.21v1.16a8.63 8.63 0 0 0-5-1.59c-1.731 0-3.343.51-4.696 1.384A1 1 0 0 1 19 16V7.667H6.667a1 1 0 0 1 0-2zM9.333 15.5a.5.5 0 0 1 0 1h-4a.5.5 0 0 1 0-1zM21 15h5.383l-2.334-4.667H21zM9.334 12.833a.5.5 0 0 1 0 1H6.667a.5.5 0 1 1 0-1zm-.001-2.666a.5.5 0 1 1 0 1h-6a.5.5 0 0 1 0-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DeliveryOff32 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/DeliveryOff48/DeliveryOff48.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="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m3.707 6.293a1 1 0 0 0-1.414 0l-2.294 2.293-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.293a1 1 0 0 0 1.414 1.414l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293a1 1 0 0 0 0-1.414M14 28.5a5.5 5.5 0 0 1 5.292 4h4.185a13 13 0 0 0-.467 3h-3.718A5.501 5.501 0 0 1 8.5 34a5.5 5.5 0 0 1 5.5-5.5m0 3a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5m16-23a1.5 1.5 0 0 1 1.5 1.5v2.5H37a1.5 1.5 0 0 1 1.342.83L43.5 23.644v1.735A12.94 12.94 0 0 0 36 23a12.94 12.94 0 0 0-7.047 2.073A1.5 1.5 0 0 1 28.5 24V11.5H10a1.5 1.5 0 0 1 0-3zM14 23a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2zm17.5-.5h8.072l-3.5-7H31.5zM14 19a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm0-4a1 1 0 1 1 0 2H5a1 1 0 1 1 0-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DeliveryOff48 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/DeliveryOff64/DeliveryOff64.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 34.667c7.364 0 13.333 5.97 13.333 13.333S55.363 61.333 48 61.333 34.667 55.363 34.667 48 40.637 34.667 48 34.667m4.707 8.626a1 1 0 0 0-1.414 0l-3.292 3.293-3.294-3.293a1 1 0 0 0-1.414 1.414L46.586 48l-3.293 3.293a1 1 0 0 0 1.414 1.414l3.294-3.293 3.292 3.293a1 1 0 0 0 1.414-1.415L49.415 48l3.292-3.292c.39-.39.39-1.024 0-1.415M18.666 38.5a6.835 6.835 0 0 1 6.667 5.333h5.839c-.24.97-.398 1.973-.466 3h-5.373a6.834 6.834 0 1 1-6.667-8.333m0 3a3.834 3.834 0 1 0 .001 7.667 3.834 3.834 0 0 0-.001-7.667M40 11.833a1.5 1.5 0 0 1 1.5 1.5v3.834h7.833a1.5 1.5 0 0 1 1.342.83l6.667 13.332.158.317V33.5a17.25 17.25 0 0 0-9.5-2.833c-3.277 0-6.342.908-8.956 2.488A1.5 1.5 0 0 1 38.5 32V14.833H13.333a1.5 1.5 0 0 1 0-3zM18.667 31a1 1 0 0 1 0 2h-8a1 1 0 1 1 0-2zm22.833-.5h12.072l-5.166-10.333H41.5zm-22.834-4.833a1 1 0 1 1 0 2h-5.333a1 1 0 0 1 0-2zm.001-5.334a1 1 0 0 1 0 2h-12a1 1 0 1 1 0-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * DeliveryOff64 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/DeviceMobile20/DeviceMobile20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M5.917 5.167c0-.967.783-1.75 1.75-1.75h4.667c.966 0 1.75.783 1.75 1.75v9.666a1.75 1.75 0 0 1-1.75 1.75H7.667a1.75 1.75 0 0 1-1.75-1.75zm1.75-.25a.25.25 0 0 0-.25.25v7.25h5.167v-7.25a.25.25 0 0 0-.25-.25zm4.917 8.5H7.417v1.416c0 .138.112.25.25.25h4.667a.25.25 0 0 0 .25-.25zm-3.917.75a.5.5 0 0 1 .5-.5h1.667a.5.5 0 0 1 0 1H9.167a.5.5 0 0 1-.5-.5"/></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="M14.165 1.75a.75.75 0 0 1 .75.75v1.558a1 1 0 0 1 .668.942v1.667a1 1 0 0 1-.668.941V17.5a.75.75 0 0 1-.75.75H5.832a.75.75 0 0 1-.75-.75v-15a.75.75 0 0 1 .75-.75zm-7.583 15h6.833V3.25H6.582zm4.251-1.833a.5.5 0 0 1 0 1H9.166a.5.5 0 0 1 0-1zm-.834-10.75a.625.625 0 1 1 0 1.25.625.625 0 0 1 0-1.25"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceMobile20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceMobile24/DeviceMobile24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M7 6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2zm8 0H9v9h6zm0 10H9v2h6zm-4.5 1a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/></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="M17 2a1 1 0 0 1 1 1v2.135c.299.173.5.495.5.865v2c0 .37-.202.691-.5.864V21a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM8 20h8V4H8zm5-2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM12 5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceMobile24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceMobile32/DeviceMobile32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M9.667 7.667a2 2 0 0 1 2-2h8.667a2 2 0 0 1 2 2v16.666a2 2 0 0 1-2 2h-8.667a2 2 0 0 1-2-2zm10.667 0h-8.667v12.5h8.667zm0 13.5h-8.667v3.166h8.667zm-6.167 1.5a.5.5 0 0 1 .5-.5h2.667a.5.5 0 0 1 0 1h-2.667a.5.5 0 0 1-.5-.5"/></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="M22.665 3a1 1 0 0 1 1 1v3.058a1 1 0 0 1 .668.942v2.667a1 1 0 0 1-.668.941V28a1 1 0 0 1-1 1H9.332a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM10.332 27h11.333V5H10.332zm7.001-2.833a.5.5 0 0 1 0 1h-2.667a.5.5 0 0 1 0-1zm-1.334-17.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceMobile32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceMobile48/DeviceMobile48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M14.5 11A2.5 2.5 0 0 1 17 8.5h14a2.5 2.5 0 0 1 2.5 2.5v26a2.5 2.5 0 0 1-2.5 2.5H17a2.5 2.5 0 0 1-2.5-2.5zm3 21v4.5h13V32zm0-2h13V11.5h-13zm3.5 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 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 48 48" width="48px" height="48px"><path d="M34 4.5A1.5 1.5 0 0 1 35.5 6v4.587a1.5 1.5 0 0 1 1 1.413v4c0 .653-.418 1.206-1 1.412V42a1.5 1.5 0 0 1-1.5 1.5H14a1.5 1.5 0 0 1-1.5-1.5V6A1.5 1.5 0 0 1 14 4.5zm-18.5 36h17v-33h-17zM26 36a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm-2-26a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceMobile48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceMobile64/DeviceMobile64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M19.833 14.334a2.5 2.5 0 0 1 2.5-2.5h19.333a2.5 2.5 0 0 1 2.5 2.5v35.333a2.5 2.5 0 0 1-2.5 2.5H22.333a2.5 2.5 0 0 1-2.5-2.5zm3 28v6.833h18.333v-6.833zm0-2h18.333v-25.5H22.833zm5.5 5a1 1 0 0 1 1-1h5.333a1 1 0 1 1 0 2h-5.333a1 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 64 64" width="64px" height="64px"><path d="M45.335 6.5a1.5 1.5 0 0 1 1.5 1.5v6.51A1.5 1.5 0 0 1 48.167 16v5.333a1.5 1.5 0 0 1-1.332 1.49V56a1.5 1.5 0 0 1-1.5 1.5H18.668a1.5 1.5 0 0 1-1.5-1.5V8a1.5 1.5 0 0 1 1.5-1.5zm-25.167 48h23.667v-45H20.168zm14.499-6.167a1 1 0 0 1 0 2h-5.333a1 1 0 0 1 0-2zm-2.666-35a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceMobile64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceTablet20/DeviceTablet20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M4.25 5.167c0-.967.784-1.75 1.75-1.75h8c.967 0 1.75.783 1.75 1.75v9.666a1.75 1.75 0 0 1-1.75 1.75H6a1.75 1.75 0 0 1-1.75-1.75zM6 4.917a.25.25 0 0 0-.25.25v7.25h8.5v-7.25a.25.25 0 0 0-.25-.25zm-.25 9.916v-1.416h8.5v1.416a.25.25 0 0 1-.25.25H6a.25.25 0 0 1-.25-.25m4.25-.25a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833"/></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.835 1.75a.75.75 0 0 1 .75.75v1.558a1 1 0 0 1 .666.942v1.667a1 1 0 0 1-.666.941V17.5a.75.75 0 0 1-.75.75H4.168a.75.75 0 0 1-.75-.75v-15a.75.75 0 0 1 .75-.75zm-10.917 15h10.167V3.25H4.918zm5.917-1.833a.5.5 0 0 1 0 1H9.168a.5.5 0 0 1 0-1zm-.834-10.75a.625.625 0 1 1 0 1.25.625.625 0 0 1 0-1.25"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceTablet20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceTablet24/DeviceTablet24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M5 6a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2zm12 0H7v9h10zM7 18v-2h10v2zm5-.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 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"><path d="M19 2a1 1 0 0 1 1 1v2.135c.299.173.5.495.5.865v2c0 .37-.202.691-.5.864V21a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM6 20h12V4H6zm7-2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zM12 5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceTablet24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceTablet32/DeviceTablet32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M7 7.667a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v16.666a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2zm16 0H9v12.5h14zM9 24.333v-3.166h14v3.166zm7-1A.667.667 0 1 0 16 22a.667.667 0 0 0 0 1.333"/></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="M25.335 3a1 1 0 0 1 1 1v3.058a1 1 0 0 1 .666.942v2.667a1 1 0 0 1-.666.941V28a1 1 0 0 1-1 1H6.668a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM7.668 27h16.667V5H7.668zm9.667-2.833a.5.5 0 0 1 0 1h-2.667a.5.5 0 0 1 0-1zm-1.334-17.5a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceTablet32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceTablet48/DeviceTablet48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M10.5 11A2.5 2.5 0 0 1 13 8.5h22a2.5 2.5 0 0 1 2.5 2.5v26a2.5 2.5 0 0 1-2.5 2.5H13a2.5 2.5 0 0 1-2.5-2.5zm3 .5V30h21V11.5zm0 25V32h21v4.5zM24 35a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></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="M38 4.5A1.5 1.5 0 0 1 39.5 6v5.135c.299.173.5.495.5.865v4c0 .37-.202.691-.5.864V42a1.5 1.5 0 0 1-1.5 1.5H10A1.5 1.5 0 0 1 8.5 42V6A1.5 1.5 0 0 1 10 4.5zm-26.5 36h25v-33h-25zM26 36a1 1 0 1 1 0 2h-4a1 1 0 1 1 0-2zm-2-26a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceTablet48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DeviceTablet64/DeviceTablet64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M14.5 14.333a2.5 2.5 0 0 1 2.5-2.5h30a2.5 2.5 0 0 1 2.5 2.5v35.334a2.5 2.5 0 0 1-2.5 2.5H17a2.5 2.5 0 0 1-2.5-2.5zm3 .5v25.5h29v-25.5zm0 34.334v-6.834h29v6.834zm14.5-2.5A1.333 1.333 0 1 0 32 44a1.333 1.333 0 0 0 0 2.667"/></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="M50.665 6.5a1.5 1.5 0 0 1 1.5 1.5v7.015a1 1 0 0 1 .834.985v5.333a1 1 0 0 1-.834.984V56a1.5 1.5 0 0 1-1.5 1.5H13.332a1.5 1.5 0 0 1-1.5-1.5V8a1.5 1.5 0 0 1 1.5-1.5zm-35.833 48h34.333v-45H14.832zm19.833-6.167a1 1 0 0 1 0 2h-5.333a1 1 0 0 1 0-2zm-2.666-35a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/></svg></template>
 <script setup lang="ts">
 /**
  * DeviceTablet64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/DimensionDiameter20/DimensionDiameter20.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="M16.727 9.44a.75.75 0 0 1 1.495-.122 8 8 0 0 1 .019 1.077.75.75 0 1 1-1.498-.07 7 7 0 0 0-.016-.885m-.825 5.248a.75.75 0 0 1-.224-1.036q.24-.37.429-.773a.75.75 0 0 1 1.356.642q-.232.49-.523.942a.75.75 0 0 1-1.038.225m-.355-8.535a.75.75 0 1 1 1.233-.856q.307.442.555.924a.75.75 0 0 1-1.333.689 7 7 0 0 0-.455-.757m-2.779 10.86a.75.75 0 0 1 .322-1.01q.395-.204.757-.456a.75.75 0 0 1 .857 1.233q-.443.307-.925.555a.75.75 0 0 1-1.011-.322m.111-13.12a.75.75 0 0 1 .642-1.355q.49.232.942.523a.75.75 0 0 1-.811 1.262 7 7 0 0 0-.773-.43M5.916 10a.75.75 0 0 1 1.5 0v1.523l4.107-4.107H9.999a.75.75 0 0 1 0-1.5h3.334a.75.75 0 0 1 .75.75V10a.75.75 0 0 1-1.5 0V8.477l-4.106 4.106h1.522a.75.75 0 0 1 0 1.5H6.666a.75.75 0 0 1-.75-.75zm2.975 7.456a.75.75 0 0 1 .784-.713 7 7 0 0 0 .885-.016.75.75 0 0 1 .123 1.495 8 8 0 0 1-1.078.019.75.75 0 0 1-.714-.785m-.26-14.869a.75.75 0 0 1 .687-.808 8 8 0 0 1 1.077-.02.751.751 0 0 1-.07 1.5 7 7 0 0 0-.885.015.75.75 0 0 1-.809-.687M5.537 16.94a.75.75 0 0 1 .813-1.262q.37.24.77.429a.75.75 0 0 1-.641 1.356 8 8 0 0 1-.942-.523M5.109 4.265a.75.75 0 0 1 .188-1.044 8.5 8.5 0 0 1 .924-.557.75.75 0 0 1 .689 1.333 7 7 0 0 0-.757.457.75.75 0 0 1-1.044-.189M2.664 13.78a.75.75 0 0 1 1.333-.689q.205.395.457.757a.75.75 0 0 1-1.233.857 8 8 0 0 1-.557-.925m.23-6.301a.75.75 0 0 1-.357-1q.233-.489.524-.941a.75.75 0 0 1 1.262.812 7 7 0 0 0-.43.772.75.75 0 0 1-1 .357ZM1.759 9.605a.75.75 0 0 1 1.5.07 7 7 0 0 0 .015.885.75.75 0 0 1-1.495.123 8 8 0 0 1-.02-1.078"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionDiameter20 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/DimensionDiameter24/DimensionDiameter24.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="M19.98 11.44a1 1 0 0 1 1.996-.137 10 10 0 0 1 .018 1.045 1 1 0 1 1-1.998-.067 8 8 0 0 0-.015-.84Zm-.877 6.178a1 1 0 0 1-.317-1.38q.221-.354.406-.73a1 1 0 0 1 1.797.878q-.232.472-.508.914a1 1 0 0 1-1.378.317Zm-.469-10.091a1 1 0 0 1 1.656-1.12 10 10 0 0 1 .54.896 1.001 1.001 0 0 1-1.764.941 8 8 0 0 0-.432-.717m-3.29 12.891a1 1 0 0 1 .412-1.352q.37-.198.717-.432a1 1 0 0 1 1.12 1.656 10 10 0 0 1-.896.54 1 1 0 0 1-1.353-.412m.163-15.61a1 1 0 0 1 .88-1.797q.47.231.913.509a1 1 0 1 1-1.061 1.694 8 8 0 0 0-.732-.406M7 12a1 1 0 1 1 2 0v1.586L13.586 9H12a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0v-1.586L10.415 15H12a1 1 0 0 1 0 2H8a1 1 0 0 1-1-1zm3.687 8.961a1 1 0 0 1 1.033-.966 8 8 0 0 0 .839-.014 1 1 0 0 1 .138 1.995 10 10 0 0 1-1.045.018 1 1 0 0 1-.965-1.033m-.313-17.87a1 1 0 0 1 .93-1.066 10 10 0 0 1 1.044-.019 1 1 0 0 1-.067 1.998 8 8 0 0 0-.84.015 1 1 0 0 1-1.067-.929ZM6.7 20.48a1 1 0 0 1 1.061-1.696q.355.222.733.407a1.001 1.001 0 0 1-.88 1.797q-.472-.232-.914-.508M6.138 5.097a1 1 0 0 1 .27-1.388q.432-.292.895-.54a1 1 0 0 1 .942 1.766 8 8 0 0 0-.718.432 1 1 0 0 1-1.389-.27m-2.969 11.6a1 1 0 0 1 1.766-.94 8 8 0 0 0 .432.716 1 1 0 0 1-1.658 1.12 10 10 0 0 1-.54-.896m.301-7.745a1 1 0 0 1-.459-1.337q.231-.473.509-.915a.999.999 0 1 1 1.694 1.06 8 8 0 0 0-.406.732 1 1 0 0 1-1.338.46m-1.464 2.7a1 1 0 0 1 1.998.068 8 8 0 0 0 .015.839 1 1 0 0 1-1.994.138 10 10 0 0 1-.019-1.045"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionDiameter24 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/DimensionDiameter32/DimensionDiameter32.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="M26.982 15.374a1 1 0 0 1 1.998-.11 13 13 0 0 1 .017 1.02 1 1 0 0 1-2-.042 11 11 0 0 0-.015-.868m-.399 6.374a1 1 0 0 1-.512-1.317q.173-.393.317-.803a1 1 0 0 1 1.888.66q-.169.484-.374.95a1 1 0 0 1-1.319.51m-.672-10.528a1 1 0 0 1 1.801-.87q.221.458.407.937a1 1 0 0 1-1.864.725 11 11 0 0 0-.344-.792m-2.335 14.14a1 1 0 0 1 .03-1.413q.314-.3.601-.622a1 1 0 0 1 1.492 1.332q-.34.38-.71.733a1 1 0 0 1-1.413-.03m-.251-17.568a1 1 0 1 1 1.332-1.49q.38.339.734.708a1 1 0 0 1-1.444 1.383q-.3-.313-.622-.6ZM9.666 16a1 1 0 0 1 2 0v2.92l7.253-7.254H16a1 1 0 0 1 0-2h5.334a1 1 0 0 1 1 1V16a1 1 0 0 1-2 0v-2.92l-7.252 7.253H16a1 1 0 0 1 0 2h-5.333a1 1 0 0 1-1-1zm9.753 11.55a1 1 0 0 1 .57-1.295q.403-.157.792-.344a1 1 0 0 1 .869 1.801q-.459.221-.937.407a1 1 0 0 1-1.294-.57Zm.21-21.938a1 1 0 1 1 .659-1.888q.484.169.95.374a1 1 0 0 1-.807 1.831q-.393-.173-.803-.317Zm-4.89 22.364a1 1 0 0 1 1.02-.979 11 11 0 0 0 .866-.015 1 1 0 0 1 .113 1.998 13 13 0 0 1-1.022.017 1 1 0 0 1-.977-1.021m-.418-23.9a1 1 0 0 1 .942-1.055 13 13 0 0 1 1.02-.018 1 1 0 0 1-.041 2 11 11 0 0 0-.868.015 1 1 0 0 1-1.053-.942m-3.558 23.826a1 1 0 0 1 .806-1.831q.393.173.803.317a1 1 0 1 1-.66 1.888 13 13 0 0 1-.949-.374M9.885 5.623a1 1 0 0 1 .466-1.334q.458-.222.935-.408a1 1 0 0 1 .726 1.864q-.404.157-.792.345a1 1 0 0 1-1.335-.467M6.61 24.99a1 1 0 0 1 1.443-1.383q.3.313.622.6a1 1 0 0 1-1.33 1.492q-.382-.34-.735-.71ZM6.38 8.755a1 1 0 0 1-.08-1.41q.34-.382.71-.735a1 1 0 0 1 1.382 1.443q-.312.3-.6.622a1 1 0 0 1-1.412.08m-2.5 11.958a1 1 0 1 1 1.864-.724q.157.403.345.792a1 1 0 0 1-1.801.869 13 13 0 0 1-.408-.937m.457-7.726a1 1 0 0 1-.614-1.275q.169-.483.374-.949a1 1 0 0 1 1.831.806q-.174.393-.317.803a1 1 0 0 1-1.274.615m-1.335 2.73a1 1 0 0 1 2 .041 11 11 0 0 0 .015.867 1 1 0 0 1-1.997.113 13 13 0 0 1-.018-1.022Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionDiameter32 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/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>