npm - @mozaic-ds/icons-vue - Versions diffs - 2.4.0 → 2.6.0 - Mend

@mozaic-ds/icons-vue 2.4.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (430) hide show

package/src/components/Attachment24/Attachment24.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M9.65 3.922a4.5 4.5 0 0 1 7.794 4.5l-4.875 8.443a2.75 2.75 0 0 1-4.763-2.75l4.875-8.443a1 1 0 0 1 1.732 1l-4.875 8.443a.75.75 0 1 0 1.299.75l4.875-8.443a2.5 2.5 0 0 0-4.33-2.5L6.516 13.35a4.25 4.25 0 0 0 7.361 4.25l4.116-7.13a1 1 0 1 1 1.732 1l-4.117 7.13a6.25 6.25 0 0 1-10.825-6.25L9.65 3.92Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment24 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/Attachment32/Attachment32.vue ADDED Viewed

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M13.154 5.395a5.668 5.668 0 0 1 9.816 5.668l-6.5 11.257a3.334 3.334 0 0 1-5.774-3.333l6.5-11.258a1 1 0 0 1 1.733 1l-6.5 11.258a1.334 1.334 0 0 0 2.308 1.333l6.5-11.258a3.667 3.667 0 0 0-6.35-3.667L8.399 17.633a6 6 0 1 0 10.392 6l5.488-9.505a1 1 0 0 1 1.732 1l-5.488 9.505a8 8 0 1 1-13.856-8z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment32 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/Attachment48/Attachment48.vue ADDED Viewed

@@ -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="M19.732 8.094a8.5 8.5 0 0 1 14.723 8.5l-9.75 16.886a5 5 0 1 1-8.66-5l9.75-16.886a1.5 1.5 0 1 1 2.597 1.5l-9.75 16.886a2 2 0 0 0 3.464 2l9.75-16.886a5.5 5.5 0 1 0-9.526-5.5l-9.731 16.855a9 9 0 0 0 15.587 9l8.233-14.258a1.5 1.5 0 1 1 2.598 1.5L30.785 36.95c-3.322 5.754-10.686 7.714-16.428 4.372C8.643 37.996 6.694 30.675 10 24.95z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment48 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/Attachment64/Attachment64.vue ADDED Viewed

@@ -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="M26.743 11.041c2.992-5.181 9.617-6.956 14.798-3.965s6.957 9.617 3.966 14.798l-13 22.518a6.167 6.167 0 0 1-10.682-6.167l13-22.518a1.5 1.5 0 0 1 2.599 1.5l-13 22.518a3.167 3.167 0 0 0 5.485 3.167l13-22.518a7.834 7.834 0 0 0-13.568-7.833L16.365 35.017c-3.443 5.964-1.414 13.59 4.538 17.053 5.981 3.48 13.653 1.44 17.113-4.553L48.99 28.505a1.501 1.501 0 0 1 2.599 1.5L40.613 49.017c-4.29 7.43-13.802 9.962-21.218 5.646-7.381-4.295-9.898-13.75-5.628-21.146L26.743 11.04Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Attachment64 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/BillLei20/BillLei20.vue ADDED Viewed

