@mozaic-ds/icons-vue 2.4.0 → 2.6.0

package/src/components/DimensionThickness20/DimensionThickness20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M14.597 10a.75.75 0 0 1 .75-.75h.487a.75.75 0 0 1 0 1.5h-.487a.75.75 0 0 1-.75-.75m-3.888 0a.75.75 0 0 1 .75-.75h.971a.75.75 0 0 1 0 1.5h-.971a.75.75 0 0 1-.75-.75m-3.323 5.114a.75.75 0 0 1 0-1.061L9.47 11.97a.75.75 0 0 1 1.06 0l2.085 2.083a.751.751 0 0 1-1.06 1.061l-.805-.804v3.19a.75.75 0 0 1-1.5 0v-3.188l-.802.802a.75.75 0 0 1-1.06 0Zm0-9.167a.751.751 0 0 1 1.06-1.061l.804.803V2.5a.75.75 0 0 1 1.5 0v3.188l.803-.802a.75.75 0 0 1 1.06 1.061L10.532 8.03a.75.75 0 0 1-1.06 0L7.385 5.947ZM6.82 10a.75.75 0 0 1 .75-.75h.972a.75.75 0 1 1 0 1.5H7.57a.75.75 0 0 1-.75-.75m-3.402 0a.75.75 0 0 1 .75-.75h.486a.75.75 0 0 1 0 1.5h-.486a.75.75 0 0 1-.75-.75"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionThickness24/DimensionThickness24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M17.533 12a1 1 0 0 1 1-1h.466a1 1 0 1 1 0 2h-.466a1 1 0 0 1-1-1m-4.667 0a1 1 0 0 1 1-1h.933a1 1 0 1 1 0 2h-.933a1 1 0 0 1-1-1m-4.073 6.207a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.415 0l2.5 2.5a1 1 0 0 1-1.415 1.414l-.792-.793V21a1 1 0 0 1-2 0v-3.586l-.793.793a1 1 0 0 1-1.415 0m0-11a1 1 0 0 1 1.415-1.414l.793.793V3a1 1 0 0 1 2 0v3.586l.793-.793a1 1 0 0 1 1.414 1.414l-2.5 2.5a1 1 0 0 1-1.415 0zM8.2 12a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2H9.2a1 1 0 0 1-1-1M4 12a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2H5a1 1 0 0 1-1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionThickness32/DimensionThickness32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M23.867 16a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 1 0 0 1-1-1M19.2 16a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2H20.2a1 1 0 0 1-1-1m-7.24 8.041a1 1 0 0 1 0-1.414l3.332-3.334a1 1 0 0 1 1.414 0l3.335 3.334a1 1 0 0 1-1.415 1.414L17 22.414V28a1 1 0 1 1-2 0v-5.585l-1.626 1.626a1 1 0 0 1-1.413 0Zm0-14.668a1 1 0 0 1 1.413-1.414l1.628 1.627V4a1 1 0 0 1 2 0v5.585l1.625-1.626a1 1 0 0 1 1.415 1.414l-3.334 3.334a1 1 0 0 1-1.414 0zM14.533 16a1 1 0 0 1 1-1h.933a1 1 0 1 1 0 2h-.933a1 1 0 0 1-1-1m-4.666 0a1 1 0 0 1 1-1h.933a1 1 0 0 1 0 2h-.933a1 1 0 0 1-1-1m-4.2 0a1 1 0 0 1 1-1h.466a1 1 0 0 1 0 2h-.466a1 1 0 0 1-1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionThickness48/DimensionThickness48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M35.566 24a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.933a1.5 1.5 0 0 1-1.5-1.5m-9.333 0a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5M17.94 36.062a1.5 1.5 0 0 1 0-2.122l5-5a1.5 1.5 0 0 1 2.121 0l5 5a1.501 1.501 0 0 1-2.121 2.122l-2.44-2.44V42a1.5 1.5 0 0 1-3 0v-8.378l-2.439 2.44a1.5 1.5 0 0 1-2.121 0m0-22.002a1.501 1.501 0 0 1 2.121-2.122l2.44 2.44V6a1.5 1.5 0 0 1 3 0v8.378l2.439-2.44a1.5 1.5 0 0 1 2.121 2.122l-5 5a1.5 1.5 0 0 1-2.121 0zM16.9 24a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3H18.4a1.5 1.5 0 0 1-1.5-1.5m-8.4 0a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3H10A1.5 1.5 0 0 1 8.5 24"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionThickness64/DimensionThickness64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M48.234 32a1.5 1.5 0 0 1 1.5-1.5h.932a1.5 1.5 0 0 1 0 3h-.932a1.5 1.5 0 0 1-1.5-1.5M38.9 32a1.5 1.5 0 0 1 1.5-1.5h1.867a1.5 1.5 0 0 1 0 3H40.4a1.5 1.5 0 0 1-1.5-1.5M24.273 47.727a1.5 1.5 0 0 1 0-2.12l6.667-6.667a1.5 1.5 0 0 1 2.121 0l6.666 6.666a1.5 1.5 0 0 1-2.121 2.121l-4.105-4.105V56a1.5 1.5 0 0 1-3 0V43.622l-4.107 4.105a1.5 1.5 0 0 1-2.121 0m0-29.332a1.5 1.5 0 0 1 2.122-2.122L30.5 20.38V8a1.5 1.5 0 0 1 3 0v12.378l4.107-4.106a1.5 1.5 0 0 1 2.121 2.122l-6.667 6.666a1.5 1.5 0 0 1-2.121 0l-6.666-6.666ZM29.568 32a1.5 1.5 0 0 1 1.5-1.5h1.866a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5m-9.333 0a1.5 1.5 0 0 1 1.5-1.5H23.6a1.5 1.5 0 0 1 0 3h-1.866a1.5 1.5 0 0 1-1.5-1.5Zm-8.4 0a1.5 1.5 0 0 1 1.5-1.5h.933a1.5 1.5 0 0 1 0 3h-.933a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionThickness64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionWidth20/DimensionWidth20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M2.5 14.598a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m-15-3.889a.75.75 0 0 1 .75.75v.972a.75.75 0 0 1-1.5 0v-.972a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.972a.75.75 0 0 1-1.5 0v-.972a.75.75 0 0 1 .75-.75m-5.113-3.322a.75.75 0 0 1 1.06 0l2.084 2.083a.75.75 0 0 1 0 1.06l-2.083 2.084a.75.75 0 0 1-1.061-1.06l.804-.804H6.81l.804.804a.75.75 0 0 1-1.061 1.06L4.47 10.53a.75.75 0 0 1 0-1.06l2.083-2.083a.75.75 0 0 1 1.06 1.06l-.802.803h6.379l-.803-.803a.75.75 0 0 1 0-1.06M2.5 6.819a.75.75 0 0 1 .75.75v.973a.75.75 0 0 1-1.5 0V7.57a.75.75 0 0 1 .75-.75Zm15 0a.75.75 0 0 1 .75.75v.973a.75.75 0 0 1-1.5 0V7.57a.75.75 0 0 1 .75-.75Zm-15-3.402a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75m15 0a.75.75 0 0 1 .75.75v.486a.75.75 0 0 1-1.5 0v-.486a.75.75 0 0 1 .75-.75"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionWidth24/DimensionWidth24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M3 17.533a1 1 0 0 1 1 1V19a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1V19a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1M3 12.866a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m-6.207-4.073a1 1 0 0 1 1.414 0l2.5 2.5a1 1 0 0 1 0 1.414l-2.5 2.5a1 1 0 0 1-1.414-1.414l.793-.793H8.414l.793.793a1 1 0 0 1-1.414 1.414l-2.5-2.5a1 1 0 0 1 0-1.414l2.5-2.5a1 1 0 0 1 1.414 1.414L8.414 11h7.172l-.793-.793a1 1 0 0 1 0-1.414M3 8.2a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V9.2a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V9.2a1 1 0 0 1 1-1M3 4a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1m18 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0V5a1 1 0 0 1 1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionWidth32/DimensionWidth32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M4 23.867a1 1 0 0 1 1 1v.467a1.001 1.001 0 0 1-2 0v-.467a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1M4 19.2a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V20.2a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0V20.2a1 1 0 0 1 1-1m-8.04-7.24a1 1 0 0 1 1.414 0l3.333 3.333a1 1 0 0 1 0 1.414l-3.333 3.334a1 1 0 0 1-1.414-1.414L21.587 17H10.413l1.627 1.627a1 1 0 0 1-1.414 1.414l-3.333-3.334a1 1 0 0 1 0-1.414l3.333-3.333a1 1 0 0 1 1.414 1.414L10.414 15h11.172l-1.626-1.626a1 1 0 0 1 0-1.414M4 14.533a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1 1 0 0 1-2 0v-.934a1 1 0 0 1 1-1M4 9.867a1 1 0 0 1 1 1v.934a1.001 1.001 0 0 1-2 0v-.934a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.934a1.001 1.001 0 0 1-2 0v-.934a1 1 0 0 1 1-1m-24-4.2a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1m24 0a1 1 0 0 1 1 1v.467a1 1 0 0 1-2 0v-.467a1 1 0 0 1 1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionWidth48/DimensionWidth48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M6 35.566a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V38a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5M6 26.233a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m36 0a1.5 1.5 0 0 1 1.5 1.5V29.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5M29.94 17.94a1.5 1.5 0 0 1 2.12 0l5 5a1.5 1.5 0 0 1 0 2.12l-5 5a1.5 1.5 0 0 1-2.12-2.12l2.44-2.44H15.62l2.44 2.44a1.5 1.5 0 0 1-2.121 2.12l-5-5a1.5 1.5 0 0 1 0-2.12l5-5a1.5 1.5 0 1 1 2.12 2.12L15.62 22.5h16.76l-2.44-2.44a1.5 1.5 0 0 1 0-2.12M6 16.9a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4A1.5 1.5 0 0 1 6 16.9m36 0a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V18.4a1.5 1.5 0 0 1 1.5-1.5M6 8.5A1.5 1.5 0 0 1 7.5 10v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 6 8.5m36 0a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 42 8.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/DimensionWidth64/DimensionWidth64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M8 48.233a1.5 1.5 0 0 1 1.5 1.5v.933a1.5 1.5 0 0 1-3 0v-.932a1.5 1.5 0 0 1 1.5-1.5Zm48 0a1.5 1.5 0 0 1 1.5 1.5v.933a1.5 1.5 0 0 1-3 0v-.932a1.5 1.5 0 0 1 1.5-1.5ZM8 38.9a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V40.4A1.5 1.5 0 0 1 8 38.9m48 0a1.5 1.5 0 0 1 1.5 1.5v1.867a1.5 1.5 0 0 1-3 0V40.4a1.5 1.5 0 0 1 1.5-1.5M40.273 24.273a1.5 1.5 0 0 1 2.12 0l6.668 6.667a1.5 1.5 0 0 1 0 2.12l-6.667 6.667a1.5 1.5 0 1 1-2.121-2.121l4.106-4.106H19.621l4.107 4.106a1.5 1.5 0 0 1-2.121 2.12l-6.667-6.665a1.5 1.5 0 0 1 0-2.121l6.667-6.667a1.5 1.5 0 0 1 2.12 2.12L19.622 30.5H44.38l-4.106-4.106a1.5 1.5 0 0 1 0-2.121ZM8 29.567a1.5 1.5 0 0 1 1.5 1.5v1.866a1.5 1.5 0 0 1-3 0v-1.866a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5v1.866a1.5 1.5 0 0 1-3 0v-1.866a1.5 1.5 0 0 1 1.5-1.5M8 20.233a1.5 1.5 0 0 1 1.5 1.5V23.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5V23.6a1.5 1.5 0 0 1-3 0v-1.867a1.5 1.5 0 0 1 1.5-1.5m-48-8.4a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5m48 0a1.5 1.5 0 0 1 1.5 1.5v.934a1.5 1.5 0 0 1-3 0v-.934a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * DimensionWidth64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/{DIY20/DIY20.vue → Diy20/Diy20.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10.53 1.97a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 0 1.06l7.5 7.5c.14.141.331.22.53.22h2.5a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.22-.53zm4.78 9.78L10.26 6.698l1.44-1.44 5.051 5.053v1.439zm-4.319-7.198-1.44 1.44L8.562 5 10 3.56zM2.213 3.474a.75.75 0 0 1 .817.162L16.364 16.97a.75.75 0 0 1-.53 1.28H2.5a.75.75 0 0 1-.75-.75V4.167a.75.75 0 0 1 .463-.693M3.25 5.977V16.75h10.773l-1.7-1.7-.303.304a.5.5 0 0 1-.707-.708l.303-.303-.96-.96-.72.72a.5.5 0 0 1-.706-.707l.72-.72-.96-.959-.303.303a.5.5 0 1 1-.707-.707l.303-.303-.96-.96-.72.72a.5.5 0 1 1-.707-.707l.72-.72-.96-.96-.302.304a.5.5 0 1 1-.708-.707l.303-.303zm2.392 5.644a.5.5 0 0 1 .545.109l2.083 2.083a.5.5 0 0 1-.353.854H5.833a.5.5 0 0 1-.5-.5v-2.084a.5.5 0 0 1 .309-.462m.691 1.67v.376h.377z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIY20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Diy20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIY24/DIY24.vue → Diy24/Diy24.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.707 2.293a1 1 0 0 0-1.414 0l-3 3a1 1 0 0 0 0 1.414l9 9A1 1 0 0 0 18 16h3a1 1 0 0 0 1-1v-3a1 1 0 0 0-.293-.707zM18.414 14l-6.103-6.104 1.585-1.585L20 12.414V14zM13.19 5.604l-1.585 1.585L10.414 6 12 4.414zM2.617 4.076a1 1 0 0 1 1.09.217l16 16A1 1 0 0 1 19 22H3a1 1 0 0 1-1-1V5a1 1 0 0 1 .617-.924M4 7.414V20h12.586l-1.94-1.94-.292.294a.5.5 0 0 1-.708-.708l.293-.292-1.293-1.293-.792.793a.5.5 0 0 1-.708-.708l.793-.792-1.293-1.293-.292.293a.5.5 0 0 1-.708-.708l.293-.292-1.293-1.293-.792.793a.5.5 0 0 1-.708-.708l.793-.792-1.293-1.293-.292.293a.5.5 0 0 1-.708-.708l.293-.292zm2.809 6.624a.5.5 0 0 1 .545.108l2.5 2.5a.5.5 0 0 1-.354.854H7a.5.5 0 0 1-.5-.5v-2.5a.5.5 0 0 1 .309-.462m.691 1.67v.792h.793z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIY24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Diy24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIY32/DIY32.vue → Diy32/Diy32.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16.707 3.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l12 12A1 1 0 0 0 24 21h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-.293-.707zM24.414 19l-8.353-8.354 2.585-2.585L27 16.414V19zM17.94 7.354l-2.585 2.585L13.414 8 16 5.414zM3.617 5.743a1 1 0 0 1 1.09.217L26.04 27.293A1 1 0 0 1 25.333 29H4a1 1 0 0 1-1-1V6.667a1 1 0 0 1 .617-.924M5 9.08V27h17.92l-3.274-3.273-.626.627a.5.5 0 0 1-.707-.708l.626-.626-1.96-1.96-1.292 1.294a.5.5 0 0 1-.707-.708l1.293-1.292-1.96-1.96-.626.626a.5.5 0 1 1-.707-.707l.626-.626-1.96-1.96-1.292 1.293a.5.5 0 1 1-.708-.707l1.293-1.293-1.96-1.96-.625.627a.5.5 0 0 1-.708-.707l.627-.626zm4.142 9.79a.5.5 0 0 1 .545.109l3.333 3.333a.5.5 0 0 1-.353.854H9.333a.5.5 0 0 1-.5-.5v-3.334a.5.5 0 0 1 .309-.462m.691 1.67v1.626h1.627z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIY32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Diy32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIY48/DIY48.vue → Diy48/Diy48.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M25.06 4.94a1.5 1.5 0 0 0-2.12 0l-6 6a1.5 1.5 0 0 0 0 2.12l18 18a1.5 1.5 0 0 0 1.06.44h6a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-.44-1.06zM36.622 28.5 24.268 16.146l3.878-3.878L40.5 24.62V28.5zm-9.889-17.646-3.878 3.878L20.12 12 24 8.121zM5.426 8.614a1.5 1.5 0 0 1 1.635.325l32 32A1.5 1.5 0 0 1 38 43.5H6A1.5 1.5 0 0 1 4.5 42V10a1.5 1.5 0 0 1 .926-1.386M7.5 13.621V40.5h26.879l-4.733-4.732-.939.94a1 1 0 0 1-1.414-1.415l.94-.94-2.587-2.585-1.939 1.94a1 1 0 0 1-1.414-1.415l1.94-1.94-2.587-2.585-.939.94a1 1 0 0 1-1.414-1.415l.94-.94-2.587-2.585-1.939 1.94a1 1 0 0 1-1.414-1.415l1.94-1.94-2.587-2.585-.939.94a1 1 0 0 1-1.414-1.415l.94-.94zm6.117 14.455a1 1 0 0 1 1.09.217l5 5A1 1 0 0 1 19 35h-5a1 1 0 0 1-1-1v-5a1 1 0 0 1 .617-.924M15 31.414V33h1.586z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIY48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Diy48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIY64/DIY64.vue → Diy64/Diy64.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M33.06 6.94a1.5 1.5 0 0 0-2.12 0l-8 8a1.5 1.5 0 0 0 0 2.12l24 24a1.5 1.5 0 0 0 1.06.44h8a1.5 1.5 0 0 0 1.5-1.5v-8a1.5 1.5 0 0 0-.44-1.06zM48.622 38.5 31.768 21.646l5.878-5.878L54.5 32.62V38.5zM36.232 14.354l-5.878 5.878L26.12 16 32 10.121zM7.426 11.948a1.5 1.5 0 0 1 1.635.325l42.666 42.666a1.5 1.5 0 0 1-1.06 2.561H8A1.5 1.5 0 0 1 6.5 56V13.333a1.5 1.5 0 0 1 .926-1.385M9.5 16.955V54.5h37.545l-7.399-7.399-1.606 1.606a1 1 0 0 1-1.414-1.414l1.606-1.606-3.919-3.92-2.94 2.94a1 1 0 0 1-1.413-1.414l2.939-2.94-3.92-3.919-1.605 1.606a1 1 0 1 1-1.414-1.414l1.606-1.606-3.92-3.919-2.939 2.94a1 1 0 1 1-1.414-1.415l2.94-2.94-3.92-3.918-1.606 1.606a1 1 0 0 1-1.414-1.414l1.606-1.606zm8.784 20.788a1 1 0 0 1 1.09.217l6.666 6.666a1 1 0 0 1-.707 1.707h-6.666a1 1 0 0 1-1-1v-6.666a1 1 0 0 1 .617-.924m1.383 3.338v3.252h3.252z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIY64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * Diy64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIYAlt20/DIYAlt20.vue → DiyAlt20/DiyAlt20.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="m12.26 5.884-1.2 1.2 1.857 1.856 1.2-1.2zm.707-.707 1.856 1.856.783-.783-1.856-1.856zM6.78 2.803 10 6.023l3.22-3.22a.75.75 0 0 1 1.06 0l2.917 2.917a.75.75 0 0 1 0 1.06L13.977 10l3.22 3.22a.75.75 0 0 1 0 1.06l-2.917 2.917a.75.75 0 0 1-1.06 0L10 13.977 8.447 15.53a.75.75 0 0 1-.367.202l-3.75.834a.75.75 0 0 1-.895-.895l.833-3.75a.75.75 0 0 1 .202-.368L6.023 10l-3.22-3.22a.75.75 0 0 1 0-1.06L5.72 2.803a.75.75 0 0 1 1.06 0m.304 8.258 1.856 1.856-.992.99-1.856-1.855zM5.576 12.95l-.421 1.896 1.896-.422zm.674-8.556L4.394 6.25l.991.991.512-.511a.5.5 0 0 1 .707.707l-.512.511.96.96.928-.928a.5.5 0 0 1 .707.707l-.928.928.96.96.51-.512a.5.5 0 1 1 .708.707l-.511.512.96.96.927-.929a.5.5 0 1 1 .707.707l-.928.928.96.96.511-.511a.5.5 0 1 1 .707.707l-.511.511.991.991 1.856-1.856z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIYAlt20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * DiyAlt20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIYAlt24/DIYAlt24.vue → DiyAlt24/DiyAlt24.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="m14.854 7.06-1.44 1.44 2.086 2.086 1.44-1.44zm.707-.706 2.085 2.085.94-.939L16.5 5.414zm.232-3.061L12 7.086 8.207 3.293a1 1 0 0 0-1.414 0l-3.5 3.5a1 1 0 0 0 0 1.414L7.086 12l-1.793 1.793a1 1 0 0 0-.27.49l-1 4.5a1 1 0 0 0 1.194 1.193l4.5-1a1 1 0 0 0 .49-.269L12 16.914l3.793 3.793a1 1 0 0 0 1.414 0l3.5-3.5a1 1 0 0 0 0-1.414L16.914 12l3.793-3.793a1 1 0 0 0 0-1.414l-3.5-3.5a1 1 0 0 0-1.414 0M7.31 14.603 8.5 13.415l2.086 2.086-1.19 1.19zm-.51.905-.484 2.175 2.175-.483zM7.5 5.414 5.414 7.5l1.19 1.19.542-.544a.5.5 0 0 1 .708.708l-.543.542 1.293 1.293 1.042-1.043a.5.5 0 0 1 .708.708L9.31 11.396l1.293 1.293.542-.543a.5.5 0 0 1 .708.708l-.543.542 1.293 1.293 1.042-1.043a.5.5 0 0 1 .708.708l-1.043 1.042 1.293 1.293.542-.543a.5.5 0 0 1 .708.708l-.543.542 1.189 1.19 2.086-2.086z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIYAlt24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * DiyAlt24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIYAlt32/DIYAlt32.vue → DiyAlt32/DiyAlt32.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="m19.687 9.06-2.273 2.273 3.253 3.253 2.273-2.273zm.707-.706 3.253 3.252L25.253 10 22 6.748zm.9-3.728L16 9.92l-5.293-5.293a1 1 0 0 0-1.414 0L4.626 9.293a1 1 0 0 0 0 1.414L9.92 16l-2.626 2.626a1 1 0 0 0-.269.49l-1.333 6a1 1 0 0 0 1.193 1.194l6-1.334a1 1 0 0 0 .49-.269L16 22.081l5.293 5.293a1 1 0 0 0 1.414 0l4.667-4.667a1 1 0 0 0 0-1.414L22.08 16l5.293-5.293a1 1 0 0 0 0-1.414l-4.667-4.667a1 1 0 0 0-1.414 0m-11.9 14.728 1.94-1.94 3.252 3.253-1.94 1.94zm-.563.85-.847 3.812 3.812-.847zM10 6.749 6.747 10l1.939 1.94.96-.96a.5.5 0 0 1 .707.707l-.96.96 1.96 1.96 1.626-1.627a.5.5 0 0 1 .707.707l-1.626 1.626 1.96 1.96.959-.96a.5.5 0 0 1 .707.707l-.96.96 1.96 1.96 1.626-1.627a.5.5 0 1 1 .707.707l-1.626 1.627 1.96 1.96.96-.96a.5.5 0 1 1 .706.707l-.96.96L22 25.252 25.253 22z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIYAlt32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * DiyAlt32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIYAlt48/DIYAlt48.vue → DiyAlt48/DiyAlt48.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M29.354 13.768 26.12 17 31 21.879l3.232-3.233zm1.414-1.414 4.878 4.878L37.88 15 33 10.121zM16.06 6.939 24 14.88l7.94-7.94a1.5 1.5 0 0 1 2.12 0l7 7a1.5 1.5 0 0 1 0 2.122L33.122 24l7.94 7.94a1.5 1.5 0 0 1 0 2.12l-7 7a1.5 1.5 0 0 1-2.122 0L24 33.122l-3.94 3.94a1.5 1.5 0 0 1-.735.403l-9 2a1.5 1.5 0 0 1-1.79-1.79l2-9a1.5 1.5 0 0 1 .404-.735L14.88 24l-7.94-7.94a1.5 1.5 0 0 1 0-2.12l7-7a1.5 1.5 0 0 1 2.122 0M17 26.121 21.879 31l-2.733 2.732-4.878-4.878zm-3.818 4.475-1.206 5.428 5.428-1.206zM15 10.121 10.121 15l2.733 2.732 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44 2.587 2.585 2.439-2.44a1 1 0 0 1 1.414 1.415l-2.44 2.44 2.587 2.585 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44 2.587 2.585 2.439-2.44a1 1 0 0 1 1.414 1.415l-2.44 2.44 2.587 2.585 1.439-1.44a1 1 0 0 1 1.414 1.415l-1.44 1.44L33 37.878 37.879 33z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIYAlt48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * DiyAlt48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{DIYAlt64/DIYAlt64.vue → DiyAlt64/DiyAlt64.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="m39.02 17.768-4.899 4.899 7.212 7.212 4.9-4.9zm1.414-1.415 7.212 7.212L51.212 20 44 12.788zM21.061 9.606 32 20.546l10.94-10.94a1.5 1.5 0 0 1 2.12 0l9.334 9.333a1.5 1.5 0 0 1 0 2.121L43.454 32l10.94 10.94a1.5 1.5 0 0 1 0 2.12l-9.333 9.334a1.5 1.5 0 0 1-2.122 0L32 43.454l-5.605 5.607a1.5 1.5 0 0 1-.735.403l-12 2.667a1.5 1.5 0 0 1-1.79-1.79l2.667-12a1.5 1.5 0 0 1 .403-.735L20.545 32 9.605 21.06a1.5 1.5 0 0 1 0-2.12l9.334-9.334a1.5 1.5 0 0 1 2.121 0m1.606 24.515 7.212 7.212-4.233 4.232-7.212-7.212zm-5.425 5.869-1.933 8.7 8.7-1.933zM20 12.788 12.788 20l4.232 4.232 2.273-2.273a1 1 0 0 1 1.414 1.415l-2.273 2.272 3.92 3.92 3.605-3.607a1 1 0 0 1 1.415 1.415l-3.606 3.606 3.919 3.919 2.272-2.273a1 1 0 1 1 1.415 1.414L29.1 36.313l3.92 3.92 3.605-3.607a1 1 0 1 1 1.414 1.414l-3.606 3.606 3.92 3.92 2.272-2.273a1 1 0 0 1 1.414 1.414l-2.272 2.273L44 51.212 51.212 44z"/></svg></template>
 <script setup lang="ts">
 /**
- * DIYAlt64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * DiyAlt64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/Error20/Error20.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="M8.499 4.376a1.75 1.75 0 0 1 3.001 0l5.734 9.557c.7 1.166-.14 2.65-1.5 2.65H4.266c-1.36 0-2.201-1.484-1.501-2.65l5.733-9.557Zm1.715.772a.25.25 0 0 0-.429 0l-5.733 9.556a.25.25 0 0 0 .215.379h11.466a.25.25 0 0 0 .215-.379zm.923 4.114a.75.75 0 0 1 1.06 1.06l-1.136 1.136 1.136 1.137a.75.75 0 0 1-1.06 1.06L10 12.52l-1.136 1.136a.75.75 0 0 1-1.06-1.06l1.135-1.137-1.135-1.136a.75.75 0 1 1 1.06-1.06L10 10.398z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Error20 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/Error24/Error24.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="M10.286 4.915c.777-1.294 2.653-1.294 3.43 0l7.234 12.056c.8 1.333-.161 3.029-1.716 3.03H4.767c-1.554 0-2.515-1.697-1.715-3.03zM4.767 18h14.467L12.001 5.944zm8.526-6.957a1 1 0 0 1 1.414 1.414l-1.293 1.293 1.293 1.293a1 1 0 1 1-1.414 1.414L12 15.164l-1.293 1.293a1 1 0 0 1-1.414-1.414l1.293-1.293-1.293-1.293a1 1 0 0 1 1.414-1.414L12 12.336z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Error24 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/Error32/Error32.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="M14.286 6.249c.777-1.295 2.653-1.295 3.43 0L27.95 23.306c.799 1.332-.162 3.028-1.716 3.028H5.768c-1.555 0-2.515-1.695-1.716-3.028zM5.768 24.334h20.466L16.001 7.277zM17.96 14.96a1 1 0 0 1 1.414 1.414l-1.96 1.959 1.96 1.96a1 1 0 0 1-1.414 1.414L16 19.747l-1.959 1.96a1 1 0 0 1-1.414-1.414l1.959-1.96-1.96-1.959a1 1 0 1 1 1.415-1.414L16 16.919z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Error32 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/Error48/Error48.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="M21.857 8.657c.94-1.568 3.172-1.616 4.193-.146l.095.146 16.234 27.057c1 1.666-.201 3.786-2.145 3.786H7.768c-1.943 0-3.145-2.12-2.145-3.786zM8.65 36.5h30.7L24 10.915zm18.29-14.06a1.5 1.5 0 0 1 2.12 2.12l-2.939 2.94 2.94 2.94a1.5 1.5 0 0 1-2.121 2.12L24 29.621l-2.94 2.94a1.5 1.5 0 1 1-2.12-2.122l2.939-2.939-2.94-2.94a1.5 1.5 0 0 1 2.122-2.12L24 25.378l2.939-2.94Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Error48 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/Error64/Error64.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="M29.856 11.324c.941-1.567 3.171-1.616 4.193-.146l.096.146 22.234 37.057c1 1.666-.201 3.786-2.145 3.786H9.768c-1.943 0-3.144-2.12-2.145-3.786zM10.651 49.167h42.7L32 13.583zm25.622-18.894a1.5 1.5 0 0 1 2.121 2.122l-4.273 4.272 4.273 4.273a1.5 1.5 0 0 1-2.12 2.122L32 38.788l-4.273 4.274a1.5 1.5 0 0 1-2.12-2.122l4.272-4.273-4.273-4.273a1.5 1.5 0 0 1 2.121-2.12L32 34.545z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Error64 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/ErrorFilled20/ErrorFilled20.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="M8.499 4.376a1.75 1.75 0 0 1 3.001 0l5.734 9.557c.7 1.166-.14 2.65-1.5 2.65H4.266c-1.36 0-2.201-1.484-1.501-2.65l5.733-9.557Zm3.697 4.886a.75.75 0 0 0-1.06 0l-1.137 1.136-1.136-1.136a.75.75 0 0 0-1.06 1.06l1.135 1.136-1.135 1.137a.75.75 0 0 0 1.06 1.06L10 12.52l1.137 1.136a.75.75 0 0 0 1.06-1.06l-1.136-1.137 1.136-1.136a.75.75 0 0 0 0-1.06Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ErrorFilled20 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/ErrorFilled24/ErrorFilled24.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="M10.286 4.915c.777-1.294 2.653-1.294 3.43 0l7.234 12.056c.8 1.333-.161 3.029-1.716 3.03H4.767c-1.554 0-2.515-1.697-1.715-3.03zm4.42 6.13a1 1 0 0 0-1.413 0L12 12.336l-1.293-1.293a1 1 0 1 0-1.414 1.414l1.293 1.293-1.293 1.293a1 1 0 0 0 1.414 1.414L12 15.165l1.293 1.293a1.001 1.001 0 0 0 1.414-1.414l-1.293-1.293 1.293-1.293a1 1 0 0 0 0-1.414Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ErrorFilled24 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/ErrorFilled32/ErrorFilled32.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="M14.286 6.249c.777-1.295 2.653-1.295 3.43 0L27.95 23.306c.799 1.332-.162 3.028-1.716 3.028H5.768c-1.555 0-2.515-1.695-1.716-3.028zm5.087 8.711a1 1 0 0 0-1.414 0l-1.96 1.959-1.959-1.959a1 1 0 0 0-1.414 1.414l1.959 1.959-1.959 1.96a1 1 0 0 0 1.414 1.414l1.959-1.96 1.96 1.96a1 1 0 0 0 1.414-1.414l-1.96-1.96 1.96-1.959a1 1 0 0 0 0-1.414"/></svg></template>
+<script setup lang="ts">
+/**
+ * ErrorFilled32 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/ErrorFilled48/ErrorFilled48.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="M21.857 8.657c.94-1.568 3.172-1.616 4.193-.146l.095.146 16.234 27.057c1 1.666-.201 3.786-2.145 3.786H7.768c-1.943 0-3.145-2.12-2.145-3.786zM29.06 22.44a1.5 1.5 0 0 0-2.121 0L24 25.38l-2.94-2.94a1.5 1.5 0 1 0-2.12 2.121l2.939 2.94-2.94 2.94a1.5 1.5 0 0 0 2.122 2.12L24 29.623l2.939 2.94a1.5 1.5 0 0 0 2.12-2.122l-2.939-2.94 2.94-2.939a1.5 1.5 0 0 0 0-2.12Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ErrorFilled48 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/ErrorFilled64/ErrorFilled64.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="M29.856 11.324c.941-1.567 3.171-1.616 4.193-.146l.096.146 22.234 37.057c1 1.666-.201 3.786-2.145 3.786H9.768c-1.943 0-3.144-2.12-2.145-3.786zm8.538 18.95a1.5 1.5 0 0 0-2.12 0L32 34.545l-4.273-4.273a1.5 1.5 0 0 0-2.12 2.122l4.272 4.272-4.273 4.273a1.5 1.5 0 0 0 2.121 2.122L32 38.788l4.273 4.274a1.5 1.5 0 0 0 2.121-2.122l-4.273-4.273 4.273-4.273a1.5 1.5 0 0 0 0-2.12"/></svg></template>
+<script setup lang="ts">
+/**
+ * ErrorFilled64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/FavoriteOff20/FavoriteOff20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-4.054-4.053-2.386 2.387a.75.75 0 0 1-1.06 0l-5.94-5.94a4.135 4.135 0 0 1-.008-5.84L1.97 3.03a.75.75 0 0 1 0-1.06m2.613 3.674a2.635 2.635 0 0 0 .007 3.72l5.41 5.41 1.855-1.858zm5.802-.806a4.135 4.135 0 1 1 6.086 5.586l-1.453 1.451-1.06-1.06 1.452-1.452a2.635 2.635 0 1 0-3.878-3.56l-.959 1.14-.223.263-3.84-3.838a4.12 4.12 0 0 1 3.105 1.47l.384.456z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/FavoriteOff24/FavoriteOff24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M2.293 2.293a1 1 0 0 1 1.414 0l18 18a1 1 0 0 1-1.414 1.414L15.5 16.914l-2.793 2.794a1.003 1.003 0 0 1-1.415 0L4.164 12.58a5.06 5.06 0 0 1-.077-7.078L2.293 3.707a1 1 0 0 1 0-1.414m3.209 4.623a3.06 3.06 0 0 0 .076 4.25l6.42 6.42 2.087-2.087zm6.883-1.176a5.061 5.061 0 1 1 7.45 6.84l-1.671 1.67-1.415-1.415 1.672-1.67a3.062 3.062 0 1 0-4.506-4.136l-1.15 1.366-.21.247-4.7-4.7a5.04 5.04 0 0 1 3.76 1.798l.384.457z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/FavoriteOff32/FavoriteOff32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M3.293 3.293a1 1 0 0 1 1.414 0l24 24a1 1 0 0 1-1.414 1.414l-6.627-6.627-3.959 3.961a1.003 1.003 0 0 1-1.414 0l-9.505-9.504a6.415 6.415 0 0 1 .134-9.201l-2.63-2.629a1 1 0 0 1 0-1.414Zm3.91 5.586a4.416 4.416 0 0 0 0 6.244l8.796 8.797 3.253-3.254L7.337 8.751q-.068.063-.135.128Zm9.566-1.01a6.415 6.415 0 1 1 9.442 8.668l-2.198 2.197-1.414-1.414 2.198-2.197a4.415 4.415 0 1 0-6.499-5.966l-1.533 1.822-.233.275L10.89 5.61a6.39 6.39 0 0 1 4.341 2.26l.769.91.77-.912Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/FavoriteOff48/FavoriteOff48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M4.94 4.94a1.5 1.5 0 0 1 2.12 0l36 36a1.5 1.5 0 1 1-2.12 2.12L31 33.122l-5.94 5.94a1.5 1.5 0 0 1-2.122 0L8.682 24.807c-3.758-3.758-3.758-9.85 0-13.609q.1-.099.2-.193L4.94 7.061a1.5 1.5 0 0 1 0-2.121m5.863 8.379a6.623 6.623 0 0 0 0 9.365L23.999 35.88l4.88-4.88-17.873-17.873q-.103.093-.203.191Zm14.35-1.516c3.631-4.313 10.176-4.592 14.163-.606 3.757 3.758 3.758 9.851 0 13.609l-3.253 3.252-2.12-2.121 3.252-3.253a6.623 6.623 0 1 0-9.748-8.948l-2.3 2.732-.31.364-8.405-8.406a9.58 9.58 0 0 1 6.414 3.377l1.153 1.369 1.153-1.37Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/FavoriteOff64/FavoriteOff64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M6.94 6.94a1.5 1.5 0 0 1 2.12 0l48 48a1.5 1.5 0 1 1-2.12 2.12L41.331 43.454l-8.273 8.275a1.5 1.5 0 0 1-2.122 0L11.93 32.718c-4.815-4.814-4.815-12.62 0-17.436q.31-.31.638-.593L6.94 9.06a1.5 1.5 0 0 1 0-2.121Zm7.755 9.877a9.33 9.33 0 0 0-.646 13.781l17.949 17.948 7.213-7.214zm19.223-.758c4.654-5.527 13.04-5.885 18.15-.777 4.814 4.815 4.814 12.622 0 17.437l-4.045 4.043-2.12-2.121 4.043-4.043a9.33 9.33 0 0 0 0-13.194c-3.866-3.866-10.212-3.594-13.733.587l-3.068 3.643-.115.135-9.83-9.831a12.27 12.27 0 0 1 6.878 4.12l1.92 2.28 1.92-2.28Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * FavoriteOff64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/{FileCSV20/FileCSV20.vue → FileCsv20/FileCsv20.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.417 2.5a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 .53.22l4.167 4.166c.14.141.22.332.22.53V17.5a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75zm1.5.75v13.5h10.167V7.417h-3.417a.75.75 0 0 1-.75-.75V3.25zm7.5 1.06 1.606 1.607h-1.606zm-4.823 8.048q-.344 0-.617.164-.27.161-.425.475-.155.315-.154.757-.001.442.154.757.154.314.429.475.276.16.625.16.378 0 .635-.185a.9.9 0 0 0 .345-.46l.013-.04-.521-.158-.015.034a.54.54 0 0 1-.17.22.47.47 0 0 1-.28.074.56.56 0 0 1-.462-.213q-.17-.211-.171-.664.002-.454.167-.665a.55.55 0 0 1 .459-.216.44.44 0 0 1 .274.078h.001q.107.075.17.216l.015.033.522-.157-.013-.04a.87.87 0 0 0-.341-.457 1.06 1.06 0 0 0-.64-.188m2.313 0q-.255 0-.464.094-.209.09-.332.27a.72.72 0 0 0-.12.417q-.001.25.125.422.12.165.287.256.165.087.421.186.258.096.37.175l.001.001q.107.068.105.179 0 .127-.096.199a.4.4 0 0 1-.252.074.6.6 0 0 1-.302-.073.47.47 0 0 1-.185-.214l-.016-.033-.522.162.014.041a.9.9 0 0 0 .37.468q.268.164.64.164.278 0 .495-.098a.767.767 0 0 0 .459-.716q0-.237-.121-.397a.84.84 0 0 0-.284-.244 3 3 0 0 0-.41-.182 4 4 0 0 1-.281-.115.7.7 0 0 1-.16-.115.21.21 0 0 1-.057-.148q0-.115.086-.185a.38.38 0 0 1 .24-.073q.137 0 .239.071v.001q.105.067.153.19l.014.036.547-.158-.014-.041a.84.84 0 0 0-.339-.453q-.242-.161-.611-.16m1.863.05h-.622l.921 2.689h.63l.92-2.69h-.59l-.633 1.978z"/></svg></template>
 <script setup lang="ts">
 /**
- * FileCSV20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * FileCsv20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{