@mozaic-ds/icons-vue 2.4.0 → 2.6.0

package/src/components/Robot20/Robot20.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="M13.447 10.926c.112.017.22.06.313.124l2.5 1.725c.202.14.324.371.324.618v4.166a.75.75 0 0 1-.75.75H4.167a.75.75 0 0 1-.75-.75v-4.166a.75.75 0 0 1 .324-.618l2.5-1.725.098-.058a.75.75 0 0 1 .328-.075h6.667zm-8.53 2.86v3.023h10.167v-3.023L13.1 12.417H6.9zm9.25-12.036a2.42 2.42 0 0 1 2.417 2.417v.083h.082a.75.75 0 0 1 .75.75v1.667a.75.75 0 0 1-.75.75h-.082V7.5a2.42 2.42 0 0 1-2.417 2.417H5.834A2.417 2.417 0 0 1 3.417 7.5v-.083h-.084a.75.75 0 0 1-.75-.75V5a.75.75 0 0 1 .75-.75h.084v-.083A2.417 2.417 0 0 1 5.834 1.75zm-8.333 1.5a.917.917 0 0 0-.917.917V7.5c0 .506.41.917.917.917h8.333c.506 0 .917-.41.917-.917v-.814l-.001-.019.001-.02V5.02L15.083 5l.001-.02v-.813a.92.92 0 0 0-.917-.917zM7.5 5a.833.833 0 1 1 0 1.666A.833.833 0 0 1 7.5 5m5 0a.833.833 0 1 1 0 1.666.833.833 0 0 1 0-1.666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Robot20 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/Robot24/Robot24.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="M16 13a1 1 0 0 1 .568.177l3 2.07a1 1 0 0 1 .432.823v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-5a1 1 0 0 1 .432-.823l3-2.07.13-.076A1 1 0 0 1 8 13zM6 16.595v3.475h12v-3.475L15.687 15H8.314zM17 2a3 3 0 0 1 3 3 1 1 0 0 1 1 1v2a1 1 0 0 1-1 1 3 3 0 0 1-3 3H7a3 3 0 0 1-3-3 1 1 0 0 1-1-1V6a1 1 0 0 1 1-1 3 3 0 0 1 3-3zM7 4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm2 2a1 1 0 1 1 0 2 1 1 0 0 1 0-2m6 0a1 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">
+/**
+ * Robot24 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/Robot32/Robot32.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="M21.484 17.679c.15.023.292.079.417.165l4 2.76c.27.187.433.495.433.824v6.666a1 1 0 0 1-1 1H6.667a1 1 0 0 1-1-1v-6.666a1 1 0 0 1 .432-.823l4-2.761.13-.076a1 1 0 0 1 .438-.101h10.667zM7.667 21.952v5.142h16.667v-5.142l-3.313-2.285H10.98l-3.312 2.285ZM22.667 3a3.67 3.67 0 0 1 3.667 3.667V7h.332a1 1 0 0 1 1 1v2.667a1 1 0 0 1-1 1h-.332V12a3.67 3.67 0 0 1-3.667 3.667H9.334A3.667 3.667 0 0 1 5.667 12v-.333h-.334a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h.334v-.333A3.667 3.667 0 0 1 9.334 3zM9.334 5c-.92 0-1.667.747-1.667 1.667V12c0 .92.747 1.667 1.667 1.667h13.333c.92 0 1.667-.747 1.667-1.667v-1.316l-.001-.017.001-.018V8.017L24.333 8l.001-.018V6.667c0-.92-.747-1.667-1.667-1.667zM12 8a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 12 8m8 0a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 20 8"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Robot32 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/Robot48/Robot48.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="M32 26.5a1.5 1.5 0 0 1 .852.266l6 4.14a1.5 1.5 0 0 1 .648 1.235v10a1.5 1.5 0 0 1-1.5 1.5H10a1.5 1.5 0 0 1-1.5-1.5v-10a1.5 1.5 0 0 1 .648-1.235l6-4.14.096-.062A1.5 1.5 0 0 1 16 26.5zm-20.5 6.427v7.714h25v-7.714L31.533 29.5H16.467zM34 4.5a5.5 5.5 0 0 1 5.5 5.5v.5h.5a1.5 1.5 0 0 1 1.5 1.5v4a1.5 1.5 0 0 1-1.5 1.5h-.5v.5a5.5 5.5 0 0 1-5.5 5.5H14A5.5 5.5 0 0 1 8.5 18v-.5H8A1.5 1.5 0 0 1 6.5 16v-4A1.5 1.5 0 0 1 8 10.5h.5V10A5.5 5.5 0 0 1 14 4.5zm-20 3a2.5 2.5 0 0 0-2.5 2.5v8a2.5 2.5 0 0 0 2.5 2.5h20a2.5 2.5 0 0 0 2.5-2.5v-8A2.5 2.5 0 0 0 34 7.5zm4 4.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4m12 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/></svg></template>
+<script setup lang="ts">
+/**
+ * Robot48 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/Robot64/Robot64.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="M42.666 35.833c.304 0 .602.093.853.266l8 5.52a1.5 1.5 0 0 1 .647 1.234v13.334a1.5 1.5 0 0 1-1.5 1.5H13.333a1.5 1.5 0 0 1-1.5-1.5V42.853c0-.492.243-.954.648-1.234l8-5.52.096-.062c.229-.133.49-.204.756-.204zm-27.833 7.808v11.047h34.333V43.64l-6.967-4.808H21.8zM45.333 6.5a6.833 6.833 0 0 1 6.833 6.833V14.5h1.168a1.5 1.5 0 0 1 1.5 1.5v5.333a1.5 1.5 0 0 1-1.5 1.5h-1.168V24a6.833 6.833 0 0 1-6.833 6.833H18.666A6.833 6.833 0 0 1 11.833 24v-1.167h-1.166a1.5 1.5 0 0 1-1.5-1.5V16a1.5 1.5 0 0 1 1.5-1.5h1.166v-1.167A6.834 6.834 0 0 1 18.666 6.5zm-26.667 3a3.834 3.834 0 0 0-3.833 3.833v2.647l.001.02-.001.019v5.295l.001.019-.001.019V24a3.833 3.833 0 0 0 3.833 3.833h26.667A3.833 3.833 0 0 0 49.166 24V13.333A3.833 3.833 0 0 0 45.333 9.5zM24 16a2.667 2.667 0 1 1 0 5.334A2.667 2.667 0 0 1 24 16m16 0a2.667 2.667 0 1 1 0 5.334A2.667 2.667 0 0 1 40 16"/></svg></template>
+<script setup lang="ts">
+/**
+ * Robot64 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/Stop20/Stop20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M15.833 3.417a.75.75 0 0 1 .75.75v11.667a.75.75 0 0 1-.75.75H4.166a.75.75 0 0 1-.75-.75V4.167a.75.75 0 0 1 .75-.75zM4.916 15.084h10.167V4.917H4.916z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Stop20 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/Stop24/Stop24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><g clip-path="url(#a)"><path d="M19 4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM6 18h12V6H6z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Stop24 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/Stop32/Stop32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M25.333 5.667a1 1 0 0 1 1 1v18.667a1 1 0 0 1-1 1H6.666a1 1 0 0 1-1-1V6.667a1 1 0 0 1 1-1zM7.666 24.334h16.667V7.667H7.666z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Stop32 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/Stop48/Stop48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M38 8.5a1.5 1.5 0 0 1 1.5 1.5v28a1.5 1.5 0 0 1-1.5 1.5H10A1.5 1.5 0 0 1 8.5 38V10A1.5 1.5 0 0 1 10 8.5zm-26.5 28h25v-25h-25z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Stop48 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/Stop64/Stop64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M50.666 11.834a1.5 1.5 0 0 1 1.5 1.5v37.333a1.5 1.5 0 0 1-1.5 1.5H13.333a1.5 1.5 0 0 1-1.5-1.5V13.334a1.5 1.5 0 0 1 1.5-1.5zM14.833 49.167h34.333V14.834H14.833z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Stop64 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/StopCircle20/StopCircle20.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="M10 1.75a8.25 8.25 0 1 1 0 16.5 8.25 8.25 0 0 1 0-16.5m0 1.5a6.75 6.75 0 1 0 .001 13.5 6.75 6.75 0 0 0 0-13.5Zm2.5 3.5a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1-.75-.75v-5a.75.75 0 0 1 .75-.75zm-4.25 5h3.5v-3.5h-3.5z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * StopCircle20 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/StopCircle24/StopCircle24.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="M12 2c5.523 0 10 4.478 10 10s-4.477 10-10 10S2 17.523 2 12C2 6.479 6.478 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m3 4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1zm-5 6h4v-4h-4z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * StopCircle24 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/StopCircle32/StopCircle32.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="M16 3c7.18 0 13 5.821 13 13s-5.82 13-13 13S3 23.18 3 16C3 8.822 8.82 3 16 3m0 2C9.925 5 5 9.927 5 16c0 6.076 4.925 11 11 11s11-4.924 11-11c0-6.074-4.924-11-11-11m4 6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1zm-7 8h6v-6h-6z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * StopCircle32 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/StopCircle48/StopCircle48.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="M24 4.5c10.77 0 19.5 8.731 19.5 19.5S34.77 43.5 24 43.5 4.5 34.77 4.5 24C4.5 13.232 13.231 4.5 24 4.5m0 3C14.888 7.5 7.5 14.889 7.5 24c0 9.113 7.388 16.5 16.5 16.5S40.5 33.113 40.5 24 33.113 7.5 24 7.5m6 9a1.5 1.5 0 0 1 1.5 1.5v12a1.5 1.5 0 0 1-1.5 1.5H18a1.5 1.5 0 0 1-1.5-1.5V18a1.5 1.5 0 0 1 1.5-1.5zm-10.5 12h9v-9h-9z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StopCircle48 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/StopCircle64/StopCircle64.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="M32.001 6.5c14.083 0 25.5 11.418 25.5 25.5 0 14.084-11.417 25.5-25.5 25.5S6.501 46.085 6.501 32c0-14.083 11.417-25.5 25.5-25.5m0 3c-12.426 0-22.5 10.074-22.5 22.5s10.074 22.5 22.5 22.5 22.5-10.073 22.5-22.5-10.073-22.5-22.5-22.5m8 13a1.5 1.5 0 0 1 1.5 1.5v16a1.5 1.5 0 0 1-1.5 1.5h-16a1.5 1.5 0 0 1-1.5-1.5V24a1.5 1.5 0 0 1 1.5-1.5zm-14.5 16h13v-13h-13z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StopCircle64 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/StoreLmOff20/StoreLmOff20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M15 10.833a4.167 4.167 0 1 1 0 8.335 4.167 4.167 0 0 1 0-8.335M9.526 1.918a.75.75 0 0 1 1.004.052l4.78 4.78h2.19a.75.75 0 0 1 .75.75v3.166a5.4 5.4 0 0 0-1.5-.792V8.25H15a.75.75 0 0 1-.53-.22L10 3.56 5.53 8.03a.75.75 0 0 1-.53.22H3.25v8.5h3.333v-3.833a.5.5 0 0 1 .5-.5h3.155A5.4 5.4 0 0 0 9.583 15a5.4 5.4 0 0 0 1.083 3.25H2.5a.75.75 0 0 1-.75-.75v-10a.75.75 0 0 1 .75-.75h2.19l4.78-4.78zM7.583 16.75H9.5v-3.333H7.583zm9.02-3.353a.5.5 0 0 0-.707 0l-.896.896-.896-.896a.5.5 0 0 0-.707.707l.896.896-.896.897a.5.5 0 0 0 .707.707l.896-.897.896.897a.5.5 0 0 0 .707-.707L15.707 15l.896-.896a.5.5 0 0 0 0-.707M9.646 6.314a.5.5 0 0 1 .707 0l3.335 3.333a.5.5 0 0 1 .064.082 5.4 5.4 0 0 0-1.767.771H6.667a.5.5 0 0 1-.354-.853z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreLmOff20 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/StoreLmOff24/StoreLmOff24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10M11.37 2.225a1 1 0 0 1 1.337.068L18.414 8H21a1 1 0 0 1 1 1v3.878a6.5 6.5 0 0 0-2-1.063V10h-2a1 1 0 0 1-.707-.293L12 4.414 6.707 9.707A1 1 0 0 1 6 10H4v10h4v-4.5a.5.5 0 0 1 .5-.5h3.733a6.5 6.5 0 0 0-.733 3c0 1.509.516 2.897 1.379 4H3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2.586l5.707-5.707zM9 20h2.5v-4H9zm10.854-3.854a.5.5 0 0 0-.709 0L18 17.293l-1.146-1.146a.5.5 0 0 0-.707.707L17.293 18l-1.146 1.146a.5.5 0 0 0 .707.707L18 18.707l1.145 1.146a.501.501 0 0 0 .709-.707L18.707 18l1.146-1.146a.5.5 0 0 0 0-.707Zm-8.13-8.564a.5.5 0 0 1 .63.064l4 4a1 1 0 0 1 .044.053 6.5 6.5 0 0 0-1.86.801H8a.5.5 0 0 1-.354-.854l4-4 .079-.064Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreLmOff24 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/StoreLmOff32/StoreLmOff32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.335 6.667 6.667 0 0 1 0-13.335M15.37 3.225a1 1 0 0 1 1.337.068L24.414 11H28a1 1 0 0 1 1 1v4.923a8.6 8.6 0 0 0-2-1.056V13h-3a1 1 0 0 1-.707-.293L16 5.414l-7.293 7.293A1 1 0 0 1 8 13H5v14h5.833v-6.333a.5.5 0 0 1 .5-.5h4.894a8.6 8.6 0 0 0-.727 2.14v-1.14h-3.667V27H15.5v-1.308A8.6 8.6 0 0 0 16.923 29H4a1 1 0 0 1-1-1V12a1 1 0 0 1 1-1h3.586l7.707-7.707zm10.984 18.42a.5.5 0 0 0-.707 0L24 23.294l-1.646-1.646a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.647a.5.5 0 0 0 .707.707L24 24.707l1.646 1.648a.501.501 0 0 0 .707-.708L24.707 24l1.646-1.646a.5.5 0 0 0 0-.708Zm-10.708-11.33a.5.5 0 0 1 .707 0l5.334 5.333a8.6 8.6 0 0 0-2.03.853h-8.991a.5.5 0 0 1-.354-.853l5.333-5.333Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreLmOff32 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/StoreLmOff48/StoreLmOff48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10M23.054 4.836a1.5 1.5 0 0 1 2.007.104L36.62 16.5H42a1.5 1.5 0 0 1 1.5 1.5v7.38a13 13 0 0 0-3-1.58v-4.3H36a1.5 1.5 0 0 1-1.06-.44L24 8.122l-10.94 10.94a1.5 1.5 0 0 1-1.06.44H7.5v21H16V31a1 1 0 0 1 1-1h7.466A12.94 12.94 0 0 0 23 36c0 2.793.881 5.38 2.38 7.5H6A1.5 1.5 0 0 1 4.5 42V18A1.5 1.5 0 0 1 6 16.5h5.379l11.56-11.56zM18 40.5h5V32h-5zm21.707-8.207a1 1 0 0 0-1.414 0l-2.294 2.293-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.293a1 1 0 0 0 1.414 1.414l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293a1 1 0 0 0 0-1.414M23.369 15.225a1 1 0 0 1 1.338.068l8 8a1 1 0 0 1 .09.105A13 13 0 0 0 29.069 25H16a1 1 0 0 1-.707-1.707l8-8z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreLmOff48 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/StoreLmOff64/StoreLmOff64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M48 34.667c7.364 0 13.333 5.97 13.333 13.333S55.363 61.333 48 61.333 34.667 55.364 34.667 48 40.637 34.667 48 34.667M31.054 6.837a1.5 1.5 0 0 1 2.006.103L48.621 22.5H56a1.5 1.5 0 0 1 1.5 1.5v9.5a17.3 17.3 0 0 0-3-1.572V25.5H48a1.5 1.5 0 0 1-1.06-.44L32 10.122l-14.94 14.94a1.5 1.5 0 0 1-1.06.44H9.5v29h12.167v-13.17a1 1 0 0 1 1-1h9.784A17.2 17.2 0 0 0 31 44.603v-2.27h-7.333V54.5H31v-3.104a17.2 17.2 0 0 0 2.501 6.104H8A1.5 1.5 0 0 1 6.5 56V24A1.5 1.5 0 0 1 8 22.5h7.379l15.56-15.56.115-.104Zm21.653 36.456a1 1 0 0 0-1.414 0l-3.292 3.293-3.294-3.293a1 1 0 0 0-1.414 1.414L46.586 48l-3.293 3.293a1 1 0 0 0 1.414 1.414l3.294-3.293 3.292 3.293a1 1 0 0 0 1.414-1.415L49.415 48l3.292-3.292c.39-.39.39-1.024 0-1.415M31.368 20.558a1 1 0 0 1 1.339.068l10.665 10.666c-1.438.398-2.8.976-4.062 1.708H21.333a1.001 1.001 0 0 1-.707-1.707l10.667-10.667z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreLmOff64 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/StoreMOff20/StoreMOff20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M15 10.833a4.167 4.167 0 1 1 0 8.334 4.167 4.167 0 0 1 0-8.334m1.604 2.563a.5.5 0 0 0-.707 0l-.897.897-.896-.896a.5.5 0 0 0-.707.707l.896.896-.896.896a.5.5 0 0 0 .707.707l.896-.896.896.896a.5.5 0 0 0 .707-.707L15.707 15l.896-.896a.5.5 0 0 0 0-.707Zm-2.021-9.979a.75.75 0 0 1 .553 1.257l-.375.409H17.5a.75.75 0 0 1 .75.75v4.833a5.4 5.4 0 0 0-1.5-.792V6.583h-3.364l-2.833 3.09a.75.75 0 0 1-1.083.024L6.355 6.583H3.25v8.5h3.333V11.25a.5.5 0 0 1 .5-.5h4.56c-.366.29-.696.626-.977 1H10.5v.234a5.42 5.42 0 0 0-.68 4.599H2.5a.75.75 0 0 1-.75-.75v-10a.75.75 0 0 1 .75-.75h2.355l-.385-.386A.75.75 0 0 1 5 3.417zm-7 11.666H9.5V11.75H7.583zm2.393-7.001 2.902-3.165H6.81l3.165 3.165Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreMOff20 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/StoreMOff24/StoreMOff24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M18 13a5 5 0 1 1 0 10 5 5 0 0 1 0-10m-.5-9a1 1 0 0 1 .737 1.676L17.94 6H21a1 1 0 0 1 1 1v5.878a6.5 6.5 0 0 0-2-1.063V8h-3.894l-3.369 3.676a1 1 0 0 1-1.444.031L7.586 8H4v10h4v-4.5a.5.5 0 0 1 .5-.5h5.348a6.5 6.5 0 0 0-.97 1H12.5v.538A6.5 6.5 0 0 0 11.815 20H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h2.586l-.293-.293A1 1 0 0 1 6 4zm2.354 12.146a.5.5 0 0 0-.709 0L18 17.293l-1.146-1.146a.5.5 0 0 0-.707.707L17.293 18l-1.146 1.146a.5.5 0 0 0 .707.707L18 18.707l1.145 1.146a.501.501 0 0 0 .709-.707L18.707 18l1.146-1.146a.5.5 0 0 0 0-.707ZM9 18h2.5v-4H9zm2.968-8.446L15.227 6H8.414z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreMOff24 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/StoreMOff32/StoreMOff32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M24 17.333a6.667 6.667 0 1 1 0 13.334 6.667 6.667 0 0 1 0-13.334m2.354 4.313a.5.5 0 0 0-.707 0L24 23.292l-1.646-1.646a.5.5 0 0 0-.707.707L23.291 24l-1.646 1.646a.5.5 0 0 0 .707.707L24 24.707l1.646 1.648a.501.501 0 0 0 .707-.709L24.707 24l1.646-1.646a.5.5 0 0 0 0-.709Zm-3.022-15.98a1.001 1.001 0 0 1 .737 1.676l-.907.99H28a1 1 0 0 1 1 1v7.59a8.6 8.6 0 0 0-2-1.056v-5.534h-5.667l-.004-.001-4.592 5.01a1 1 0 0 1-1.444.032l-5.041-5.041H5v14h5.833V18a.5.5 0 0 1 .5-.5h6.937a9 9 0 0 0-.967 1H16.5v1.158a8.6 8.6 0 0 0-1 2.65V18.5h-3.667v5.833h3.509c.026.69.133 1.36.311 2H4a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1h4.252l-.959-.959A1 1 0 0 1 8 5.667zm-7.365 7.554 5.092-5.554H10.414z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreMOff32 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/StoreMOff48/StoreMOff48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M36 26c5.523 0 10 4.477 10 10s-4.477 10-10 10-10-4.477-10-10 4.477-10 10-10m3.707 6.293a1 1 0 0 0-1.414 0l-2.294 2.293-2.292-2.293a1 1 0 0 0-1.414 1.414L34.585 36l-2.292 2.293a1 1 0 0 0 1.414 1.414l2.292-2.293 2.294 2.293a1 1 0 0 0 1.414-1.414L37.413 36l2.294-2.293a1 1 0 0 0 0-1.414M35 8.5a1.5 1.5 0 0 1 1.105 2.514L34.743 12.5H42a1.5 1.5 0 0 1 1.5 1.5v11.38a13 13 0 0 0-3-1.58v-8.3H32l-.007-.001-6.887 7.515a1.5 1.5 0 0 1-2.167.047L15.38 15.5H7.5v21H16V27a1 1 0 0 1 1-1h10.694a13 13 0 0 0-1.937 2H25v1.07A12.94 12.94 0 0 0 23 36c0 1.213.167 2.386.477 3.5H6A1.5 1.5 0 0 1 4.5 38V14A1.5 1.5 0 0 1 6 12.5h6.379l-1.44-1.44A1.5 1.5 0 0 1 12 8.5zm-17 28h5V28h-5zm5.952-16.669L31.59 11.5H15.62l8.331 8.331Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreMOff48 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/StoreMOff64/StoreMOff64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M48 34.667c7.364 0 13.333 5.97 13.333 13.333S55.363 61.333 48 61.333 34.667 55.363 34.667 48 40.637 34.667 48 34.667m4.707 8.626a1 1 0 0 0-1.414 0l-3.292 3.293-3.294-3.293a1 1 0 0 0-1.414 1.414L46.586 48l-3.293 3.293a1 1 0 0 0 1.414 1.414l3.294-3.293 3.292 3.293a1 1 0 0 0 1.414-1.415L49.415 48l3.292-3.292c.39-.39.39-1.024 0-1.415m-6.04-31.46a1.501 1.501 0 0 1 1.105 2.514l-2.584 2.82H56a1.5 1.5 0 0 1 1.5 1.5V33.5a17.3 17.3 0 0 0-3-1.572V20.167H42.667a2 2 0 0 1-.215-.018l-9.346 10.198a1.5 1.5 0 0 1-2.167.047L20.713 20.167H9.5v29h12.167V36a1 1 0 0 1 1-1h13.87a17.4 17.4 0 0 0-1.932 2H33v2.309a17.2 17.2 0 0 0-2 5.294V37h-7.333v12.167h7.04a17 17 0 0 0 .465 3H8a1.5 1.5 0 0 1-1.5-1.5v-32a1.5 1.5 0 0 1 1.5-1.5h9.713l-2.774-2.773A1.5 1.5 0 0 1 16 11.833zM31.952 27.164l11.305-12.331H19.62l12.331 12.331Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * StoreMOff64 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/ThumbDown20/ThumbDown20.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M8.09 16.536a.862.862 0 0 1-1.404-.983L8.17 12.88a.75.75 0 0 0-.648-1.129H4.58a1.25 1.25 0 0 1-1.222-1.511l.729-3.402.076-.306V6.53c.068-.273.121-.488.178-.676.076-.25.138-.38.2-.467.09-.127.261-.279.993-.47h4.784l1.872.624v6.263zm4.831-3.285-3.698 4.267a2.361 2.361 0 0 1-3.849-2.693l.874-1.574H4.58a2.75 2.75 0 0 1-2.689-3.326l.732-3.414.006-.026.07-.28c.07-.288.137-.556.207-.785.093-.31.213-.621.412-.902.427-.599 1.08-.862 1.94-1.077a.8.8 0 0 1 .182-.023h5q.12 0 .237.039l1.54.513a.75.75 0 0 1 .723-.552h2.916a.75.75 0 0 1 .742.639l1.25 8.333a.75.75 0 0 1-.742.861h-4.185m.769-1.5V4.918h1.52l1.025 6.834z"/></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="M9.223 17.52a2.362 2.362 0 0 1-3.849-2.694l.874-1.574H4.167a2.417 2.417 0 0 1-2.362-2.923l.817-3.818.006-.026c.098-.392.186-.762.277-1.064.094-.31.213-.622.412-.902.427-.6 1.08-.863 1.94-1.078a.8.8 0 0 1 .182-.022h5l.12.01q.06.009.117.028l1.543.514a.75.75 0 0 1 .72-.552h2.917a.75.75 0 0 1 .743.638l1.25 8.333a.75.75 0 0 1-.743.862h-4.184zM15.21 4.918h-1.52v6.833h2.545zM6.829 16.582a.863.863 0 0 0 1.26-.045l4.1-4.73V5.543l-1.873-.625H5.537c-.734.19-.906.342-.997.47-.061.085-.124.217-.2.466-.077.257-.147.56-.257.996l-.813 3.792a.917.917 0 0 0 .897 1.109h3.355a.744.744 0 0 1 .653 1.113h.004l-1.494 2.69a.86.86 0 0 0 .144 1.027Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ThumbDown20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ThumbDown24/ThumbDown24.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M9.632 19.777a.934.934 0 0 1-1.522-1.065l1.78-3.206a1 1 0 0 0-.864-1.505H5.002a1 1 0 0 1-.977-1.209L5 8.228l.092-.37c.081-.326.144-.58.212-.803.089-.295.16-.441.225-.531.087-.123.26-.296 1.123-.522h5.712l2.162.72v7.407zm5.919-3.775-4.408 5.085a2.934 2.934 0 0 1-4.781-3.346l.966-1.74H5a3 3 0 0 1-2.933-3.628l.982-4.58.008-.035.082-.333v-.002c.086-.345.167-.67.25-.948.114-.376.262-.762.51-1.11.534-.751 1.348-1.074 2.385-1.333a1 1 0 0 1 .242-.03h6a1 1 0 0 1 .317.051l1.752.584a1 1 0 0 1 .931-.635h3.5a1 1 0 0 1 .99.851l1.5 10a1 1 0 0 1-.99 1.149zm.976-2v-8h1.64l1.2 8z"/></svg></template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M11.143 21.088a2.935 2.935 0 0 1-4.782-3.346l.966-1.74H5a3 3 0 0 1-2.934-3.628l.981-4.581.008-.035c.118-.467.223-.917.333-1.283.114-.376.262-.761.51-1.11.534-.75 1.349-1.073 2.385-1.332q.119-.03.242-.03h6c.107 0 .215.017.316.051l1.754.584a1 1 0 0 1 .931-.635h3.5a1 1 0 0 1 .99.851l1.5 10a1 1 0 0 1-.99 1.149H15.55zm7.023-15.085h-1.639v8h2.839zm-9.9 13.824a.935.935 0 0 0 1.365-.049l4.896-5.648V6.723l-2.161-.72h-5.71c-.864.226-1.04.398-1.127.521-.064.09-.136.237-.226.531-.09.298-.172.649-.3 1.156h.002l-.982 4.582a1 1 0 0 0 .978 1.21h4.025a1 1 0 0 1 .875 1.485L8.11 18.714a.934.934 0 0 0 .155 1.113Z"/></svg></template>
 <script setup lang="ts">
 /**
  * ThumbDown24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ThumbDown32/ThumbDown32.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M13.094 26.588a1.578 1.578 0 0 1-2.573-1.8l2.378-4.28a1 1 0 0 0-.863-1.506H5.843a1 1 0 0 1-.978-1.21l1.478-6.896.122-.489v-.001c.109-.44.195-.79.288-1.096.123-.407.231-.642.348-.805.189-.265.525-.525 1.727-.836h7.712l3.162 1.054v10.24zm7.493-5.592-5.982 6.902a3.578 3.578 0 0 1-5.832-4.081l1.563-2.815H5.843a3 3 0 0 1-2.933-3.628l1.481-6.915.008-.034q.059-.231.113-.453V9.97c.114-.458.218-.88.327-1.241.148-.488.332-.962.632-1.384.638-.897 1.62-1.305 2.989-1.647a1 1 0 0 1 .242-.03h8a1 1 0 0 1 .317.052l2.685.894a1 1 0 0 1 .998-.946h4.667a1 1 0 0 1 .99.852l2 13.333a1 1 0 0 1-.99 1.148h-6.667q-.058 0-.115-.006m1.116-1.994V7.67h2.805l1.7 11.333z"/></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="M14.605 27.899a3.579 3.579 0 0 1-5.832-4.082l1.563-2.814H6.668a3.668 3.668 0 0 1-3.586-4.434l1.31-6.108.007-.035c.16-.633.295-1.218.44-1.695.147-.487.332-.962.632-1.384.638-.896 1.62-1.304 2.989-1.646q.119-.03.242-.03h8q.163 0 .316.051l2.688.896a1 1 0 0 1 .997-.948h4.667a1 1 0 0 1 .99.851l2 13.333a1.002 1.002 0 0 1-.99 1.149h-6.667q-.058 0-.114-.006zm9.904-20.23h-2.806v11.334h4.506l-1.7-11.333ZM10.785 26.673a1.58 1.58 0 0 0 2.31-.084l6.608-7.625V8.726L16.541 7.67H8.83c-1.203.312-1.541.57-1.73.836-.117.164-.225.399-.348.805-.126.417-.24.912-.414 1.604l-1.301 6.073a1.667 1.667 0 0 0 1.63 2.015h5.368a1 1 0 0 1 .87 1.497l-2.385 4.289a1.58 1.58 0 0 0 .264 1.883Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
 <script setup lang="ts">
 /**
  * ThumbDown32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ThumbDown48/ThumbDown48.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M19.642 39.883a2.368 2.368 0 0 1-3.86-2.7l3.567-6.42a1.5 1.5 0 0 0-1.294-2.258H7.529a.5.5 0 0 1-.49-.605l2.477-11.555.183-.735c.163-.66.292-1.184.432-1.644.185-.61.347-.962.52-1.207.284-.399.79-.788 2.591-1.254h11.57l4.743 1.58v15.36zm11.24-8.388-8.973 10.353a5.368 5.368 0 0 1-8.749-6.122l2.345-4.222H7.53a3.5 3.5 0 0 1-3.423-4.233L6.588 15.69l.012-.052.17-.68v-.001c.17-.687.326-1.32.49-1.861.221-.732.497-1.443.948-2.077.957-1.345 2.428-1.956 4.483-2.47a1.5 1.5 0 0 1 .364-.044h12a1.5 1.5 0 0 1 .474.077l4.028 1.342a1.5 1.5 0 0 1 1.498-1.42h7a1.5 1.5 0 0 1 1.483 1.278l3 20a1.5 1.5 0 0 1-1.483 1.723h-10a2 2 0 0 1-.174-.01m1.673-2.99v-17h4.208l2.55 17z"/></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="M21.908 41.848a5.368 5.368 0 0 1-8.748-6.122l2.345-4.221h-5.502c-3.502 0-6.112-3.23-5.378-6.653l1.963-9.161.012-.052c.238-.95.443-1.826.66-2.543.221-.731.496-1.443.947-2.076.957-1.345 2.43-1.956 4.484-2.47l.18-.034q.09-.01.184-.01h12l.12.004q.181.015.353.073l4.03 1.343a1.5 1.5 0 0 1 1.497-1.421h7a1.5 1.5 0 0 1 1.483 1.277l3 20a1.5 1.5 0 0 1-1.483 1.723h-10q-.089-.001-.173-.011zm14.855-30.343h-4.208v17h6.757zM16.178 40.007a2.37 2.37 0 0 0 3.463-.124l9.914-11.439V13.087l-4.744-1.582h-11.56c-1.808.467-2.316.855-2.6 1.254-.174.245-.336.598-.52 1.207-.186.615-.356 1.343-.61 2.353l-1.963 9.162a2.5 2.5 0 0 0 2.445 3.023h8.052a1.5 1.5 0 0 1 1.311 2.227v.001l-3.584 6.45a2.37 2.37 0 0 0 .396 2.825"/></svg></template>
 <script setup lang="ts">
 /**
  * ThumbDown48 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ThumbDown64/ThumbDown64.vue

@@ -1,4 +1,4 @@
-<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M26.566 53.505a3.657 3.657 0 0 1-5.96-4.171l4.76-8.568a1.5 1.5 0 0 0-1.293-2.26H9.213a.5.5 0 0 1-.489-.605L12.2 21.679q.131-.52.243-.974c.219-.885.396-1.602.586-2.23.252-.833.487-1.362.766-1.754.49-.687 1.323-1.247 3.798-1.882h15.57l6.743 2.248v21.026zm14.42-12.059L28.834 55.47a6.657 6.657 0 0 1-10.85-7.592l3.54-6.372H9.213a3.5 3.5 0 0 1-3.422-4.233l3.482-16.248.012-.051.229-.92v-.001c.225-.913.43-1.738.644-2.446.29-.955.638-1.844 1.193-2.624 1.165-1.638 2.97-2.418 5.691-3.098a1.5 1.5 0 0 1 .364-.045h16a1.5 1.5 0 0 1 .474.077l6.026 2.008v-.585a1.5 1.5 0 0 1 1.5-1.5h9.333a1.5 1.5 0 0 1 1.484 1.277l4 26.667a1.5 1.5 0 0 1-1.484 1.723H41.406q-.219 0-.42-.06m1.92-2.94V14.839h6.542l3.55 23.667z"/></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="M28.834 55.47a6.658 6.658 0 0 1-10.85-7.592l3.54-6.371h-8.188c-4.35 0-7.593-4.012-6.682-8.265l2.618-12.217.012-.05c.322-1.282.589-2.428.873-3.368.29-.955.639-1.844 1.194-2.624 1.165-1.638 2.97-2.418 5.69-3.098q.18-.044.364-.045h16c.161 0 .322.027.475.078l6.026 2.008v-.588a1.5 1.5 0 0 1 1.5-1.5h9.333a1.5 1.5 0 0 1 1.484 1.278l4 26.667a1.5 1.5 0 0 1-1.484 1.722H41.406q-.219 0-.419-.06zm20.613-40.631h-6.54v23.666h10.09l-3.55-23.667Zm-28.23 38.857a3.657 3.657 0 0 0 5.35-.191l13.34-15.393V17.088l-6.744-2.248H17.597c-2.477.635-3.312 1.194-3.802 1.882-.278.391-.514.921-.766 1.754-.254.838-.486 1.835-.823 3.178L9.588 33.87a3.834 3.834 0 0 0 3.748 4.637h10.736a1.5 1.5 0 0 1 1.31 2.229l-4.776 8.598a3.66 3.66 0 0 0 .612 4.362Z"/></svg></template>
 <script setup lang="ts">
 /**
  * ThumbDown64 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/ThumbDownFilled20/ThumbDownFilled20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#a)"><path d="M8.656 17.028A1.611 1.611 0 0 1 6.03 15.19l1.493-2.686H4.167a1.667 1.667 0 0 1-1.63-2.016l.819-3.817c.417-1.656.417-2.917 2.083-3.333h5l1.792.597a.75.75 0 0 1 .708-.515h2.917a.75.75 0 0 1 .742.638l1.25 8.333a.75.75 0 0 1-.742.862h-4.167a.75.75 0 0 1-.661-.403l-3.622 4.18Zm6.553-12.11h-1.52v6.834h2.546z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbDownFilled20 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/ThumbDownFilled24/ThumbDownFilled24.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.387 20.433a1.933 1.933 0 0 1-3.151-2.206l1.79-3.223H5.002a2 2 0 0 1-1.956-2.42l.982-4.58c.5-1.987.5-3.5 2.5-4h6l2.052.684a1 1 0 0 1 .948-.686h3.5a1 1 0 0 1 .99.851l1.5 10a1 1 0 0 1-.99 1.149h-5a1 1 0 0 1-.865-.5zm7.779-14.431h-1.64v8h2.84z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbDownFilled24 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/ThumbDownFilled32/ThumbDownFilled32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#a)"><path d="M13.85 27.244a2.578 2.578 0 0 1-4.203-2.94l2.39-4.3H6.668a2.667 2.667 0 0 1-2.607-3.225l1.309-6.108c.666-2.65.666-4.667 3.333-5.333h8l3.051 1.017a1 1 0 0 1 .949-.685h4.667a1 1 0 0 1 .989.851l2 13.333a1 1 0 0 1-.99 1.149h-6.666a1 1 0 0 1-.918-.606zM24.508 7.67h-2.805v11.333h4.505z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbDownFilled32 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>