@@ -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.834 1.75a.75.75 0 0 1 .75.75v15a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75v-15a.75.75 0 0 1 .75-.75zm-10.917 15h10.167V3.25H4.917zm7.999-2.667a.5.5 0 0 1 0 1H7.083a.5.5 0 0 1 0-1zm0-2.083a.5.5 0 1 1 0 1H7.083a.5.5 0 0 1 0-1zm-2.832-5.62q.813 0 1.278.514.47.512.47 1.454v.431H9.307a1 1 0 0 0 .307.623.94.94 0 0 0 .655.235q.612 0 .957-.444l.52.582q-.239.337-.645.528a2.1 2.1 0 0 1-.9.187q-.873 0-1.422-.535-.545-.535-.546-1.425v-.102q0-.597.232-1.066a1.7 1.7 0 0 1 .651-.724q.425-.257.967-.257Zm-2.582 4.037H6.44V4.792h1.062zm6.05 0H12.49V6.454h1.062zM10.08 7.238a.67.67 0 0 0-.513.212q-.194.213-.249.609h1.473v-.085q-.007-.352-.19-.542-.184-.194-.52-.194Zm2.941-2.355a.6.6 0 0 1 .432.154.52.52 0 0 1 .161.392.52.52 0 0 1-.165.395.6.6 0 0 1-.428.155.6.6 0 0 1-.432-.155.52.52 0 0 1-.161-.395q0-.239.157-.392a.6.6 0 0 1 .436-.154"/></svg></template>
+<script setup lang="ts">
+/**
+ * BillLei20 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/BillLei24/BillLei24.vue ADDED Viewed

@@ -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="M19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zM6 20h12V4H6zm9.5-3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1zm0-2.5a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1zm-3.398-6.843q.974 0 1.533.615.562.616.562 1.746v.518H11.17q.061.466.37.747.31.281.785.282.735 0 1.148-.533l.624.7q-.286.404-.774.632a2.55 2.55 0 0 1-1.08.224q-1.047 0-1.706-.642-.654-.64-.655-1.709v-.123q0-.716.277-1.279a2 2 0 0 1 .782-.87q.51-.308 1.16-.308Zm-3.1 4.843H7.73V5.75h1.274v6.75Zm7.26 0h-1.274V7.745h1.275zm-4.165-3.814a.8.8 0 0 0-.616.254q-.232.255-.298.73h1.766v-.1q-.009-.423-.228-.651-.22-.233-.624-.233m3.529-2.826q.325 0 .519.185.193.185.193.47a.62.62 0 0 1-.198.474.71.71 0 0 1-.514.185.73.73 0 0 1-.519-.185.63.63 0 0 1-.193-.474q0-.285.188-.47.194-.185.524-.185"/></svg></template>
+<script setup lang="ts">
+/**
+ * BillLei24 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/BillLei32/BillLei32.vue ADDED Viewed

@@ -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="M25.334 3a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1H6.667a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM7.667 27h16.667V5H7.667zm12.999-4.167a.5.5 0 0 1 0 1h-9.333a.5.5 0 0 1 0-1zm0-3.333a.5.5 0 1 1 0 1h-9.333a.5.5 0 0 1 0-1zm-4.531-9.29q1.3 0 2.045.82.75.821.75 2.326v.692h-4.037q.081.621.492.996.416.375 1.049.375.978 0 1.529-.709l.832.932q-.381.538-1.031.843-.65.3-1.442.3-1.395 0-2.273-.856-.873-.855-.873-2.28v-.164q0-.954.369-1.705.37-.755 1.043-1.16a2.94 2.94 0 0 1 1.547-.41m-4.131 6.457h-1.7v-9h1.7zm9.68 0h-1.7v-6.34h1.7zm-5.555-5.086q-.505 0-.82.34-.31.34-.399.973h2.356v-.135q-.012-.562-.305-.867-.293-.31-.832-.31Zm4.705-3.768q.434 0 .691.247a.83.83 0 0 1 .258.627.83.83 0 0 1-.264.632q-.257.246-.685.246t-.691-.246a.84.84 0 0 1-.258-.632.84.84 0 0 1 .252-.627q.258-.246.697-.247"/></svg></template>
+<script setup lang="ts">
+/**
+ * BillLei32 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/BillLei48/BillLei48.vue ADDED Viewed

@@ -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-1.5 1.5H10A1.5 1.5 0 0 1 8.5 42V6A1.5 1.5 0 0 1 10 4.5zm-26.5 36h25v-33h-25zM31 34a1 1 0 1 1 0 2H17a1 1 0 1 1 0-2zm0-5a1 1 0 1 1 0 2H17a1 1 0 1 1 0-2zm-6.798-13.685q1.95 0 3.067 1.23 1.126 1.23 1.126 3.49v1.036h-6.056q.123.932.738 1.494.624.563 1.573.563 1.469 0 2.294-1.064l1.248 1.398q-.57.808-1.547 1.265-.975.45-2.162.449-2.09 0-3.41-1.283-1.31-1.283-1.31-3.42v-.245q0-1.434.554-2.558.554-1.134 1.565-1.74 1.02-.615 2.32-.615M18.006 25h-2.549V11.5h2.549zm14.52 0h-2.55v-9.51h2.55zm-8.333-7.629q-.756 0-1.23.51-.465.51-.598 1.459h3.533v-.202q-.017-.844-.457-1.301-.44-.465-1.248-.466m7.058-5.651q.651 0 1.037.369.387.37.387.94 0 .58-.396.95-.387.369-1.028.369-.642 0-1.037-.37-.387-.369-.387-.949 0-.57.378-.94.387-.37 1.046-.37Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * BillLei48 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/BillLei64/BillLei64.vue ADDED Viewed

@@ -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-1.5 1.5H13.333a1.5 1.5 0 0 1-1.5-1.5V8a1.5 1.5 0 0 1 1.5-1.5zm-35.833 48h34.333v-45H14.833zm26.501-8.833a1 1 0 0 1 0 2H22.667a1 1 0 0 1 0-2zm0-6.667a1 1 0 0 1 0 2H22.667a1 1 0 1 1 0-2zm-9.065-18.581q2.602 0 4.09 1.64 1.5 1.641 1.5 4.653v1.383h-8.074q.165 1.242.985 1.992.831.75 2.097.75 1.957 0 3.059-1.418l1.664 1.863q-.762 1.078-2.063 1.688-1.3.597-2.883.597-2.788 0-4.546-1.71-1.746-1.71-1.746-4.56v-.327q0-1.91.738-3.41.738-1.512 2.086-2.32 1.359-.822 3.094-.821Zm-8.261 12.914h-3.399v-18h3.399zm19.36 0h-3.4v-12.68h3.4zm-11.11-10.172q-1.008 0-1.64.68-.622.68-.798 1.945h4.711v-.27q-.023-1.125-.61-1.734-.585-.62-1.663-.62Zm9.41-7.535q.867 0 1.383.492.515.492.515 1.254 0 .774-.527 1.266-.515.492-1.371.492-.855 0-1.383-.492-.515-.492-.515-1.266 0-.762.503-1.254.517-.492 1.395-.492"/></svg></template>
+<script setup lang="ts">
+/**
+ * BillLei64 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/BluetoothOff20/BluetoothOff20.vue ADDED Viewed

@@ -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="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 0 1-1.06 1.06l-3.22-3.22-3.22 3.22a.75.75 0 0 1-1.28-.53v-5.69l-2.47 2.47a.75.75 0 0 1-1.06-1.06L8.94 10 1.97 3.03a.75.75 0 0 1 0-1.06m8.78 13.72 1.94-1.94-1.94-1.94zM9.713 1.805a.75.75 0 0 1 .817.163l3.75 3.75a.75.75 0 0 1 0 1.061l-1.667 1.667a.75.75 0 0 1-1.06-1.06l1.136-1.137-1.94-1.94v1.523a.75.75 0 0 1-1.5 0V2.5a.75.75 0 0 1 .464-.694Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff20 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/BluetoothOff24/BluetoothOff24.vue ADDED Viewed

@@ -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.414L16.5 17.914l-3.793 3.793A1 1 0 0 1 11 21v-6.586l-2.793 2.793a1 1 0 1 1-1.414-1.415L10.586 12 2.293 3.707a1 1 0 0 1 0-1.414M13 18.586l2.086-2.086L13 14.414zm-1.383-16.51a1 1 0 0 1 1.09.217l4.5 4.5a1 1 0 0 1 0 1.414l-2 2a1 1 0 1 1-1.414-1.414L15.086 7.5 13 5.414V7a1 1 0 1 1-2 0V3a1 1 0 0 1 .617-.924"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff24 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/BluetoothOff32/BluetoothOff32.vue ADDED Viewed

@@ -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.414L22 23.414l-5.293 5.293A1 1 0 0 1 15 28v-9.586l-4.293 4.293a1 1 0 1 1-1.414-1.414L14.586 16 3.293 4.707a1 1 0 0 1 0-1.414M17 25.586 20.586 22 17 18.414zm-1.383-22.51a1 1 0 0 1 1.09.217l6 6a1 1 0 0 1 0 1.414l-2.667 2.667a1 1 0 0 1-1.414-1.414l1.96-1.96L17 6.414v2.919a1 1 0 1 1-2 0V4a1 1 0 0 1 .617-.924"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * BluetoothOff32 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/BluetoothOff48/BluetoothOff48.vue ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Cart20/Cart20.vue CHANGED Viewed

@@ -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="M1.75 4.167a.75.75 0 0 1 .75-.75h1.667a.75.75 0 0 1 .72.543l.56 1.957h11.22a.75.75 0 0 1 .696 1.028l-2.5 6.25a.75.75 0 0 1-.696.472h-7.5a.75.75 0 0 1-.721-.544L4.16 6.873 3.6 4.916H2.5a.75.75 0 0 1-.75-.75m4.125 3.25 1.357 4.75h6.427l1.9-4.75zm2.042 8.75a.292.292 0 1 0 0 .583.292.292 0 0 0 0-.584m-1.792.291a1.792 1.792 0 1 1 3.583 0 1.792 1.792 0 0 1-3.583 0m6.708 0a.292.292 0 1 1 .584 0 .292.292 0 0 1-.584 0m.292-1.792a1.792 1.792 0 1 0 0 3.584 1.792 1.792 0 0 0 0-3.584"/></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="M7.917 13.833a1.792 1.792 0 1 1-.002 3.584 1.792 1.792 0 0 1 .002-3.584m5.208 0a1.792 1.792 0 1 1-.002 3.584 1.792 1.792 0 0 1 .002-3.584m-5.208 1.5a.292.292 0 1 0 0 .583.292.292 0 0 0 0-.583m5.208 0a.292.292 0 1 0 0 .582.292.292 0 0 0 0-.582M4.29 2.593a.75.75 0 0 1 .598.534l.56 1.956h11.219l.092.006a.75.75 0 0 1 .604 1.022l-2.5 6.25a.75.75 0 0 1-.696.472h-7.5a.75.75 0 0 1-.722-.544L4.16 6.04 3.6 4.083H2.5a.75.75 0 0 1 0-1.5h1.667zm2.942 8.74h6.427l1.9-4.75H5.877l1.356 4.75Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Cart20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Cart24/Cart24.vue CHANGED Viewed

@@ -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="M2 5a1 1 0 0 1 1-1h2a1 1 0 0 1 .962.725L6.612 7H20a1 1 0 0 1 .928 1.371l-3 7.5A1 1 0 0 1 17 16.5H8a1 1 0 0 1-.962-.725l-2.142-7.5L4.246 6H3a1 1 0 0 1-1-1m5.183 4 1.571 5.5h7.569l2.2-5.5zM9.5 19.5a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5m-2.25.25a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0m8.25 0a.25.25 0 1 1 .5 0 .25.25 0 0 1-.5 0m.25-2.25a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M9.5 16.5a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m6.25 0a2.25 2.25 0 1 1 0 4.5 2.25 2.25 0 0 1 0-4.5m-6.25 2a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5m6.25 0a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5M5 3a1 1 0 0 1 .962.726L6.612 6H20a1 1 0 0 1 .929 1.371l-3 7.5A1 1 0 0 1 17 15.5H8a1 1 0 0 1-.962-.726l-2.142-7.5L4.246 5H3a1 1 0 0 1 0-2zm3.755 10.5h7.568l2.2-5.5H7.183z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Cart24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Cart32/Cart32.vue CHANGED Viewed

@@ -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="M3 6.667a1 1 0 0 1 1-1h2.667a1 1 0 0 1 .961.725l.936 3.274h18.103a1 1 0 0 1 .928 1.372l-4 10a1 1 0 0 1-.928.629h-12a1 1 0 0 1-.962-.726l-2.857-10-.936-3.275H4a1 1 0 0 1-1-1m6.135 5 2.286 8H21.99l3.2-8zm3.532 14a.667.667 0 1 0 0 1.333.667.667 0 0 0 0-1.334M10 26.333a2.667 2.667 0 1 1 5.333 0 2.667 2.667 0 0 1-5.333 0m10.333 0a.667.667 0 1 1 1.334 0 .667.667 0 0 1-1.334 0M21 23.667A2.667 2.667 0 1 0 21 29a2.667 2.667 0 0 0 0-5.334"/></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="M12.667 22.333a2.667 2.667 0 1 1-.002 5.334 2.667 2.667 0 0 1 .002-5.334m8.333 0a2.667 2.667 0 1 1-.002 5.334A2.667 2.667 0 0 1 21 22.333m-8.333 2a.668.668 0 1 0 .001 1.335.668.668 0 0 0-.001-1.335m8.333 0a.667.667 0 1 0 0 1.332.667.667 0 0 0 0-1.332M6.831 4.347a1 1 0 0 1 .797.712l.936 3.274h18.103a1 1 0 0 1 .928 1.371l-4 10a1 1 0 0 1-.928.629h-12a1 1 0 0 1-.962-.726l-2.857-10-.936-3.274H4a1 1 0 0 1 0-2h2.667zm4.59 13.986h10.57l3.198-8H9.136z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * Cart32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Cart48/Cart48.vue CHANGED Viewed

@@ -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="M4.5 10A1.5 1.5 0 0 1 6 8.5h4a1.5 1.5 0 0 1 1.442 1.088l1.404 4.912H40a1.5 1.5 0 0 1 1.393 2.057l-6 15A1.5 1.5 0 0 1 34 32.5H16a1.5 1.5 0 0 1-1.442-1.088l-4.286-15L8.869 11.5H6A1.5 1.5 0 0 1 4.5 10m9.203 7.5 3.429 12h15.852l4.8-12zM19 38.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-4 1a4 4 0 1 1 8 0 4 4 0 0 1-8 0m15.5 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0m1-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8"/></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="M19 33.5a4 4 0 1 1 0 8 4 4 0 0 1 0-8m12.5 0a4 4 0 1 1 0 8 4 4 0 0 1 0-8m-12.5 3a1 1 0 1 0 0 2 1 1 0 0 0 0-2m12.5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2M10 6.5a1.5 1.5 0 0 1 1.442 1.088l1.404 4.912H40a1.5 1.5 0 0 1 1.393 2.057l-6 15A1.5 1.5 0 0 1 34 30.5H16a1.5 1.5 0 0 1-1.442-1.088l-4.285-15L8.868 9.5H6a1.5 1.5 0 1 1 0-3zm7.132 21h15.852l4.801-12H13.702z"/></svg></template>
 <script setup lang="ts">
 /**
  * Cart48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/Cart64/Cart64.vue CHANGED Viewed

@@ -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="M6.5 13.334a1.5 1.5 0 0 1 1.5-1.5h5.333a1.5 1.5 0 0 1 1.443 1.087l1.975 6.913h36.582a1.5 1.5 0 0 1 1.393 2.057l-8 20a1.5 1.5 0 0 1-1.393.943h-24a1.5 1.5 0 0 1-1.442-1.088l-5.714-20-1.975-6.912H8a1.5 1.5 0 0 1-1.5-1.5m11.108 9.5 4.857 17h21.853l6.8-17zm7.725 28a1.833 1.833 0 1 0 0 3.666 1.833 1.833 0 0 0 0-3.666M20.5 52.667a4.833 4.833 0 1 1 9.667 0 4.833 4.833 0 0 1-9.667 0m19.667 0a1.833 1.833 0 1 1 3.666 0 1.833 1.833 0 0 1-3.666 0M42 47.833a4.833 4.833 0 1 0 0 9.667 4.833 4.833 0 0 0 0-9.666"/></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="M25.333 45.167a4.834 4.834 0 1 1 0 9.668 4.834 4.834 0 0 1 0-9.668m16.667 0a4.834 4.834 0 1 1 0 9.668 4.834 4.834 0 0 1 0-9.668m-16.667 3a1.833 1.833 0 1 0 0 3.667 1.833 1.833 0 0 0 0-3.667m16.667 0a1.833 1.833 0 1 0 0 3.667 1.833 1.833 0 0 0 0-3.667m-28.667-39a1.5 1.5 0 0 1 1.442 1.088l1.976 6.912h36.582a1.5 1.5 0 0 1 1.393 2.057l-8 20a1.5 1.5 0 0 1-1.393.943h-24a1.5 1.5 0 0 1-1.442-1.088l-5.714-20-1.976-6.912H8a1.5 1.5 0 0 1 0-3zm9.132 28h21.852l6.801-17h-33.51z"/></svg></template>
 <script setup lang="ts">
 /**
  * Cart64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/CurrencyDollar20/CurrencyDollar20.vue ADDED Viewed

@@ -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="M10 1.75a.75.75 0 0 1 .75.75v.976c.31.044.66.115 1.019.223.69.209 1.477.57 2.095 1.188a.75.75 0 0 1-1.06 1.06c-.383-.382-.916-.646-1.469-.812A5 5 0 0 0 10 4.917c-1.313 0-2.052.372-2.461.774-.417.41-.577.934-.577 1.393 0 .346.175.77.695 1.183.526.417 1.385.797 2.638.992 1.373.213 2.511.548 3.318 1.119.86.61 1.303 1.464 1.303 2.539 0 1.085-.503 2.034-1.395 2.688-.718.527-1.663.846-2.772.945v.95a.75.75 0 0 1-1.5 0v-.98c-.818-.131-1.578-.458-2.206-.835-.808-.485-1.484-1.101-1.833-1.62a.75.75 0 0 1 1.247-.836c.192.286.68.764 1.358 1.17.668.401 1.437.681 2.175.684h.021c1.211-.002 2.079-.288 2.623-.688.529-.387.782-.897.782-1.478 0-.592-.21-.988-.67-1.315-.517-.367-1.374-.658-2.681-.86-1.426-.223-2.553-.676-3.34-1.3-.793-.628-1.262-1.454-1.263-2.358 0-.791.276-1.725 1.025-2.462C7.119 4 8.03 3.575 9.249 3.453V2.5a.75.75 0 0 1 .75-.75Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * CurrencyDollar20 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>