@mozaic-ds/icons-vue 2.3.0 → 2.5.0

package/src/components/Temperature48/Temperature48.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="M20 7.5a4.5 4.5 0 0 0-4.5 4.5v12c0 .506-.25.953-.633 1.224a8.5 8.5 0 1 0 10.267 0A1.5 1.5 0 0 1 24.5 24V12A4.5 4.5 0 0 0 20 7.5M31.5 32c0-3.487-1.553-6.61-4-8.718V12a7.5 7.5 0 0 0-15 0v11.282A11.48 11.48 0 0 0 8.5 32c0 6.351 5.149 11.5 11.5 11.5S31.5 38.351 31.5 32M33 8a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm-1 8a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1m1 6a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm-11.5 4.707V16h-3v10.707a5.5 5.5 0 1 0 3 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Temperature48 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/Temperature64/Temperature64.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="M26.667 9.5a6.5 6.5 0 0 0-6.5 6.5v16c0 .508-.253.957-.639 1.228a11.81 11.81 0 0 0-4.694 9.439c0 6.535 5.297 11.833 11.833 11.833 6.535 0 11.833-5.298 11.833-11.833 0-3.853-1.84-7.276-4.694-9.439a1.5 1.5 0 0 1-.64-1.228V16a6.5 6.5 0 0 0-6.5-6.5M41.5 42.667c0-4.58-2.076-8.674-5.333-11.393V16a9.5 9.5 0 0 0-19 0v15.274a14.8 14.8 0 0 0-5.333 11.393c0 8.192 6.64 14.833 14.833 14.833 8.192 0 14.833-6.641 14.833-14.833M44 11a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2zm-1 10.333a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1m1 8.334a1 1 0 1 0 0 2h8a1 1 0 0 0 0-2zm-15.833 6.331V21.334h-3V36a6.833 6.833 0 1 0 3 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Temperature64 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/Tenant20/Tenant20.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="M10.46 1.908a.75.75 0 0 0-.92 0l-7.5 5.833a.75.75 0 0 0 .92 1.184l.457-.354V17.5c0 .414.335.75.75.75h11.666a.75.75 0 0 0 .75-.75V8.57l.457.355a.75.75 0 1 0 .92-1.184zm4.623 5.496L10 3.45 4.917 7.404v9.346h10.166zM10 7.834a.917.917 0 1 0 0 1.833.917.917 0 0 0 0-1.834m-2.417.916a2.417 2.417 0 1 1 3.28 2.258A4.085 4.085 0 0 1 14.083 15h-1.5a2.583 2.583 0 0 0-5.166 0h-1.5c0-1.96 1.38-3.596 3.22-3.992A2.42 2.42 0 0 1 7.583 8.75"/></svg></template>
+<script setup lang="ts">
+/**
+ * Tenant20 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/Tenant24/Tenant24.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="M12.614 2.21a1 1 0 0 0-1.228 0l-9 7a1 1 0 1 0 1.228 1.58l.386-.3V21a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10.49l.386.3a1 1 0 0 0 1.228-1.58zM18 8.935l-6-4.667-6 4.667V20h12zM12 9.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-3 1a3 3 0 1 1 4.344 2.683A5 5 0 0 1 17 18h-2a3 3 0 1 0-6 0H7a5 5 0 0 1 3.656-4.817A3 3 0 0 1 9 10.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * Tenant24 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/Tenant32/Tenant32.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="M16.614 3.21a1 1 0 0 0-1.228 0l-12 9.334a1 1 0 1 0 1.228 1.579l1.053-.82V28a1 1 0 0 0 1 1h18.666a1 1 0 0 0 1-1V13.304l1.053.819a1 1 0 0 0 1.228-1.579zm7.72 8.538L16 5.267l-8.333 6.481V27h16.666zM16 12.333a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M12.333 14a3.667 3.667 0 1 1 7.334 0 3.667 3.667 0 0 1-7.334 0M16 17.667A6.333 6.333 0 0 1 22.333 24h-2a4.333 4.333 0 0 0-8.666 0h-2A6.333 6.333 0 0 1 16 17.667"/></svg></template>
+<script setup lang="ts">
+/**
+ * Tenant32 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/Tenant48/Tenant48.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="M24.921 4.816a1.5 1.5 0 0 0-1.842 0l-18 14a1.5 1.5 0 1 0 1.842 2.368l1.58-1.228V42a1.5 1.5 0 0 0 1.5 1.5h28a1.5 1.5 0 0 0 1.5-1.5V19.956l1.578 1.228a1.5 1.5 0 0 0 1.842-2.368zm11.58 12.807L24 7.9l-12.5 9.722V40.5h25zM24 18.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M18.5 21a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0m-1 15a6.5 6.5 0 1 1 13 0h3a9.5 9.5 0 0 0-19 0z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Tenant48 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/Tenant64/Tenant64.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="M32.921 6.816a1.5 1.5 0 0 0-1.842 0l-24 18.667a1.5 1.5 0 0 0 1.842 2.368l2.912-2.265V56a1.5 1.5 0 0 0 1.5 1.5h37.334a1.5 1.5 0 0 0 1.5-1.5V25.586l2.912 2.265a1.5 1.5 0 1 0 1.842-2.368zm16.246 16.436L32 9.9 14.833 23.252V54.5h34.334zM32 24.167a3.833 3.833 0 1 0 0 7.666 3.833 3.833 0 0 0 0-7.666M25.167 28a6.833 6.833 0 1 1 13.666 0 6.833 6.833 0 0 1-13.666 0m-2.334 20a9.167 9.167 0 1 1 18.334 0h3c0-6.72-5.448-12.167-12.167-12.167-6.72 0-12.167 5.448-12.167 12.167z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Tenant64 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/Terrace20/Terrace20.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="M10.351 1.837a.75.75 0 0 0-.686-.008l-7.5 3.75A.75.75 0 0 0 2.5 7h7v2.917H4.964C4.304 9.51 3.488 9.25 2.5 9.25a.75.75 0 0 0-.75.75v4.167c0 .414.336.75.75.75h.155l-.643 2.891a.5.5 0 1 0 .976.217l.691-3.108h.976l.69 3.108a.5.5 0 1 0 .977-.217l-.643-2.891h.988a.75.75 0 0 0 .746-.825 6.2 6.2 0 0 0-.362-1.509h1.2v1.167a.5.5 0 0 0 .5.5h.747c-.007.863-.048 1.613-.275 2.179-.126.317-.303.55-.55.71-.25.162-.617.278-1.173.278a.5.5 0 1 0 0 1h5a.5.5 0 0 0 0-1c-.625 0-1.032-.055-1.34-.41-.312-.361-.604-1.123-.653-2.757h.743a.5.5 0 0 0 .5-.5v-1.167h1.2a6.2 6.2 0 0 0-.363 1.509.75.75 0 0 0 .746.825h.988l-.642 2.891a.5.5 0 1 0 .976.217l.69-3.108h.976l.691 3.108a.5.5 0 1 0 .976-.217l-.642-2.891h.154a.75.75 0 0 0 .75-.75V10a.75.75 0 0 0-.75-.75c-.988 0-1.803.26-2.464.668L15 9.917h-4.5V7h6.583a.75.75 0 0 0 .351-1.413zm-.35 11.413h.75v-.667h-1.5v.667zm-1.25-1.667H6.57a5.5 5.5 0 0 0-.469-.666h7.796a5 5 0 0 0-.47.666zM14.063 5.5H5.677L9.99 3.343zM3.25 10.826v2.59h2.5a4.6 4.6 0 0 0-.694-1.404c-.414-.553-.99-1.011-1.806-1.186m13.5 2.59v-2.59c-.816.175-1.392.633-1.806 1.186a4.6 4.6 0 0 0-.694 1.405zm-6.937 4q.12-.162.213-.341.09.185.193.342z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Terrace20 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/Terrace24/Terrace24.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="M12.468 2.116a1 1 0 0 0-.915-.01l-9 4.5A1 1 0 0 0 3 8.5h8.5V12H6.288c-.854-.603-1.94-1-3.288-1a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h.266l-.754 3.392a.5.5 0 0 0 .976.216L4.29 18h1.42l.802 3.609a.5.5 0 0 0 .976-.218L6.735 18H8a1 1 0 0 0 .995-1.1A7.5 7.5 0 0 0 8.53 15H10v1.5a.5.5 0 0 0 .5.5h.999c-.007 1.078-.05 2.032-.338 2.752-.158.395-.381.693-.699.899-.32.207-.78.349-1.462.349a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1c-.75 0-1.282-.063-1.684-.527-.404-.467-.76-1.435-.81-3.473h.994a.5.5 0 0 0 .5-.5V15h1.47a7.5 7.5 0 0 0-.465 1.9A1 1 0 0 0 16 18h1.266l-.754 3.392a.5.5 0 0 0 .976.216L18.29 18h1.42l.802 3.609a.5.5 0 0 0 .976-.218L20.735 18H21a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1c-1.348 0-2.434.397-3.287 1H12.5V8.5h8a1 1 0 0 0 .468-1.884zM12 16h1v-1h-2v1zm-1.5-2H8.06a7 7 0 0 0-.69-1h9.26q-.113.136-.218.276a7 7 0 0 0-.472.724zm5.974-7.5H7.236l4.751-2.375zM4 13.117V16h2.764a5.4 5.4 0 0 0-.777-1.526C5.524 13.855 4.89 13.339 4 13.117M20 16v-2.883c-.89.222-1.524.738-1.987 1.357A5.4 5.4 0 0 0 17.236 16zm-8.432 5c.194-.225.347-.478.467-.747q.18.434.421.747z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Terrace24 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/Terrace32/Terrace32.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="M16.468 3.116a1 1 0 0 0-.915-.01l-12 6A1 1 0 0 0 4 11h11.5v5.167H8.037C6.974 15.459 5.641 15 4 15a1 1 0 0 0-1 1v6.667a1 1 0 0 0 1 1H4.6l-1.087 4.891a.5.5 0 1 0 .976.217l1.135-5.108H7.71l1.135 5.108a.5.5 0 1 0 .977-.217l-1.087-4.891h1.932a1 1 0 0 0 .995-1.1 9.8 9.8 0 0 0-.715-2.734H13.5V22a.5.5 0 0 0 .5.5h1.5c-.006 1.503-.053 2.87-.464 3.898-.22.55-.538.98-.995 1.276-.461.299-1.11.493-2.04.493a.5.5 0 1 0 0 1h8a.5.5 0 0 0 0-1c-1.001 0-1.783-.08-2.373-.76-.59-.682-1.073-2.064-1.124-4.907H18a.5.5 0 0 0 .5-.5v-2.167h2.553a9.8 9.8 0 0 0-.715 2.734 1 1 0 0 0 .995 1.1h1.933l-1.087 4.891a.5.5 0 1 0 .976.217l1.135-5.108h2.087l1.135 5.108a.5.5 0 1 0 .976-.217l-1.087-4.891h.6a1 1 0 0 0 1-1V16a1 1 0 0 0-1-1c-1.642 0-2.975.459-4.038 1.167H16.5V11h10.833a1 1 0 0 0 .468-1.884zM16 21.5h1.5v-1.667h-3V21.5zm-2-2.667h-3.542q-.269-.477-.607-.932-.285-.382-.622-.734h13.543q-.338.352-.623.734a9 9 0 0 0-.606.932zM23.307 9H8.237l7.75-3.875zM5 17.08v4.587h4.465c-.219-.82-.607-1.755-1.216-2.568-.727-.972-1.762-1.77-3.249-2.019m22 4.587V17.08c-1.487.248-2.522 1.047-3.25 2.019-.607.813-.996 1.748-1.215 2.568zm-11.036 5.102a5 5 0 0 0 .086-.23c.216.643.492 1.14.822 1.521q.048.056.096.107h-1.937c.423-.39.722-.87.933-1.398"/></svg></template>
+<script setup lang="ts">
+/**
+ * Terrace32 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/Terrace48/Terrace48.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="M24.702 4.674a1.5 1.5 0 0 0-1.373-.016l-18 9A1.5 1.5 0 0 0 6 16.5h17V24H12a1 1 0 0 0-.275.038C10.187 23.098 8.294 22.5 6 22.5A1.5 1.5 0 0 0 4.5 24v10A1.5 1.5 0 0 0 6 35.5h.642l-1.618 7.283a1 1 0 1 0 1.952.434L8.691 35.5h2.618l1.715 7.717a1 1 0 1 0 1.952-.434L13.358 35.5H16a1.5 1.5 0 0 0 1.493-1.65c-.107-1.072-.406-2.438-.97-3.85H20v3a1 1 0 0 0 1 1h1.998c-.013 2.156-.1 4.065-.676 5.504-.316.79-.763 1.386-1.397 1.798-.64.415-1.562.698-2.925.698a1 1 0 0 0 0 2h12a1 1 0 1 0 0-2c-1.5 0-2.565-.125-3.369-1.054-.808-.934-1.52-2.87-1.619-6.946H27a1 1 0 0 0 1-1v-3h3.477c-.563 1.412-.862 2.778-.97 3.85A1.5 1.5 0 0 0 32 35.5h2.643l-1.619 7.283a1 1 0 1 0 1.952.434l1.715-7.717h2.618l1.715 7.717a1 1 0 1 0 1.952-.434L41.358 35.5H42a1.5 1.5 0 0 0 1.5-1.5V24a1.5 1.5 0 0 0-1.5-1.5c-2.293 0-4.187.598-5.724 1.538A1 1 0 0 0 36 24H25v-7.5h16a1.5 1.5 0 0 0 .702-2.826zM24 32h2v-2h-4v2zm-3-4h-5.458q-.346-.587-.766-1.148a12 12 0 0 0-.7-.852h19.848q-.373.413-.7.852-.42.561-.765 1.148zm13.96-14.5H12.355l11.627-5.813zM7.5 25.62v6.88h6.698c-.329-1.23-.911-2.631-1.824-3.851-1.09-1.459-2.643-2.657-4.874-3.029m33 6.88v-6.88c-2.23.372-3.783 1.57-4.874 3.028-.912 1.22-1.495 2.622-1.823 3.852zM23.136 42c.388-.45.693-.955.933-1.495.242.581.524 1.076.843 1.495z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Terrace48 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/Terrace64/Terrace64.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="M32.702 6.674a1.5 1.5 0 0 0-1.373-.016l-24 12A1.5 1.5 0 0 0 8 21.5h23v10.833H16a1 1 0 0 0-.571.18C13.44 31.283 10.986 30.5 8 30.5A1.5 1.5 0 0 0 6.5 32v13.333a1.5 1.5 0 0 0 1.5 1.5h1.31L7.023 57.116a1 1 0 0 0 1.952.434l2.382-10.717h3.951l2.382 10.717a1 1 0 0 0 1.952-.434l-2.285-10.283h3.976a1.5 1.5 0 0 0 1.492-1.649c-.152-1.521-.603-3.503-1.475-5.517H27V44a1 1 0 0 0 1 1h2.998c-.01 3.007-.105 5.738-.927 7.795-.441 1.103-1.075 1.96-1.99 2.553-.922.598-2.219.985-4.082.985a1 1 0 0 0 0 2h16a1 1 0 1 0 0-2c-2 0-3.565-.158-4.744-1.52-1.179-1.364-2.146-4.128-2.247-9.813H36a1 1 0 0 0 1-1v-4.333h5.65c-.873 2.014-1.323 3.995-1.476 5.517a1.5 1.5 0 0 0 1.493 1.65h3.976l-2.286 10.282a1 1 0 0 0 1.953.434l2.381-10.717h3.952l2.381 10.717a1 1 0 0 0 1.952-.434l-2.285-10.283h1.31a1.5 1.5 0 0 0 1.5-1.5V32a1.5 1.5 0 0 0-1.5-1.5c-2.986 0-5.44.782-7.43 2.013a1 1 0 0 0-.57-.18H33V21.5h21.666a1.5 1.5 0 0 0 .702-2.826zM32 43h3v-3.333h-6V43zm-4-5.333H20.34A17 17 0 0 0 19.3 36.1a15 15 0 0 0-1.548-1.768h28.494a15 15 0 0 0-1.548 1.769c-.38.508-.725 1.033-1.037 1.565zM48.628 18.5H14.354l17.627-8.813zM9.5 33.585v10.248h10.068c-.412-1.832-1.25-4.038-2.669-5.935-1.614-2.158-3.97-3.915-7.399-4.313m45 10.248V33.585c-3.429.398-5.784 2.155-7.399 4.313-1.419 1.897-2.256 4.103-2.669 5.935zM31.93 53.538q.09-.227.171-.461c.432 1.287.984 2.281 1.644 3.044q.094.11.192.212h-3.873c.844-.778 1.443-1.738 1.866-2.795"/></svg></template>
+<script setup lang="ts">
+/**
+ * Terrace64 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/Thermostat20/Thermostat20.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.25 2.5a.75.75 0 0 1 .75-.75 8.25 8.25 0 0 1 5.75 14.167h1.75a.75.75 0 0 1 0 1.5h-3.333a.75.75 0 0 1-.75-.75v-3.334a.75.75 0 0 1 1.5 0v1.292A6.75 6.75 0 0 0 10 3.25a.75.75 0 0 1-.75-.75M2.5 4.083h1.75A8.25 8.25 0 0 0 10 18.25a.75.75 0 0 0 0-1.5A6.75 6.75 0 0 1 5.083 5.375v1.292a.75.75 0 0 0 1.5 0V3.333a.75.75 0 0 0-.75-.75H2.5a.75.75 0 0 0 0 1.5m5.75 2.584a1.75 1.75 0 0 1 3.5 0v3.1a2.583 2.583 0 1 1-3.5 0zm1.75-.75a.75.75 0 0 0-.75.75v3.583l-.2.15a1.583 1.583 0 1 0 1.9 0l-.2-.15V6.667a.75.75 0 0 0-.75-.75m-.5 4.513a1.334 1.334 0 1 0 1 0V8.333h-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Thermostat20 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/Thermostat24/Thermostat24.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 3a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a9.97 9.97 0 0 1-2.859 7H21a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1v-4a1 1 0 1 1 2 0v1.292A8 8 0 0 0 12 4a1 1 0 0 1-1-1M3 5h1.859A9.97 9.97 0 0 0 2 12c0 5.523 4.477 10 10 10a1 1 0 1 0 0-2A8 8 0 0 1 6 6.708V8a1 1 0 0 0 2 0V4a1 1 0 0 0-1-1H3a1 1 0 0 0 0 2m7 3a2 2 0 0 1 4 0v3.764a3 3 0 1 1-4 0zm2-1a1 1 0 0 0-1 1v4.25l-.2.15a2 2 0 1 0 2.4 0l-.2-.15V8a1 1 0 0 0-1-1m-.5 5.585a1.5 1.5 0 1 0 1 0V10h-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Thermostat24 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/Thermostat32/Thermostat32.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 0 1 1-1c7.18 0 13 5.82 13 13 0 3.839-1.664 7.288-4.308 9.667H28a1 1 0 1 1 0 2h-5.333a1 1 0 0 1-1-1v-5.334a1 1 0 1 1 2 0v2.555C25.724 21.888 27 19.093 27 16c0-6.075-4.925-11-11-11a1 1 0 0 1-1-1M4 6.333h3.308A12.97 12.97 0 0 0 3 16c0 7.18 5.82 13 13 13a1 1 0 1 0 0-2C9.925 27 5 22.075 5 16c0-3.093 1.276-5.889 3.333-7.888v2.555a1 1 0 1 0 2 0V5.333a1 1 0 0 0-1-1H4a1 1 0 0 0 0 2m9.5 4.334a2.5 2.5 0 0 1 5 0v5.094a3.833 3.833 0 1 1-5 0zm2.5-1.5a1.5 1.5 0 0 0-1.5 1.5v5.583l-.2.15a2.833 2.833 0 1 0 3.4 0l-.2-.15v-5.583a1.5 1.5 0 0 0-1.5-1.5m-.5 7.735a1.834 1.834 0 1 0 1 0v-3.569h-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Thermostat32 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/Thermostat48/Thermostat48.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 1 24 4.5c10.77 0 19.5 8.73 19.5 19.5a19.45 19.45 0 0 1-6.461 14.5H42a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 0 1-1.5-1.5v-8a1.5 1.5 0 0 1 3 0v3.832c3.086-2.999 5-7.192 5-11.832 0-9.113-7.387-16.5-16.5-16.5A1.5 1.5 0 0 1 22.5 6M6 9.5h4.962A19.45 19.45 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5a1.5 1.5 0 0 0 0-3c-9.113 0-16.5-7.387-16.5-16.5 0-4.64 1.914-8.833 5-11.832V16a1.5 1.5 0 0 0 3 0V8A1.5 1.5 0 0 0 14 6.5H6a1.5 1.5 0 1 0 0 3M20 16a4 4 0 0 1 8 0v7.528a6 6 0 1 1-8 0zm4-2a2 2 0 0 0-2 2v8.5l-.4.3a4 4 0 1 0 4.8 0l-.4-.3V16a2 2 0 0 0-2-2m-1 11.17a3.001 3.001 0 1 0 2 0V20h-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Thermostat48 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/Thermostat64/Thermostat64.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="M30.5 8A1.5 1.5 0 0 1 32 6.5c14.083 0 25.5 11.417 25.5 25.5 0 8.012-3.696 15.16-9.471 19.833H56a1.5 1.5 0 0 1 0 3H45.333a1.5 1.5 0 0 1-1.5-1.5V42.667a1.5 1.5 0 1 1 3 0v6.252C51.535 44.793 54.5 38.743 54.5 32 54.5 19.574 44.426 9.5 32 9.5A1.5 1.5 0 0 1 30.5 8M8 12.167h7.971C10.196 16.84 6.5 23.988 6.5 32c0 14.083 11.417 25.5 25.5 25.5a1.5 1.5 0 0 0 0-3C19.574 54.5 9.5 44.426 9.5 32c0-6.743 2.965-12.793 7.667-16.919v6.252a1.5 1.5 0 1 0 3 0V10.667a1.5 1.5 0 0 0-1.5-1.5H8a1.5 1.5 0 0 0 0 3m19 9.166a5 5 0 0 1 10 0v10.188a7.667 7.667 0 1 1-10 0zm5-3a3 3 0 0 0-3 3V32.5l-.4.3a5.667 5.667 0 1 0 6.8 0l-.4-.3V21.332a3 3 0 0 0-3-3m-1 15.472A3.668 3.668 0 0 0 32 41a3.667 3.667 0 0 0 1-7.195v-7.138h-2z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Thermostat64 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

@@ -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="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.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/ThumbDown24/ThumbDown24.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="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.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/ThumbDown32/ThumbDown32.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="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.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/ThumbDown48/ThumbDown48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M21.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.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

package/src/components/ThumbDown64/ThumbDown64.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="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.
+ */
+withDefaults(
+  defineProps<{
+    /**
+     * Define the color of the icon.
+     */
+    color?: string;
+  }>(),
+  {
+    color: 'currentColor',
+  },
+);
+</script>

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>

