@mozaic-ds/icons-vue 2.3.0 → 2.4.0

package/src/components/ViewLarge32/ViewLarge32.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 fill-rule="evenodd" d="M3 4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v18.667a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 1v16.667h22V5zM3 28a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLarge32 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/ViewLarge48/ViewLarge48.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 fill-rule="evenodd" d="M4.5 6A1.5 1.5 0 0 1 6 4.5h36A1.5 1.5 0 0 1 43.5 6v28a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 34zm3 1.5v25h33v-25zM4.5 42A1.5 1.5 0 0 1 6 40.5h36a1.5 1.5 0 0 1 0 3H6A1.5 1.5 0 0 1 4.5 42"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLarge48 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/ViewLarge64/ViewLarge64.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 fill-rule="evenodd" d="M6.5 8A1.5 1.5 0 0 1 8 6.5h48A1.5 1.5 0 0 1 57.5 8v37.333a1.5 1.5 0 0 1-1.5 1.5H8a1.5 1.5 0 0 1-1.5-1.5zm3 1.5v34.333h45V9.5zM6.5 56A1.5 1.5 0 0 1 8 54.5h48a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 56"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLarge64 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/ViewLargeFilled20/ViewLargeFilled20.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 fill-rule="evenodd" d="M2.5 1.75a.75.75 0 0 0-.75.75v11.667c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V2.5a.75.75 0 0 0-.75-.75zm0 15a.75.75 0 0 0 0 1.5h15a.75.75 0 0 0 0-1.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLargeFilled20 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/ViewLargeFilled24/ViewLargeFilled24.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 fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 18a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLargeFilled24 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/ViewLargeFilled32/ViewLargeFilled32.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 fill-rule="evenodd" d="M4 3a1 1 0 0 0-1 1v18.667a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm0 24a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLargeFilled32 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/ViewLargeFilled48/ViewLargeFilled48.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 fill-rule="evenodd" d="M6 4.5A1.5 1.5 0 0 0 4.5 6v28A1.5 1.5 0 0 0 6 35.5h36a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 42 4.5zm0 36a1.5 1.5 0 0 0 0 3h36a1.5 1.5 0 0 0 0-3z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLargeFilled48 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/ViewLargeFilled64/ViewLargeFilled64.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 fill-rule="evenodd" d="M8 6.5A1.5 1.5 0 0 0 6.5 8v37.333a1.5 1.5 0 0 0 1.5 1.5h48a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 56 6.5zm0 48a1.5 1.5 0 0 0 0 3h48a1.5 1.5 0 0 0 0-3z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewLargeFilled64 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/ViewList20/ViewList20.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 fill-rule="evenodd" d="M1.75 2.5a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 .75.75v2.917a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75zm1.5.75v1.417h13.5V3.25zm-1.5 5.292a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 .75.75v2.916a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75zm1.5.75v1.416h13.5V9.292zm-1.5 5.291a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 .75.75V17.5a.75.75 0 0 1-.75.75h-15a.75.75 0 0 1-.75-.75zm1.5.75v1.417h13.5v-1.417z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewList20 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/ViewList24/ViewList24.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 fill-rule="evenodd" d="M2 3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v1.5h16V4zm-2 6.25a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1v1.5h16v-1.5zM2 17.5a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1V21a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1zm2 1V20h16v-1.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewList24 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/ViewList32/ViewList32.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 fill-rule="evenodd" d="M3 4a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4.667a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 1v2.667h22V5zm-2 8.667a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4.666a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 1v2.666h22v-2.666zm-2 8.666a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1V28a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm2 1V27h22v-2.667z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewList32 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/ViewList48/ViewList48.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 fill-rule="evenodd" d="M4.5 6A1.5 1.5 0 0 1 6 4.5h36A1.5 1.5 0 0 1 43.5 6v7a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 13zm3 1.5v4h33v-4zm-3 13A1.5 1.5 0 0 1 6 19h36a1.5 1.5 0 0 1 1.5 1.5v7A1.5 1.5 0 0 1 42 29H6a1.5 1.5 0 0 1-1.5-1.5zm3 1.5v4h33v-4zm-3 13A1.5 1.5 0 0 1 6 33.5h36a1.5 1.5 0 0 1 1.5 1.5v7a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42zm3 1.5v4h33v-4z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewList48 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/ViewList64/ViewList64.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 fill-rule="evenodd" d="M6.5 8A1.5 1.5 0 0 1 8 6.5h48A1.5 1.5 0 0 1 57.5 8v9.333a1.5 1.5 0 0 1-1.5 1.5H8a1.5 1.5 0 0 1-1.5-1.5zm3 1.5v6.333h45V9.5zm-3 17.833a1.5 1.5 0 0 1 1.5-1.5h48a1.5 1.5 0 0 1 1.5 1.5v9.334a1.5 1.5 0 0 1-1.5 1.5H8a1.5 1.5 0 0 1-1.5-1.5zm3 1.5v6.334h45v-6.334zm-3 17.834a1.5 1.5 0 0 1 1.5-1.5h48a1.5 1.5 0 0 1 1.5 1.5V56a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 56zm3 1.5V54.5h45v-6.333z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewList64 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/ViewListFilled20/ViewListFilled20.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 fill-rule="evenodd" d="M2.5 1.75a.75.75 0 0 0-.75.75v2.917c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V2.5a.75.75 0 0 0-.75-.75zm0 6.042a.75.75 0 0 0-.75.75v2.916c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V8.542a.75.75 0 0 0-.75-.75zm0 6.041a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-2.917a.75.75 0 0 0-.75-.75z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewListFilled20 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/ViewListFilled24/ViewListFilled24.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 fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v3.5a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zm0 7.25a1 1 0 0 0-1 1v3.5a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-3.5a1 1 0 0 0-1-1zm0 7.25a1 1 0 0 0-1 1V21a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-3.5a1 1 0 0 0-1-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewListFilled24 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/ViewListFilled32/ViewListFilled32.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 fill-rule="evenodd" d="M4 3a1 1 0 0 0-1 1v4.667a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm0 9.667a1 1 0 0 0-1 1v4.666a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-4.666a1 1 0 0 0-1-1zm0 9.666a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-4.667a1 1 0 0 0-1-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewListFilled32 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/ViewListFilled48/ViewListFilled48.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 fill-rule="evenodd" d="M6 4.5A1.5 1.5 0 0 0 4.5 6v7A1.5 1.5 0 0 0 6 14.5h36a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 42 4.5zM6 19a1.5 1.5 0 0 0-1.5 1.5v7A1.5 1.5 0 0 0 6 29h36a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 42 19zm0 14.5A1.5 1.5 0 0 0 4.5 35v7A1.5 1.5 0 0 0 6 43.5h36a1.5 1.5 0 0 0 1.5-1.5v-7a1.5 1.5 0 0 0-1.5-1.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewListFilled48 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/ViewListFilled64/ViewListFilled64.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 fill-rule="evenodd" d="M8 6.5A1.5 1.5 0 0 0 6.5 8v9.333a1.5 1.5 0 0 0 1.5 1.5h48a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 56 6.5zm0 19.333a1.5 1.5 0 0 0-1.5 1.5v9.334a1.5 1.5 0 0 0 1.5 1.5h48a1.5 1.5 0 0 0 1.5-1.5v-9.334a1.5 1.5 0 0 0-1.5-1.5zm0 19.334a1.5 1.5 0 0 0-1.5 1.5V56A1.5 1.5 0 0 0 8 57.5h48a1.5 1.5 0 0 0 1.5-1.5v-9.333a1.5 1.5 0 0 0-1.5-1.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ViewListFilled64 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/Voice20/Voice20.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 fill-rule="evenodd" d="M9.5 2.5a.75.75 0 0 0-1.5 0v15a.75.75 0 0 0 1.5 0zm-5 6.667a.75.75 0 1 0-1.5 0v1.666a.75.75 0 0 0 1.5 0zm1.75-4.084a.75.75 0 0 1 .75.75v8.334a.75.75 0 0 1-1.5 0V5.833a.75.75 0 0 1 .75-.75M12 7.5a.75.75 0 0 0-1.5 0v5a.75.75 0 0 0 1.5 0zm1.75-4.083a.75.75 0 0 1 .75.75v11.666a.75.75 0 0 1-1.5 0V4.167a.75.75 0 0 1 .75-.75M17 8.333a.75.75 0 0 0-1.5 0v3.334a.75.75 0 0 0 1.5 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Voice20 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/Voice24/Voice24.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 fill-rule="evenodd" d="M11.5 3a1 1 0 1 0-2 0v18a1 1 0 1 0 2 0zm-6 8a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0zm2-5a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1m7 3a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zm2-5a1 1 0 0 1 1 1v14a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1m4 6a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Voice24 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/Voice32/Voice32.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 fill-rule="evenodd" d="M15 4a1 1 0 1 0-2 0v24a1 1 0 1 0 2 0zM7 14.667a1 1 0 1 0-2 0v2.666a1 1 0 1 0 2 0zm3-6.334a1 1 0 0 1 1 1v13.334a1 1 0 1 1-2 0V9.333a1 1 0 0 1 1-1M19 12a1 1 0 1 0-2 0v8a1 1 0 1 0 2 0zm3-6.333a1 1 0 0 1 1 1v18.666a1 1 0 1 1-2 0V6.667a1 1 0 0 1 1-1m5 7.666a1 1 0 1 0-2 0v5.334a1 1 0 1 0 2 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Voice32 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/Voice48/Voice48.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 fill-rule="evenodd" d="M22.5 6a1.5 1.5 0 0 0-3 0v36a1.5 1.5 0 0 0 3 0zm-12 16a1.5 1.5 0 0 0-3 0v4a1.5 1.5 0 0 0 3 0zm4.5-9.5a1.5 1.5 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V14a1.5 1.5 0 0 1 1.5-1.5M28.5 18a1.5 1.5 0 0 0-3 0v12a1.5 1.5 0 0 0 3 0zM33 8.5a1.5 1.5 0 0 1 1.5 1.5v28a1.5 1.5 0 0 1-3 0V10A1.5 1.5 0 0 1 33 8.5M40.5 20a1.5 1.5 0 0 0-3 0v8a1.5 1.5 0 0 0 3 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Voice48 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/Voice64/Voice64.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 fill-rule="evenodd" d="M29.5 8a1.5 1.5 0 0 0-3 0v48a1.5 1.5 0 0 0 3 0zm-16 21.333a1.5 1.5 0 0 0-3 0v5.334a1.5 1.5 0 0 0 3 0zM20 17.167a1.5 1.5 0 0 1 1.5 1.5v26.666a1.5 1.5 0 1 1-3 0V18.667a1.5 1.5 0 0 1 1.5-1.5M37.5 24a1.5 1.5 0 0 0-3 0v16a1.5 1.5 0 0 0 3 0zM44 11.833a1.5 1.5 0 0 1 1.5 1.5v37.334a1.5 1.5 0 0 1-3 0V13.333a1.5 1.5 0 0 1 1.5-1.5m9.5 14.834a1.5 1.5 0 1 0-3 0v10.666a1.5 1.5 0 1 0 3 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Voice64 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/VolumeMute20/VolumeMute20.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 fill-rule="evenodd" d="M11.583 4.167a.75.75 0 0 0-1.166-.624L5.607 6.75H2.5a.75.75 0 0 0-.75.75v5c0 .414.336.75.75.75h3.106l4.811 3.208a.75.75 0 0 0 1.166-.624zm-5 3.735 3.5-2.334v8.864l-3.5-2.333zm-1.5.348H3.25v3.5h1.833zm8.137-.655a.75.75 0 0 1 1.06 0l1.345 1.345 1.345-1.345a.75.75 0 1 1 1.06 1.06L16.686 10l1.344 1.345a.75.75 0 0 1-1.06 1.06l-1.345-1.344-1.345 1.345a.75.75 0 0 1-1.06-1.061L14.564 10 13.22 8.656a.75.75 0 0 1 0-1.061"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeMute20 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/VolumeMute24/VolumeMute24.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 fill-rule="evenodd" d="M14 5a1 1 0 0 0-1.555-.832L6.697 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3.697l5.748 3.832A1 1 0 0 0 14 19zM8 9.535l4-2.666v10.263l-4-2.667zM6 10H4v4h2zm9.793-.957a1 1 0 0 1 1.414 0l1.543 1.543 1.543-1.543a1 1 0 1 1 1.414 1.414L20.164 12l1.543 1.543a1 1 0 0 1-1.414 1.414l-1.543-1.543-1.543 1.543a1 1 0 0 1-1.414-1.414L17.336 12l-1.543-1.543a1 1 0 0 1 0-1.414"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeMute24 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/VolumeMute32/VolumeMute32.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 fill-rule="evenodd" d="M18.333 6.667a1 1 0 0 0-1.554-.832L9.03 11H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.03l7.749 5.166a1 1 0 0 0 1.554-.832zm-8 5.869 6-4v14.93l-6-4zm-2 .464H5v6h3.333zm12.96-.707a1 1 0 0 1 1.414 0L25 14.586l2.293-2.293a1 1 0 0 1 1.414 1.414L26.414 16l2.293 2.293a1 1 0 0 1-1.414 1.414L25 17.414l-2.293 2.293a1 1 0 1 1-1.414-1.414L23.586 16l-2.293-2.293a1 1 0 0 1 0-1.414"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeMute32 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/VolumeMute48/VolumeMute48.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 fill-rule="evenodd" d="M27.5 10a1.5 1.5 0 0 0-2.332-1.248L13.546 16.5H6A1.5 1.5 0 0 0 4.5 18v12A1.5 1.5 0 0 0 6 31.5h7.546l11.622 7.748A1.5 1.5 0 0 0 27.5 38zm-12 8.803 9-6v22.394l-9-6zm-3 .697h-5v9h5zm19.44-1.06a1.5 1.5 0 0 1 2.12 0l3.44 3.439 3.44-3.44a1.5 1.5 0 0 1 2.12 2.122L39.622 24l3.44 3.44a1.5 1.5 0 0 1-2.122 2.12L37.5 26.122l-3.44 3.44a1.5 1.5 0 0 1-2.12-2.122L35.378 24l-3.44-3.44a1.5 1.5 0 0 1 0-2.12"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeMute48 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/VolumeMute64/VolumeMute64.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 fill-rule="evenodd" d="M36.167 13.333a1.5 1.5 0 0 0-2.332-1.248L18.212 22.5H8A1.5 1.5 0 0 0 6.5 24v16A1.5 1.5 0 0 0 8 41.5h10.213l15.622 10.414a1.5 1.5 0 0 0 2.332-1.248zm-16 11.47 13-8.667v31.728l-13-8.667zm-3 .697H9.5v13h7.667zm25.772-.561a1.5 1.5 0 0 1 2.122 0L50 29.879l4.94-4.94a1.5 1.5 0 0 1 2.12 2.121L52.122 32l4.94 4.939a1.5 1.5 0 0 1-2.122 2.121L50 34.121l-4.94 4.94a1.5 1.5 0 0 1-2.12-2.122l4.939-4.94-4.94-4.939a1.5 1.5 0 0 1 0-2.121"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeMute64 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/VolumeOn20/VolumeOn20.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 fill-rule="evenodd" d="M11.583 4.167a.75.75 0 0 0-1.166-.624L5.607 6.75H2.5a.75.75 0 0 0-.75.75v5c0 .414.336.75.75.75h3.106l4.811 3.208a.75.75 0 0 0 1.166-.624zm-5 3.735 3.5-2.334v8.864l-3.5-2.333zm-1.5.348H3.25v3.5h1.833zm8.27-1.386a.75.75 0 0 1 1.033.239c.582.93.895 1.9.895 2.897 0 .998-.313 1.967-.895 2.898a.75.75 0 1 1-1.272-.795c.46-.736.667-1.433.667-2.103 0-.669-.207-1.366-.667-2.102a.75.75 0 0 1 .239-1.034m3.09-1.883a.75.75 0 1 0-1.22.872c1.897 2.656 1.897 5.639 0 8.295a.75.75 0 0 0 1.22.872c2.27-3.178 2.27-6.862 0-10.039"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeOn20 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/VolumeOn24/VolumeOn24.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 fill-rule="evenodd" d="M14 5a1 1 0 0 0-1.555-.832L6.697 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3.697l5.748 3.832A1 1 0 0 0 14 19zM8 9.535l4-2.666v10.263l-4-2.667zM6 10H4v4h2zm9.97-1.848a1 1 0 0 1 1.378.318c.706 1.13 1.09 2.311 1.09 3.53s-.384 2.4-1.09 3.53a1 1 0 0 1-1.696-1.06c.544-.87.786-1.689.786-2.47s-.242-1.6-.786-2.47a1 1 0 0 1 .318-1.378m3.844-2.233a1 1 0 1 0-1.628 1.162c2.252 3.152 2.252 6.685 0 9.838a1 1 0 1 0 1.628 1.162c2.748-3.848 2.748-8.315 0-12.162"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeOn24 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/VolumeOn32/VolumeOn32.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 fill-rule="evenodd" d="M18.333 6.667a1 1 0 0 0-1.554-.832L9.03 11H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.03l7.749 5.166a1 1 0 0 0 1.554-.832zm-8 5.869 6-4v14.93l-6-4zm-2 .464H5v6h3.333zm13.137-1.848a1 1 0 0 1 1.378.318c.915 1.464 1.402 2.978 1.402 4.53s-.487 3.067-1.402 4.53a1 1 0 1 1-1.696-1.06c.752-1.203 1.098-2.355 1.098-3.47 0-1.114-.346-2.266-1.098-3.47a1 1 0 0 1 .318-1.378m4.677-3.066a1 1 0 0 0-1.627 1.162c3.085 4.32 3.085 9.186 0 13.504a1 1 0 0 0 1.627 1.163c3.582-5.014 3.582-10.815 0-15.83"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeOn32 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/VolumeOn48/VolumeOn48.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 fill-rule="evenodd" d="M27.5 10a1.5 1.5 0 0 0-2.332-1.248L13.546 16.5H6A1.5 1.5 0 0 0 4.5 18v12A1.5 1.5 0 0 0 6 31.5h7.546l11.622 7.748A1.5 1.5 0 0 0 27.5 38zm-12 8.803 9-6v22.394l-9-6zm-3 .697h-5v9h5zm19.705-2.772a1.5 1.5 0 0 1 2.067.477c1.372 2.195 2.103 4.467 2.103 6.795s-.731 4.6-2.103 6.795a1.5 1.5 0 1 1-2.544-1.59c1.128-1.805 1.647-3.533 1.647-5.205s-.519-3.4-1.647-5.205a1.5 1.5 0 0 1 .477-2.067m7.016-4.6a1.5 1.5 0 0 0-2.442 1.744c4.628 6.478 4.628 13.778 0 20.256a1.5 1.5 0 0 0 2.442 1.744c5.372-7.522 5.372-16.222 0-23.744"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeOn48 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/VolumeOn64/VolumeOn64.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 fill-rule="evenodd" d="M36.167 13.333a1.5 1.5 0 0 0-2.332-1.248L18.212 22.5H8A1.5 1.5 0 0 0 6.5 24v16A1.5 1.5 0 0 0 8 41.5h10.213l15.622 10.414a1.5 1.5 0 0 0 2.332-1.248zm-16 11.47 13-8.667v31.728l-13-8.667zm-3 .697H9.5v13h7.667zm26.038-2.772a1.5 1.5 0 0 1 2.067.477C47.061 26.066 48 29.005 48 32s-.94 5.933-2.728 8.795a1.5 1.5 0 0 1-2.544-1.59C44.273 36.733 45 34.338 45 32s-.727-4.734-2.272-7.205a1.5 1.5 0 0 1 .477-2.067m8.682-6.267a1.5 1.5 0 1 0-2.44 1.744c6.293 8.812 6.293 18.778 0 27.59a1.5 1.5 0 1 0 2.44 1.743c7.04-9.855 7.04-21.222 0-31.077"/></svg></template>
+<script setup lang="ts">
+/**
+ * VolumeOn64 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/Wallet20/Wallet20.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="M14.044 3.427a.75.75 0 0 1 .873.74V5.85l.97.069a.75.75 0 0 1 .697.748v1.742l.136.01a.75.75 0 0 1 .696.748v4.167a.75.75 0 0 1-.803.748l-.03-.003v1.755a.75.75 0 0 1-.803.748l-11.667-.833A.75.75 0 0 1 3.417 15V5.834l.004-.077q.002-.014.006-.028l.001-.03q.007-.024.013-.047a1 1 0 0 1 .044-.127q.006-.016.014-.032a.8.8 0 0 1 .152-.202l.005-.006.059-.05.038-.025a.8.8 0 0 1 .166-.084l.044-.013.051-.012q.015-.005.03-.007zM4.917 14.302l10.167.726v-1.055l-4.305-.308a.75.75 0 0 1-.696-.748V8.75a.75.75 0 0 1 .803-.748l4.198.3v-.937L4.917 6.64v7.663Zm6.666-2.084 4.333.31V9.865l-4.333-.31zm2.167-2.01a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666m-3.235-4.673 2.902.207v-.69z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Wallet20 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>