@mozaic-ds/icons-vue 2.5.0 → 2.6.0

package/src/components/BluetoothOff48/BluetoothOff48.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.12L33 35.12l-7.94 7.94A1.5 1.5 0 0 1 22.5 42V27.62l-6.44 6.44a1.5 1.5 0 1 1-2.12-2.12L21.878 24 4.939 7.06a1.5 1.5 0 0 1 0-2.12ZM25.5 38.378l5.379-5.38-5.38-5.378v10.758ZM23.426 4.614a1.5 1.5 0 0 1 1.634.325l9 9a1.5 1.5 0 0 1 0 2.121l-4 4a1.5 1.5 0 1 1-2.12-2.12L30.878 15l-5.38-5.38V14a1.5 1.5 0 0 1-3 0V6a1.5 1.5 0 0 1 .927-1.386Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff48 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/BluetoothOff64/BluetoothOff64.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.12L44 46.12 33.06 57.06A1.5 1.5 0 0 1 30.5 56V35.62l-9.44 9.44a1.5 1.5 0 1 1-2.12-2.12L29.878 32 6.939 9.06a1.5 1.5 0 0 1 0-2.12ZM33.5 52.378l8.379-8.38-8.38-8.378v16.758ZM31.426 6.614a1.5 1.5 0 0 1 1.634.325l12 12a1.5 1.5 0 0 1 0 2.121l-5.333 5.333a1.5 1.5 0 1 1-2.12-2.12L41.878 20l-8.38-8.38v7.047a1.5 1.5 0 0 1-3 0V8a1.5 1.5 0 0 1 .927-1.386Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff64 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/Bookmark20/Bookmark20.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="M15.834 1.75a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-1.142.64L10 14.808 4.559 18.14a.75.75 0 0 1-1.142-.64v-15a.75.75 0 0 1 .75-.75zM4.917 16.161l4.691-2.872.093-.049a.75.75 0 0 1 .69.05l4.693 2.871V3.25H4.917z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Bookmark20 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/Bookmark24/Bookmark24.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 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1.523.852L12 17.887l-6.478 3.965A1.001 1.001 0 0 1 4 21V3a1 1 0 0 1 1-1zM6 19.215l5.477-3.354a1 1 0 0 1 1.046 0L18 19.215V4H6z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Bookmark24 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/Bookmark32/Bookmark32.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="M25.334 3a1 1 0 0 1 1 1v24a1 1 0 0 1-1.523.852L16 23.459l-8.81 5.395A1.002 1.002 0 0 1 5.666 28V4a1 1 0 0 1 1-1zM7.667 26.215l7.812-4.782.123-.065a1 1 0 0 1 .92.065l7.812 4.782V5H7.667z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Bookmark32 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/Bookmark48/Bookmark48.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="M38 4.5A1.5 1.5 0 0 1 39.5 6v36a1.5 1.5 0 0 1-2.283 1.28L24 35.186 10.783 43.28A1.5 1.5 0 0 1 8.5 42V6A1.5 1.5 0 0 1 10 4.5zM11.5 39.322l11.717-7.173.185-.096a1.5 1.5 0 0 1 1.381.096L36.5 39.322V7.5h-25z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Bookmark48 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/Bookmark64/Bookmark64.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="M50.666 6.5a1.5 1.5 0 0 1 1.5 1.5v48a1.5 1.5 0 0 1-2.283 1.28L31.999 46.33 14.116 57.28A1.5 1.5 0 0 1 11.833 56V8a1.5 1.5 0 0 1 1.5-1.5zM14.833 53.322l16.384-10.03.185-.097c.445-.193.96-.16 1.381.097l16.383 10.03V9.5H14.833z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Bookmark64 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/BookmarkFilled20/BookmarkFilled20.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="M15.834 1.75a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-1.142.64L10 14.808 4.559 18.14a.75.75 0 0 1-1.142-.64v-15a.75.75 0 0 1 .75-.75z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BookmarkFilled20 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/BookmarkFilled24/BookmarkFilled24.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 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1.523.852L12 17.887l-6.478 3.965A1.001 1.001 0 0 1 4 21V3a1 1 0 0 1 1-1z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BookmarkFilled24 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/BookmarkFilled32/BookmarkFilled32.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="M25.334 3a1 1 0 0 1 1 1v24a1 1 0 0 1-1.523.852L16 23.459l-8.81 5.395A1.002 1.002 0 0 1 5.666 28V4a1 1 0 0 1 1-1z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BookmarkFilled32 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/BookmarkFilled48/BookmarkFilled48.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="M38 4.5A1.5 1.5 0 0 1 39.5 6v36a1.5 1.5 0 0 1-2.283 1.28L24 35.186 10.783 43.28A1.5 1.5 0 0 1 8.5 42V6A1.5 1.5 0 0 1 10 4.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * BookmarkFilled48 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/BookmarkFilled64/BookmarkFilled64.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="M50.666 6.5a1.5 1.5 0 0 1 1.5 1.5v48a1.5 1.5 0 0 1-2.283 1.28L31.999 46.33 14.116 57.28A1.5 1.5 0 0 1 11.833 56V8a1.5 1.5 0 0 1 1.5-1.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * BookmarkFilled64 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/Camera20/Camera20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M6.553 3.636a.75.75 0 0 1 .53-.22h5.834a.75.75 0 0 1 .53.22l1.447 1.447H17.5a.75.75 0 0 1 .75.75v10a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75v-10a.75.75 0 0 1 .75-.75h2.606zm.841 1.28L5.947 6.364a.75.75 0 0 1-.53.22H3.25v8.5h13.5v-8.5h-2.167a.75.75 0 0 1-.53-.22l-1.447-1.447zm-1.56 3.417a.833.833 0 1 1-1.667 0 .833.833 0 0 1 1.666 0m2 2.084a2.167 2.167 0 1 1 4.333 0 2.167 2.167 0 0 1-4.334 0M10 6.75a3.667 3.667 0 1 0 0 7.333 3.667 3.667 0 0 0 0-7.333"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M12.5 3.417a.75.75 0 0 1 .6.3l1.025 1.367H17.5a.75.75 0 0 1 .75.75v10a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75v-10a.75.75 0 0 1 .75-.75h3.375L6.9 3.717l.057-.068a.75.75 0 0 1 .543-.232zM6.85 6.283a.75.75 0 0 1-.6.301h-3v8.5h13.5v-8.5h-3a.75.75 0 0 1-.6-.3l-1.025-1.367h-4.25zM10 6.75a3.667 3.667 0 1 1-.001 7.333A3.667 3.667 0 0 1 10 6.75m0 1.5a2.167 2.167 0 1 0 .001 4.335A2.167 2.167 0 0 0 10 8.25M5 7.5a.833.833 0 1 1 0 1.666A.833.833 0 0 1 5 7.5"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Camera20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Camera24/Camera24.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.793 4.293A1 1 0 0 1 8.5 4h7a1 1 0 0 1 .707.293L17.914 6H21a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h3.086zM8.914 6 7.207 7.707A1 1 0 0 1 6.5 8H4v10h16V8h-2.5a1 1 0 0 1-.707-.293L15.086 6zM7 10a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2.5 2.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0M12 8a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M15 4a1 1 0 0 1 .8.4L16.999 6H21a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h4.001l1.2-1.6.074-.09A1 1 0 0 1 9 4zM8.3 7.6a1 1 0 0 1-.8.4H4v10h16V8h-3.5a1 1 0 0 1-.8-.4L14.501 6H9.499zM12 8a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M6 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Camera24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Camera32/Camera32.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="M10.626 5.96a1 1 0 0 1 .707-.294h9.334a1 1 0 0 1 .707.293l2.374 2.374H28a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1h4.252zm1.122 1.706L9.374 10.04a1 1 0 0 1-.707.293H5v14h22v-14h-3.667a1 1 0 0 1-.707-.293l-2.374-2.374zm-2.415 5.667a1.333 1.333 0 1 1-2.666 0 1.333 1.333 0 0 1 2.666 0m3 3.333a3.667 3.667 0 1 1 7.334 0 3.667 3.667 0 0 1-7.334 0M16 11a5.667 5.667 0 1 0 0 11.333A5.667 5.667 0 0 0 16 11"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M20 5.667a1 1 0 0 1 .8.4l1.7 2.267H28a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1h5.5l1.7-2.267.075-.09a1 1 0 0 1 .725-.31zm-9.2 4.267a1 1 0 0 1-.8.4H5v14h22v-14h-5a1 1 0 0 1-.8-.4l-1.7-2.267h-7zM16 11a5.667 5.667 0 1 1-.001 11.333A5.667 5.667 0 0 1 16 11m0 2a3.668 3.668 0 1 0 .001 7.335A3.668 3.668 0 0 0 16 13m-8-1a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 8 12"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Camera32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Camera48/Camera48.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="M15.94 8.94A1.5 1.5 0 0 1 17 8.5h14a1.5 1.5 0 0 1 1.06.44l3.561 3.56H42a1.5 1.5 0 0 1 1.5 1.5v24a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 38V14A1.5 1.5 0 0 1 6 12.5h6.379zm1.681 2.56-3.56 3.56A1.5 1.5 0 0 1 13 15.5H7.5v21h33v-21H35a1.5 1.5 0 0 1-1.06-.44l-3.561-3.56zM14 20a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4.5 5a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0m5.5-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17"/></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.2.6l2.551 3.4H42a1.5 1.5 0 0 1 1.5 1.5v24a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 38V14A1.5 1.5 0 0 1 6 12.5h8.249l2.55-3.4.114-.134A1.5 1.5 0 0 1 18 8.5zm-13.8 6.4a1.5 1.5 0 0 1-1.2.6H7.5v21h33v-21H33a1.5 1.5 0 0 1-1.2-.6l-2.551-3.4H18.751l-2.55 3.4Zm7.8 1.6a8.5 8.5 0 1 1 0 17 8.5 8.5 0 0 1 0-17m0 3a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11M12 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/></svg></template>
 <script setup lang="ts">
 /**
  * Camera48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Camera64/Camera64.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="M21.606 12.273a1.5 1.5 0 0 1 1.06-.44h18.667a1.5 1.5 0 0 1 1.061.44l4.894 4.894H56a1.5 1.5 0 0 1 1.5 1.5v32a1.5 1.5 0 0 1-1.5 1.5H8a1.5 1.5 0 0 1-1.5-1.5v-32a1.5 1.5 0 0 1 1.5-1.5h8.712zm1.682 2.56-4.894 4.895a1.5 1.5 0 0 1-1.06.439H9.5v29h45v-29h-7.833a1.5 1.5 0 0 1-1.061-.44l-4.894-4.894zm-4.621 11.834a2.667 2.667 0 1 1-5.334 0 2.667 2.667 0 0 1 5.334 0m5.5 6.667a7.833 7.833 0 1 1 15.666 0 7.833 7.833 0 0 1-15.666 0M32 22.5c-5.983 0-10.833 4.85-10.833 10.833S26.017 44.168 32 44.168s10.833-4.85 10.833-10.833S37.983 22.5 32 22.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M40 11.833a1.5 1.5 0 0 1 1.2.6l3.55 4.733H56a1.5 1.5 0 0 1 1.5 1.5v32a1.5 1.5 0 0 1-1.5 1.5H8a1.5 1.5 0 0 1-1.5-1.5v-32a1.5 1.5 0 0 1 1.5-1.5h11.25l3.55-4.733.113-.134A1.5 1.5 0 0 1 24 11.833zm-18.8 7.733a1.5 1.5 0 0 1-1.2.6H9.5v29h45v-29H44a1.5 1.5 0 0 1-1.2-.6l-3.55-4.733h-14.5zM32 22.5c5.983 0 10.834 4.85 10.834 10.833S37.983 44.167 32 44.167s-10.833-4.851-10.833-10.834S26.017 22.5 32 22.5m0 3a7.833 7.833 0 1 0 0 15.667A7.833 7.833 0 0 0 32 25.5M16 24a2.667 2.667 0 1 1 0 5.334A2.667 2.667 0 0 1 16 24"/></svg></template>
 <script setup lang="ts">
 /**
  * Camera64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CybersecurityCheck20/CybersecurityCheck20.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.668m-4.582-9c.224 0 .503.071.731.137.26.074.573.177.912.297.678.239 1.496.556 2.28.87a146 146 0 0 1 2.784 1.148l.188.08.05.022q.008.002.012.005l.004.002a.75.75 0 0 1 .455.689v4.167q0 .395-.04.775a5.4 5.4 0 0 0-1.466-.612q.005-.08.006-.163v-3.67a145 145 0 0 0-2.549-1.05 61 61 0 0 0-2.223-.85c-.242-.085-.46-.157-.645-.214v7.643a5.4 5.4 0 0 0-1 1.682V3.384q-.279.086-.643.214c-.65.229-1.446.537-2.223.848s-1.529.621-2.086.855l-.464.195v3.671c0 2.22 1.206 4.121 2.636 5.502.71.685 1.453 1.22 2.084 1.581.26.149.496.263.696.346v-.139a5.4 5.4 0 0 0 1.026 1.714 2 2 0 0 1-.525.079c-.292 0-.615-.09-.91-.201a7.4 7.4 0 0 1-1.031-.497 12.3 12.3 0 0 1-2.382-1.804c-1.591-1.536-3.094-3.801-3.094-6.581V5c0-.3.179-.571.454-.69l.296.69-.295-.69h.001l.003-.001.013-.005.05-.022.187-.08a167 167 0 0 1 2.783-1.148c.785-.314 1.603-.63 2.281-.87.339-.12.651-.223.912-.297.228-.066.508-.137.732-.137m6.704 11.367a.5.5 0 0 0-.707 0l-2.004 2.003-.825-.825a.5.5 0 0 0-.707.707l1.179 1.179a.5.5 0 0 0 .707 0l2.357-2.357a.5.5 0 0 0 0-.707"/></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.334M10.001 1.75c.224 0 .503.071.731.137.26.074.573.177.912.297.678.239 1.496.556 2.28.87a146 146 0 0 1 2.784 1.148l.188.08.05.022q.008.002.012.005l.004.002a.75.75 0 0 1 .455.689v4.167q0 .43-.048.845a5.5 5.5 0 0 0-1.466-.458q.013-.192.014-.387v-3.67a145 145 0 0 0-2.549-1.05 61 61 0 0 0-2.223-.85c-.242-.085-.46-.157-.645-.214v8.42a5.5 5.5 0 0 0-1 2.734V3.384q-.279.086-.643.214c-.65.229-1.446.537-2.223.848s-1.529.621-2.086.855l-.464.195v3.671c0 2.22 1.206 4.121 2.636 5.502.71.685 1.453 1.22 2.084 1.581.26.149.496.263.696.346v-1.134a5.5 5.5 0 0 0 .99 2.719 2 2 0 0 1-.489.069c-.292 0-.615-.09-.91-.201a7.4 7.4 0 0 1-1.031-.497 12.3 12.3 0 0 1-2.382-1.804c-1.591-1.536-3.094-3.801-3.094-6.581V5c0-.3.179-.571.454-.69l.296.69-.295-.69h.001l.003-.001.013-.005.05-.022.187-.08a167 167 0 0 1 2.783-1.148c.785-.314 1.603-.63 2.281-.87.339-.12.651-.223.912-.297.228-.066.508-.137.732-.137m7.222 11.784a.5.5 0 0 0-.707 0l-2.004 2.003-.825-.825a.5.5 0 0 0-.707.707l1.178 1.179a.5.5 0 0 0 .707 0l2.358-2.357a.5.5 0 0 0 0-.707"/></svg></template>
 <script setup lang="ts">
 /**
  * CybersecurityCheck20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CybersecurityCheck24/CybersecurityCheck24.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="M12.001 2c.285 0 .632.089.905.167.315.09.693.215 1.1.358.816.288 1.8.67 2.741 1.046a176 176 0 0 1 3.342 1.38q.146.061.226.096l.059.025.016.006.004.002v.001a1 1 0 0 1 .607.919v5q-.001.504-.055.99a6.5 6.5 0 0 0-1.948-.815l.003-.175V6.662l-.495-.208c-.669-.28-1.57-.653-2.501-1.025a73 73 0 0 0-2.665-1.017 20 20 0 0 0-.84-.277v9.212a6.5 6.5 0 0 0-1 1.65V4.134a20 20 0 0 0-.838.277c-.778.275-1.732.644-2.665 1.017a174 174 0 0 0-2.996 1.233V11c0 2.627 1.427 4.884 3.132 6.53a12.9 12.9 0 0 0 2.481 1.883c.305.174.58.306.812.403a6.5 6.5 0 0 0 1.28 2.072A2.7 2.7 0 0 1 12 22c-.368 0-.768-.113-1.127-.248a9 9 0 0 1-1.252-.603 14.9 14.9 0 0 1-2.878-2.18C4.824 17.117 3.001 14.374 3.001 11V6a1 1 0 0 1 .606-.919h.001l.004-.003.016-.006.06-.025.225-.097a187 187 0 0 1 3.342-1.379 75 75 0 0 1 2.741-1.046c.407-.143.785-.268 1.1-.358.273-.078.62-.167.905-.167M17.5 13a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9m2.476 2.81a.5.5 0 0 0-.708 0l-2.475 2.475-1.06-1.06a.5.5 0 1 0-.708.707l1.414 1.414a.5.5 0 0 0 .707 0l2.83-2.828a.5.5 0 0 0 0-.708"/></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-10M12.001 2c.285 0 .632.089.905.167.315.09.693.215 1.1.358.816.288 1.8.67 2.741 1.046a176 176 0 0 1 3.342 1.38q.146.061.226.096l.059.025.016.006.004.002v.001a1 1 0 0 1 .607.919v5q-.002.543-.063 1.063a6.6 6.6 0 0 0-1.952-.615q.015-.222.015-.448V6.662l-.495-.208c-.669-.28-1.57-.653-2.501-1.025a73 73 0 0 0-2.665-1.017 20 20 0 0 0-.84-.277v10.17a6.6 6.6 0 0 0-1 2.414V4.135a20 20 0 0 0-.838.277c-.778.275-1.732.644-2.665 1.017a174 174 0 0 0-2.996 1.233V11c0 2.627 1.427 4.884 3.132 6.53a12.9 12.9 0 0 0 2.481 1.883c.338.193.639.336.886.435v-.568c.19.967.588 1.857 1.148 2.623a2.6 2.6 0 0 1-.647.097c-.368 0-.768-.113-1.127-.248a9 9 0 0 1-1.252-.603 14.9 14.9 0 0 1-2.878-2.18C4.824 17.117 3.001 14.374 3.001 11V6a1 1 0 0 1 .606-.919h.001l.004-.003.016-.006.06-.025.225-.097a187 187 0 0 1 3.342-1.379 75 75 0 0 1 2.741-1.046c.407-.143.785-.268 1.1-.358.273-.078.62-.167.905-.167m8.596 14.31a.5.5 0 0 0-.708 0l-2.475 2.475-1.06-1.06a.5.5 0 0 0-.707.707l1.414 1.415a.5.5 0 0 0 .707 0l2.829-2.83a.5.5 0 0 0 0-.706Z"/></svg></template>
 <script setup lang="ts">
 /**
  * CybersecurityCheck24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CybersecurityCheck32/CybersecurityCheck32.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.668M16.002 3c.326 0 .747.105 1.115.21.41.117.907.281 1.447.472 1.081.381 2.388.888 3.642 1.39a235 235 0 0 1 4.45 1.835l.3.128.078.034.02.01.007.001v.001a1 1 0 0 1 .607.919v6.667q-.001.575-.055 1.13a8.6 8.6 0 0 0-1.95-.812q.005-.158.005-.318V8.662a249 249 0 0 0-4.204-1.733 98 98 0 0 0-3.566-1.36 24 24 0 0 0-1.33-.435l-.068-.019v12.89a8.7 8.7 0 0 0-1 1.618V5.115l-.065.019c-.354.101-.807.25-1.33.434-1.043.369-2.32.863-3.565 1.36a232 232 0 0 0-4.205 1.734v6.005c0 3.627 1.969 6.717 4.278 8.947a17.5 17.5 0 0 0 3.374 2.56c.512.292.966.506 1.334.645q.047.017.091.032a8.7 8.7 0 0 0 1.285 2.055 3 3 0 0 1-.695.094c-.43 0-.92-.133-1.386-.309a11.6 11.6 0 0 1-1.62-.78 19.5 19.5 0 0 1-3.772-2.858C6.7 22.616 4.335 19.04 4.335 14.667V8a1 1 0 0 1 .606-.919h.002l.005-.003.02-.009.08-.034.3-.128a246 246 0 0 1 4.449-1.836c1.254-.501 2.56-1.008 3.643-1.39.54-.19 1.035-.354 1.446-.471.368-.105.79-.21 1.116-.21m10.514 18.2a.5.5 0 0 0-.707 0l-3.418 3.416-1.533-1.532a.5.5 0 0 0-.707.707l1.886 1.886a.5.5 0 0 0 .707 0l3.772-3.77a.5.5 0 0 0 0-.708Z"/></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.334M16.002 3c.326 0 .747.105 1.115.21.41.117.907.281 1.447.472 1.081.381 2.388.888 3.642 1.39a235 235 0 0 1 4.45 1.835l.3.128.078.034.02.01.007.001v.001a1 1 0 0 1 .607.919v6.667q-.001.645-.067 1.267a8.8 8.8 0 0 0-1.956-.613q.023-.324.023-.654V8.662a249 249 0 0 0-4.204-1.733 98 98 0 0 0-3.566-1.36 24 24 0 0 0-1.33-.435l-.068-.019v14.219a8.8 8.8 0 0 0-1 2.262V5.116l-.065.018c-.354.101-.807.25-1.33.434-1.043.369-2.32.863-3.565 1.36a232 232 0 0 0-4.205 1.734v6.005c0 3.627 1.969 6.717 4.278 8.947a17.5 17.5 0 0 0 3.374 2.56c.512.292.966.506 1.334.645q.096.035.179.062v-.478a8.8 8.8 0 0 0 1.16 2.512c-.227.052-.45.085-.658.085-.43 0-.92-.133-1.386-.309a11.6 11.6 0 0 1-1.62-.78 19.5 19.5 0 0 1-3.772-2.858C6.7 22.616 4.335 19.04 4.335 14.667V8a1 1 0 0 1 .606-.919h.002l.005-.003.02-.009.08-.034.3-.128a246 246 0 0 1 4.449-1.836c1.254-.501 2.56-1.008 3.643-1.39.54-.19 1.035-.354 1.446-.471.368-.105.79-.21 1.116-.21m11.342 18.866a.5.5 0 0 0-.707 0l-3.418 3.417-1.533-1.532a.5.5 0 0 0-.706.707l1.885 1.886a.5.5 0 0 0 .707 0l3.772-3.77a.5.5 0 0 0 0-.708"/></svg></template>
 <script setup lang="ts">
 /**
  * CybersecurityCheck32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CybersecurityCheck48/CybersecurityCheck48.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-18M24.002 4.5c.49 0 1.12.157 1.674.315.616.176 1.359.423 2.169.708 1.622.573 3.582 1.332 5.464 2.084a352 352 0 0 1 7.124 2.946l.119.05.03.013.01.005.102.048A1.5 1.5 0 0 1 41.502 12v10q-.002.861-.081 1.694a13 13 0 0 0-2.928-1.22q.008-.236.009-.474v-9.008a383 383 0 0 0-6.307-2.6 148 148 0 0 0-5.348-2.04A38 38 0 0 0 25 7.744v18.95a13 13 0 0 0-2 3.297V7.745a38 38 0 0 0-1.843.607c-1.565.552-3.48 1.293-5.348 2.04a347 347 0 0 0-6.307 2.6V22c0 5.44 2.953 10.076 6.417 13.42 1.721 1.663 3.527 2.963 5.061 3.84a14.4 14.4 0 0 0 2.002.97l.018.005v-.227a13 13 0 0 0 2.047 3.352 4.5 4.5 0 0 1-1.045.14c-.646 0-1.38-.2-2.078-.464a17.3 17.3 0 0 1-2.432-1.17c-1.747-.999-3.754-2.449-5.657-4.287C10.049 33.924 6.502 28.56 6.502 22V12c0-.6.358-1.143.91-1.379l.01-.005.03-.012q.04-.019.12-.051a283 283 0 0 1 2.07-.874 352 352 0 0 1 5.053-2.072c1.882-.752 3.842-1.51 5.464-2.084.81-.285 1.553-.532 2.17-.708.552-.158 1.183-.315 1.673-.315M39.95 31.621a1 1 0 0 0-1.414 0l-4.95 4.95-2.121-2.122a1 1 0 1 0-1.414 1.414l2.828 2.828a1 1 0 0 0 1.414 0l5.657-5.656a1 1 0 0 0 0-1.414"/></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.477-10 10-10M24.002 4.5c.49 0 1.12.157 1.674.315.616.176 1.359.423 2.169.708 1.622.573 3.582 1.332 5.464 2.084a352 352 0 0 1 7.124 2.946l.119.05.03.013.01.005.102.048A1.5 1.5 0 0 1 41.502 12v10q-.002.966-.102 1.898a13.2 13.2 0 0 0-2.931-.918q.032-.485.033-.98v-9.008a383 383 0 0 0-6.307-2.6 148 148 0 0 0-5.348-2.04A38 38 0 0 0 25 7.744V28.61a13.2 13.2 0 0 0-2 4.82V7.746a38 38 0 0 0-1.843.607c-1.565.552-3.48 1.293-5.348 2.04a347 347 0 0 0-6.307 2.6V22c0 5.44 2.953 10.076 6.417 13.42 1.721 1.663 3.527 2.963 5.061 3.84a14.4 14.4 0 0 0 2.002.97l.018.005v-1.667a13.2 13.2 0 0 0 1.99 4.805 4.4 4.4 0 0 1-.988.127c-.646 0-1.38-.2-2.078-.464a17.3 17.3 0 0 1-2.432-1.17c-1.747-.999-3.754-2.449-5.657-4.287C10.049 33.924 6.502 28.56 6.502 22V12c0-.6.358-1.143.91-1.379l.01-.005.03-.012q.04-.019.12-.051a283 283 0 0 1 2.07-.874 352 352 0 0 1 5.053-2.072c1.882-.752 3.842-1.51 5.464-2.084.81-.285 1.553-.532 2.17-.708.552-.158 1.183-.315 1.673-.315m17.19 28.121a1 1 0 0 0-1.414 0l-4.95 4.95-2.121-2.12a1 1 0 1 0-1.414 1.413l2.828 2.828a1 1 0 0 0 1.414 0l5.657-5.657a1 1 0 0 0 0-1.414"/></svg></template>
 <script setup lang="ts">
 /**
  * CybersecurityCheck48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CybersecurityCheck64/CybersecurityCheck64.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.667 35c6.443 0 11.666 5.224 11.666 11.667S53.11 58.333 46.667 58.333 35 53.11 35 46.667 40.224 35 46.667 35M32.002 6.5c.573 0 1.35.189 2.095.401a52 52 0 0 1 2.863.935c2.154.76 4.76 1.769 7.266 2.771a469 469 0 0 1 9.488 3.923l.158.068.04.017.01.005.004.001a1.5 1.5 0 0 1 .91 1.379v13.333c0 .675-.032 1.341-.088 1.997-.93-.49-1.908-.901-2.929-1.219q.016-.387.017-.778v-12.34a493 493 0 0 0-8.724-3.6c-2.493-.998-5.055-1.99-7.151-2.729a49 49 0 0 0-2.688-.878L33 9.712v26.292a17.3 17.3 0 0 0-2 3.24V9.712l-.268.073c-.723.207-1.64.508-2.689.878-2.096.74-4.657 1.731-7.15 2.729a464 464 0 0 0-8.724 3.6v12.34c0 7.44 4.037 13.744 8.709 18.255 2.325 2.245 4.767 4.004 6.848 5.193 1.04.595 1.973 1.036 2.74 1.325q.293.11.534.185v-.202a17.3 17.3 0 0 0 2.04 3.29 5 5 0 0 1-1.038.121c-.771 0-1.682-.242-2.594-.586-.946-.357-2.024-.873-3.17-1.528-2.294-1.31-4.936-3.219-7.444-5.64-4.994-4.822-9.625-11.853-9.625-20.413V16c0-.6.358-1.143.91-1.379h.003l.01-.006.04-.017.159-.068.6-.255a481 481 0 0 1 8.887-3.668c2.507-1.002 5.113-2.01 7.267-2.771a52 52 0 0 1 2.863-.935c.744-.212 1.52-.4 2.094-.401m21.03 35.897a1 1 0 0 0-1.415 0l-6.836 6.834-3.063-3.063a1 1 0 0 0-1.414 1.414l3.77 3.771a1 1 0 0 0 1.414 0l7.543-7.543a1 1 0 0 0 0-1.413Z"/></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 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.667M32.002 6.5c.573 0 1.35.189 2.095.401a52 52 0 0 1 2.863.935c2.154.76 4.76 1.769 7.266 2.771a469 469 0 0 1 9.488 3.923l.158.068.04.017.01.005.004.001a1.5 1.5 0 0 1 .91 1.379v13.333q-.001 1.182-.115 2.324a17.5 17.5 0 0 0-2.935-.916q.049-.697.05-1.408v-12.34a493 493 0 0 0-8.724-3.6c-2.493-.998-5.055-1.99-7.151-2.729a49 49 0 0 0-2.688-.878L33 9.712v28.951a17.6 17.6 0 0 0-2 4.514V9.713l-.268.073c-.723.207-1.64.508-2.689.878-2.096.74-4.657 1.731-7.15 2.729a464 464 0 0 0-8.724 3.6v12.34c0 7.44 4.037 13.744 8.709 18.255 2.325 2.245 4.767 4.004 6.848 5.193 1.04.595 1.973 1.036 2.74 1.325q.293.11.534.185v-1.469c.46 1.628 1.15 3.16 2.028 4.56-.36.074-.705.118-1.026.118-.771 0-1.682-.242-2.594-.586-.946-.357-2.024-.873-3.17-1.528-2.294-1.31-4.936-3.219-7.444-5.64-4.994-4.822-9.625-11.853-9.625-20.413V16c0-.6.358-1.143.91-1.379h.003l.01-.006.04-.017.159-.068.6-.255a481 481 0 0 1 8.887-3.668c2.507-1.002 5.113-2.01 7.267-2.771a52 52 0 0 1 2.863-.935c.744-.212 1.52-.4 2.094-.401m22.685 37.23a1 1 0 0 0-1.414 0l-6.836 6.836-3.063-3.064a1 1 0 0 0-1.414 1.414l3.77 3.772a1 1 0 0 0 1.415 0l7.542-7.544a1 1 0 0 0 0-1.413Z"/></svg></template>
 <script setup lang="ts">
 /**
  * CybersecurityCheck64 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/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>