package/src/components/ThumbDownFilled48/ThumbDownFilled48.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="M20.775 40.867a3.868 3.868 0 0 1-6.304-4.412l3.583-6.448h-8.052a4 4 0 0 1-3.91-4.838l1.962-9.162c1-3.975 1-7 5-8h12l4.576 1.526a1.5 1.5 0 0 1 1.424-1.028h7a1.5 1.5 0 0 1 1.484 1.277l3 20a1.5 1.5 0 0 1-1.484 1.723h-10a1.5 1.5 0 0 1-1.379-.91zm15.987-29.362h-4.208v17h6.758z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbDownFilled48 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/ThumbDownFilled64/ThumbDownFilled64.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="M27.7 54.489a5.157 5.157 0 0 1-8.406-5.882l4.779-8.598H13.336c-3.395 0-5.926-3.132-5.214-6.452l2.617-12.215c1.333-5.3 1.333-9.334 6.667-10.666h16l6.577 2.192a1.5 1.5 0 0 1 1.424-1.03h9.333a1.5 1.5 0 0 1 1.483 1.278l4 26.667a1.5 1.5 0 0 1-1.483 1.723H41.407a1.5 1.5 0 0 1-1.458-1.152L27.699 54.49Zm21.748-39.65h-6.541v23.667h10.09z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbDownFilled64 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/ThumbUp20/ThumbUp20.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.384 2.483a2.362 2.362 0 0 1 3.848 2.693l-.874 1.573h2.08a2.417 2.417 0 0 1 2.364 2.923l-.819 3.818q-.002.013-.006.026c-.098.392-.184.762-.276 1.065-.094.31-.214.622-.413.902-.427.599-1.08.862-1.94 1.077a.8.8 0 0 1-.181.023h-5a.8.8 0 0 1-.237-.039l-1.543-.514a.75.75 0 0 1-.72.552H3.75a.75.75 0 0 1-.742-.638L1.758 7.61a.75.75 0 0 1 .742-.862h4.184zm-5.988 12.6h1.52V8.248H3.372l1.025 6.833ZM12.777 3.42a.86.86 0 0 0-1.26.045l-4.1 4.73v6.264l1.87.623h4.782c.734-.19.906-.342.997-.47.061-.085.124-.217.2-.466.076-.252.145-.549.25-.97l.819-3.818a.917.917 0 0 0-.897-1.109h-3.354a.75.75 0 0 1-.654-1.112h-.002l1.493-2.69a.86.86 0 0 0-.144-1.027"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUp20 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/ThumbUp24/ThumbUp24.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="M12.384 2.914a2.935 2.935 0 0 1 4.782 3.346L16.2 8h2.327a3 3 0 0 1 2.932 3.628l-.981 4.581-.008.035c-.118.467-.222.916-.333 1.282-.114.376-.261.762-.51 1.111-.534.75-1.348 1.073-2.385 1.332a1 1 0 0 1-.242.03h-6a1 1 0 0 1-.316-.051l-1.753-.585A1 1 0 0 1 8 20H4.5a1 1 0 0 1-.99-.852l-1.5-10A1 1 0 0 1 3.001 8h4.976zM5.362 17.999H7v-8H4.161l1.2 8Zm9.9-13.824a.935.935 0 0 0-1.366.05L9 9.872v7.406l2.164.72h5.704c.868-.226 1.043-.4 1.13-.522.064-.09.136-.236.225-.53.092-.305.175-.666.308-1.192l.973-4.546a1 1 0 0 0-.977-1.21H14.5a1 1 0 0 1-.874-1.485l1.791-3.225a.934.934 0 0 0-.155-1.114Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUp24 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/ThumbUp32/ThumbUp32.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.765 4.104a3.579 3.579 0 0 1 5.832 4.082l-1.563 2.813h3.668a3.667 3.667 0 0 1 3.585 4.435l-1.308 6.109-.01.034c-.159.633-.294 1.217-.439 1.695-.147.487-.331.962-.632 1.384-.638.896-1.62 1.304-2.989 1.646a1 1 0 0 1-.242.03h-8a1 1 0 0 1-.316-.051l-2.687-.896a1 1 0 0 1-.997.947H6a1 1 0 0 1-.99-.851l-2-13.333A1 1 0 0 1 4 10.999h6.667q.058 0 .114.007zM6.86 24.333h2.806V13H5.16zM20.585 5.331a1.58 1.58 0 0 0-2.31.083l-6.608 7.625v10.239l3.161 1.053h7.71c1.203-.31 1.541-.57 1.73-.835.117-.164.225-.399.348-.805.126-.417.24-.912.414-1.604l1.301-6.073A1.667 1.667 0 0 0 24.702 13h-5.368a1 1 0 0 1-.871-1.492l2.386-4.293a1.58 1.58 0 0 0-.264-1.882Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUp32 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/ThumbUp48/ThumbUp48.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="M25.146 6.156a5.368 5.368 0 0 1 8.748 6.122L31.55 16.5h5.502c3.501 0 6.111 3.228 5.378 6.652l-1.963 9.162-.012.052c-.239.95-.443 1.826-.66 2.542-.222.731-.498 1.444-.948 2.077-.958 1.345-2.43 1.956-4.484 2.47q-.178.044-.363.044H22a1.5 1.5 0 0 1-.475-.077l-4.03-1.343A1.497 1.497 0 0 1 16 39.499H9a1.5 1.5 0 0 1-1.483-1.277l-3-20A1.5 1.5 0 0 1 6 16.5h10q.087.001.172.011l8.974-10.354ZM10.292 36.499H14.5v-17H7.742zM30.877 7.998a2.37 2.37 0 0 0-3.464.123L17.5 19.559v15.358l4.743 1.581h11.562c1.807-.466 2.314-.854 2.598-1.253.174-.245.336-.597.52-1.206.189-.622.359-1.36.617-2.387l1.956-9.13a2.5 2.5 0 0 0-2.444-3.022H29a1.5 1.5 0 0 1-1.31-2.231l3.582-6.447a2.37 2.37 0 0 0-.395-2.824"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUp48 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/ThumbUp64/ThumbUp64.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="M33.905 8.537a6.658 6.658 0 0 1 10.85 7.591l-3.54 6.372h8.187c4.35 0 7.593 4.01 6.682 8.264L53.467 42.98l-.013.052c-.322 1.28-.588 2.427-.873 3.367-.29.955-.638 1.844-1.192 2.624-1.166 1.638-2.972 2.418-5.693 3.098q-.178.044-.363.044h-16c-.161 0-.322-.026-.475-.077l-6.025-2.008v.587a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.483-1.278l-4-26.667A1.5 1.5 0 0 1 8 22.5h13.333q.218.002.418.06zm-20.613 40.63h6.541V25.498H9.743l3.549 23.668Zm28.23-38.857a3.657 3.657 0 0 0-5.35.191L22.834 25.893v21.024l6.743 2.248h15.566c2.477-.634 3.313-1.194 3.802-1.881.279-.391.514-.922.766-1.754.256-.845.488-1.853.83-3.212l2.61-12.182a3.833 3.833 0 0 0-3.748-4.636H38.666a1.5 1.5 0 0 1-1.31-2.231l4.777-8.597a3.66 3.66 0 0 0-.612-4.362Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUp64 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>