@mozaic-ds/icons-vue 2.4.0 → 2.5.0

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/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>

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

@@ -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="M11.517 3.465a.861.861 0 0 1 1.404.983L11.436 7.12a.75.75 0 0 0 .648 1.129h2.942a1.25 1.25 0 0 1 1.222 1.511l-.729 3.402-.076.307c-.068.273-.12.487-.178.676-.075.25-.138.38-.199.467-.09.127-.262.279-.993.47H9.288l-1.871-.624V8.196zM6.685 6.75l3.698-4.267a2.361 2.361 0 0 1 3.849 2.693l-.874 1.574h1.668a2.75 2.75 0 0 1 2.689 3.326l-.732 3.414-.006.026-.07.28c-.07.288-.137.556-.206.785-.094.31-.214.621-.413.902-.427.599-1.079.862-1.94 1.077a.8.8 0 0 1-.181.023h-5a.8.8 0 0 1-.237-.039l-1.54-.513a.75.75 0 0 1-.723.552H3.75a.75.75 0 0 1-.742-.639l-1.25-8.333A.75.75 0 0 1 2.5 6.75h4.185m-.768 1.5v6.833H4.396L3.37 8.249z"/></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="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.

package/src/components/ThumbUp24/ThumbUp24.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="M13.896 4.225a.934.934 0 0 1 1.521 1.065l-1.78 3.206A1 1 0 0 0 14.5 10h4.025a1 1 0 0 1 .978 1.209l-.978 4.564-.092.37c-.081.326-.144.58-.211.803-.09.295-.161.441-.225.531-.087.122-.262.296-1.124.522h-5.712L9 17.28V9.872zM7.976 8l4.408-5.085a2.934 2.934 0 0 1 4.782 3.346L16.2 8h2.326a3 3 0 0 1 2.933 3.628l-.981 4.58-.008.035-.083.333v.002c-.086.345-.166.67-.25.948-.114.376-.261.762-.51 1.11-.534.751-1.348 1.074-2.385 1.333A1 1 0 0 1 17 20h-6a1 1 0 0 1-.316-.051l-1.753-.584A1 1 0 0 1 8 20H4.5a1 1 0 0 1-.989-.852l-1.5-10A1 1 0 0 1 3 8zM7 10v8H5.36l-1.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="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.

package/src/components/ThumbUp32/ThumbUp32.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="M18.275 5.414a1.578 1.578 0 0 1 2.573 1.8l-2.378 4.28A1 1 0 0 0 19.333 13h6.193a1 1 0 0 1 .978 1.21l-1.478 6.897-.122.49c-.109.44-.195.789-.288 1.096-.123.407-.231.641-.347.805-.19.265-.526.525-1.727.836h-7.713l-3.162-1.054v-10.24zm-7.493 5.592 5.982-6.902a3.578 3.578 0 0 1 5.832 4.081L21.033 11h4.493a3 3 0 0 1 2.933 3.628l-1.481 6.915-.008.034q-.06.232-.113.454c-.113.458-.218.88-.327 1.24-.148.489-.331.963-.632 1.385-.638.897-1.62 1.305-2.989 1.647a1 1 0 0 1-.242.03h-8a1 1 0 0 1-.316-.052l-2.686-.894a1 1 0 0 1-.998.946H6a1 1 0 0 1-.989-.852l-2-13.333A1 1 0 0 1 4 11h6.667a1 1 0 0 1 .115.006M9.667 13v11.333H6.86L5.161 13z"/></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="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.

package/src/components/ThumbUp48/ThumbUp48.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="M27.413 8.12a2.368 2.368 0 0 1 3.859 2.701l-3.566 6.42A1.5 1.5 0 0 0 29 19.5h10.526a.5.5 0 0 1 .489.605L37.539 31.66l-.183.735c-.163.66-.293 1.184-.432 1.644-.185.61-.347.962-.521 1.207-.284.399-.789.788-2.59 1.254h-11.57L17.5 34.92v-15.36zm-11.24 8.39 8.973-10.354a5.368 5.368 0 0 1 8.749 6.122L31.549 16.5h7.977a3.5 3.5 0 0 1 3.422 4.233l-2.481 11.58-.004.018-.008.035q-.088.349-.17.681c-.17.687-.326 1.32-.49 1.86-.222.733-.497 1.444-.948 2.078-.957 1.345-2.429 1.956-4.483 2.47q-.18.044-.364.044H22q-.243 0-.474-.077l-4.028-1.342A1.5 1.5 0 0 1 16 39.5H9a1.5 1.5 0 0 1-1.483-1.278l-3-20A1.5 1.5 0 0 1 6 16.499h10q.088 0 .173.01M14.5 19.5v16.999h-4.208l-2.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="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.

package/src/components/ThumbUp64/ThumbUp64.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="M36.173 10.501a3.657 3.657 0 0 1 5.96 4.171l-4.76 8.568a1.5 1.5 0 0 0 1.293 2.26h14.86a.5.5 0 0 1 .489.605l-3.476 16.222-.243.975c-.218.884-.396 1.6-.586 2.228-.252.834-.487 1.363-.765 1.754-.49.688-1.324 1.248-3.798 1.882h-15.57l-6.744-2.247V25.893zM21.753 22.56 33.906 8.536a6.657 6.657 0 0 1 10.85 7.593l-3.54 6.371h12.31a3.5 3.5 0 0 1 3.422 4.234L53.467 42.98l-.006.028-.006.024q-.12.474-.23.921c-.225.913-.43 1.738-.644 2.446-.289.955-.637 1.844-1.192 2.624-1.166 1.638-2.97 2.418-5.692 3.098q-.179.044-.364.044h-16c-.16 0-.321-.026-.474-.076l-6.026-2.009v.586a1.5 1.5 0 0 1-1.5 1.5H12a1.5 1.5 0 0 1-1.483-1.278l-4-26.666A1.5 1.5 0 0 1 8 22.5h13.333q.22 0 .42.06m-1.92 2.94v23.666h-6.541L9.742 25.5z"/></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="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.

package/src/components/ThumbUpFilled20/ThumbUpFilled20.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.95 2.974a1.612 1.612 0 0 1 2.626 1.838l-1.493 2.687h3.355c1.061 0 1.852.978 1.63 2.016l-.818 3.817c-.417 1.656-.417 2.917-2.083 3.333h-5l-1.791-.597a.75.75 0 0 1-.71.515H3.75a.75.75 0 0 1-.742-.638l-1.25-8.333A.75.75 0 0 1 2.5 6.75h4.167c.288 0 .535.164.661.403zm-6.554 12.11h1.52V8.25H3.372l1.025 6.833Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUpFilled20 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/ThumbUpFilled24/ThumbUpFilled24.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="M13.14 3.569a1.934 1.934 0 0 1 3.152 2.206L14.5 8.999h4.026a2 2 0 0 1 1.955 2.42l-.981 4.58c-.5 1.987-.5 3.5-2.5 4h-6l-2.052-.684A1 1 0 0 1 8 20H4.5a1 1 0 0 1-.99-.851l-1.5-10A1 1 0 0 1 3 8h5c.37 0 .692.201.865.5l4.274-4.931ZM5.36 18H7v-8H4.16l1.201 8Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUpFilled24 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/ThumbUpFilled32/ThumbUpFilled32.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="M17.52 4.758a2.58 2.58 0 0 1 4.202 2.941l-2.39 4.3h5.369a2.667 2.667 0 0 1 2.607 3.225L26 21.332c-.667 2.65-.667 4.667-3.333 5.333h-8l-3.052-1.017a1 1 0 0 1-.948.685H6a1 1 0 0 1-.99-.851l-2-13.333A1 1 0 0 1 4 11h6.667a1 1 0 0 1 .919.605l5.933-6.847ZM6.86 24.333h2.806V13H5.16z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUpFilled32 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/ThumbUpFilled48/ThumbUpFilled48.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="M26.28 7.138a3.868 3.868 0 0 1 6.303 4.411L29 17.999h8.052a4 4 0 0 1 3.91 4.837L39 31.998c-1 3.974-1 7-5 8H22l-4.578-1.526A1.5 1.5 0 0 1 16 39.5H9a1.5 1.5 0 0 1-1.484-1.277l-3-20A1.5 1.5 0 0 1 6 16.5h10a1.5 1.5 0 0 1 1.378.908l8.901-10.27ZM10.291 36.5H14.5v-17H7.742z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUpFilled48 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/ThumbUpFilled64/ThumbUpFilled64.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="M35.039 9.517a5.157 5.157 0 0 1 8.405 5.882l-4.777 8.6 10.735-.002c3.396 0 5.926 3.131 5.215 6.451L52 42.664c-1.334 5.3-1.334 9.334-6.667 10.666h-16l-6.577-2.192a1.5 1.5 0 0 1-1.423 1.03H12a1.5 1.5 0 0 1-1.484-1.278l-4-26.667A1.5 1.5 0 0 1 8 22.5h13.333c.708 0 1.299.49 1.457 1.15zm-21.747 39.65h6.54V25.5H9.743z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ThumbUpFilled64 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/{View3D20/View3D20.vue → View3d20/View3d20.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M10.367 1.846a.75.75 0 0 0-.735 0l-6.667 3.75a.75.75 0 0 0-.382.654v7.5c0 .271.146.52.382.654l6.667 3.75a.75.75 0 0 0 .735 0l6.667-3.75a.75.75 0 0 0 .382-.654v-7.5a.75.75 0 0 0-.382-.654zm-6.284 5.4v6.065L9.5 16.358v-6.066zm6.417 9.112 5.416-3.047V7.246L10.5 10.292zm4.892-9.965L10 3.361 4.608 6.393 10 9.426z"/></svg></template>
 <script setup lang="ts">
 /**
- * View3D20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * View3d20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{View3D24/View3D24.vue → View3d24/View3d24.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M12.49 2.128a1 1 0 0 0-.98 0l-8 4.5A1 1 0 0 0 3 7.5v9a1 1 0 0 0 .51.872l8 4.5a1 1 0 0 0 .98 0l8-4.5A1 1 0 0 0 21 16.5v-9a1 1 0 0 0-.51-.872zM5 8.636v7.28l6.5 3.655v-7.279zm7.5 10.935 6.5-3.656V8.636l-6.5 3.656zm5.97-11.784L12 4.147l-6.47 3.64 6.47 3.64z"/></svg></template>
 <script setup lang="ts">
 /**
- * View3D24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * View3d24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{View3D32/View3D32.vue → View3d32/View3d32.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M16.49 3.128a1 1 0 0 0-.98 0l-10.667 6a1 1 0 0 0-.51.872v12a1 1 0 0 0 .51.872l10.666 6a1 1 0 0 0 .98 0l10.668-6a1 1 0 0 0 .51-.872V10a1 1 0 0 0-.51-.872zM6.333 11.136v10.28L15.5 26.57V16.292zM16.5 26.571l9.166-5.156V11.136L16.5 16.292zm8.637-16.284L16 5.147l-9.137 5.14L16 15.427z"/></svg></template>
 <script setup lang="ts">
 /**
- * View3D32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * View3d32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{View3D48/View3D48.vue → View3d48/View3d48.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M24.735 4.693a1.5 1.5 0 0 0-1.47 0l-16 9A1.5 1.5 0 0 0 6.5 15v18a1.5 1.5 0 0 0 .765 1.307l16 9a1.5 1.5 0 0 0 1.47 0l16-9A1.5 1.5 0 0 0 41.5 33V15a1.5 1.5 0 0 0-.765-1.307zM9.5 16.99v15.132L23 39.717V24.585zM25 39.717l13.5-7.594V16.99L25 24.585zm12.45-24.43L24 7.72l-13.45 7.566L24 22.853z"/></svg></template>
 <script setup lang="ts">
 /**
- * View3D48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * View3d48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{View3D64/View3D64.vue → View3d64/View3d64.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M32.736 6.693a1.5 1.5 0 0 0-1.471 0l-21.333 12A1.5 1.5 0 0 0 9.167 20v24a1.5 1.5 0 0 0 .765 1.307l21.333 12a1.5 1.5 0 0 0 1.47 0l21.334-12A1.5 1.5 0 0 0 54.834 44V20a1.5 1.5 0 0 0-.765-1.307zM12.167 21.99v21.132L31 53.716V32.585zM33 53.717l18.834-10.594V21.99L33 32.585zm17.784-33.43L32 9.72 13.217 20.287 32 30.853z"/></svg></template>
 <script setup lang="ts">
 /**
- * View3D64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * View3d64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{ViewAR20/ViewAR20.vue → ViewAr20/ViewAr20.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 1.75a.75.75 0 0 0-.75.75v3.333a.75.75 0 1 0 1.5 0V3.25h2.583a.75.75 0 1 0 0-1.5zm11.667 0a.75.75 0 0 0 0 1.5h2.583v2.583a.75.75 0 0 0 1.5 0V2.5a.75.75 0 0 0-.75-.75zM3.25 14.167a.75.75 0 0 0-1.5 0V17.5c0 .414.336.75.75.75h3.333a.75.75 0 0 0 0-1.5H3.25zm15 0a.75.75 0 0 0-1.5 0v2.583h-2.583a.75.75 0 0 0 0 1.5H17.5a.75.75 0 0 0 .75-.75zM9.622 3.519a.75.75 0 0 1 .756 0l5 2.916a.75.75 0 0 1 .372.648v5.834a.75.75 0 0 1-.372.647l-5 2.917a.75.75 0 0 1-.756 0l-5-2.917a.75.75 0 0 1-.372-.647V7.083a.75.75 0 0 1 .372-.648zM5.75 12.486V8.1l3.75 2.187v4.386zm8.5 0-3.75 2.187v-4.386L14.25 8.1zM10 5.035l3.76 2.193L10 9.421 6.24 7.228z"/></svg></template>
 <script setup lang="ts">
 /**
- * ViewAR20 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * ViewAr20 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{ViewAR24/ViewAR24.vue → ViewAr24/ViewAr24.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0V4h3a1 1 0 0 0 0-2zm14 0a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1zM4 17a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1h4a1 1 0 1 0 0-2H4zm18 0a1 1 0 1 0-2 0v3h-3a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1zM11.496 4.136a1 1 0 0 1 1.008 0l6 3.5A1 1 0 0 1 19 8.5v7a1 1 0 0 1-.496.864l-6 3.5a1 1 0 0 1-1.008 0l-6-3.5A1 1 0 0 1 5 15.5v-7a1 1 0 0 1 .496-.864zM7 14.926V9.662l4.5 2.625v5.264zm10 0-4.5 2.625v-5.264L17 9.662zm-5-8.768 4.512 2.631L12 11.421 7.488 8.79z"/></svg></template>
 <script setup lang="ts">
 /**
- * ViewAR24 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * ViewAr24 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{ViewAR32/ViewAR32.vue → ViewAr32/ViewAr32.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M4 3a1 1 0 0 0-1 1v5.333a1 1 0 0 0 2 0V5h4.333a1 1 0 0 0 0-2zm18.667 0a1 1 0 1 0 0 2H27v4.333a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1zM5 22.667a1 1 0 1 0-2 0V28a1 1 0 0 0 1 1h5.333a1 1 0 1 0 0-2H5zm24 0a1 1 0 1 0-2 0V27h-4.333a1 1 0 1 0 0 2H28a1 1 0 0 0 1-1zM15.496 5.803a1 1 0 0 1 1.008 0l8 4.667a1 1 0 0 1 .496.863v9.334a1 1 0 0 1-.496.863l-8 4.667a1 1 0 0 1-1.008 0l-8-4.667A1 1 0 0 1 7 20.667v-9.334a1 1 0 0 1 .496-.863zM9 20.093v-7.597l6.5 3.791v7.597zm14 0-6.5 3.791v-7.597l6.5-3.792zM16 7.823l6.512 3.799L16 15.42l-6.512-3.798z"/></svg></template>
 <script setup lang="ts">
 /**
- * ViewAR32 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * ViewAr32 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{ViewAR48/ViewAR48.vue → ViewAr48/ViewAr48.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M6 4.5A1.5 1.5 0 0 0 4.5 6v8a1.5 1.5 0 0 0 3 0V7.5H14a1.5 1.5 0 0 0 0-3zm28 0a1.5 1.5 0 0 0 0 3h6.5V14a1.5 1.5 0 0 0 3 0V6A1.5 1.5 0 0 0 42 4.5zM7.5 34a1.5 1.5 0 0 0-3 0v8A1.5 1.5 0 0 0 6 43.5h8a1.5 1.5 0 0 0 0-3H7.5zm36 0a1.5 1.5 0 0 0-3 0v6.5H34a1.5 1.5 0 0 0 0 3h8a1.5 1.5 0 0 0 1.5-1.5zM23.244 8.704a1.5 1.5 0 0 1 1.512 0l12 7A1.5 1.5 0 0 1 37.5 17v14a1.5 1.5 0 0 1-.744 1.296l-12 7a1.5 1.5 0 0 1-1.512 0l-12-7A1.5 1.5 0 0 1 10.5 31V17a1.5 1.5 0 0 1 .744-1.296zM13.5 30.138V19.033l9.5 5.541V35.68zm21 0L25 35.68V24.574l9.5-5.541zM24 11.737l9.52 5.552L24 22.842l-9.52-5.553z"/></svg></template>
 <script setup lang="ts">
 /**
- * ViewAR48 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * ViewAr48 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/{ViewAR64/ViewAR64.vue → ViewAr64/ViewAr64.vue}

@@ -1,7 +1,7 @@
 <template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M8 6.5A1.5 1.5 0 0 0 6.5 8v10.667a1.5 1.5 0 0 0 3 0V9.5h9.167a1.5 1.5 0 0 0 0-3zm37.333 0a1.5 1.5 0 0 0 0 3H54.5v9.167a1.5 1.5 0 0 0 3 0V8A1.5 1.5 0 0 0 56 6.5zM9.5 45.333a1.5 1.5 0 0 0-3 0V56A1.5 1.5 0 0 0 8 57.5h10.667a1.5 1.5 0 0 0 0-3H9.5zm48 0a1.5 1.5 0 0 0-3 0V54.5h-9.167a1.5 1.5 0 0 0 0 3H56a1.5 1.5 0 0 0 1.5-1.5zM31.244 12.038a1.5 1.5 0 0 1 1.512 0l16 9.333a1.5 1.5 0 0 1 .744 1.296v18.666a1.5 1.5 0 0 1-.744 1.296l-16 9.333a1.5 1.5 0 0 1-1.512 0l-16-9.333a1.5 1.5 0 0 1-.744-1.296V22.667a1.5 1.5 0 0 1 .744-1.296zM17.5 40.472V24.699L31 32.574v15.773zm29 0L33 48.347V32.574L46.5 24.7zM32 15.07l13.52 7.886L32 30.842l-13.52-7.886z"/></svg></template>
 <script setup lang="ts">
 /**
- * ViewAR64 is an SVG icon wrapped in a Vue component to make it easier to use.
+ * ViewAr64 is an SVG icon wrapped in a Vue component to make it easier to use.
  */
 withDefaults(
   defineProps<{

package/src/components/WarningCircle20/WarningCircle20.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="M10 3.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5M1.75 10a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M10 5.917a.75.75 0 0 1 .75.75v4.166a.75.75 0 0 1-1.5 0V6.667a.75.75 0 0 1 .75-.75m0 8.25a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667"/></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"><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 0 13.5 6.75 6.75 0 0 0 0-13.5m.084 9.333a.75.75 0 0 1 0 1.5h-.167a.75.75 0 0 1 0-1.5zM10 5.917a.75.75 0 0 1 .75.75v4.167a.75.75 0 0 1-1.5 0V6.667a.75.75 0 0 1 .75-.75"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircle20 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircle24/WarningCircle24.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="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2"/></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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m.1 11a1 1 0 0 1 0 2h-.2a1 1 0 1 1 0-2zM12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircle24 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircle32/WarningCircle32.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="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5M3 16C3 8.82 8.82 3 16 3s13 5.82 13 13-5.82 13-13 13S3 23.18 3 16m13-6.333a1 1 0 0 1 1 1v6.666a1 1 0 1 1-2 0v-6.666a1 1 0 0 1 1-1m0 13A1.333 1.333 0 1 0 16 20a1.333 1.333 0 0 0 0 2.667"/></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"><path d="M16 3c7.18 0 13 5.82 13 13s-5.82 13-13 13S3 23.18 3 16 8.82 3 16 3m0 2C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5m.134 15.333a1 1 0 0 1 0 2h-.267a1 1 0 1 1 0-2zM16 9.667a1 1 0 0 1 1 1v6.667a1 1 0 0 1-2 0v-6.667a1 1 0 0 1 1-1"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircle32 is an SVG icon wrapped in a Vue component to make it easier to use.

package/src/components/WarningCircle48/WarningCircle48.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="M24 7.5C14.887 7.5 7.5 14.887 7.5 24S14.887 40.5 24 40.5 40.5 33.113 40.5 24 33.113 7.5 24 7.5M4.5 24C4.5 13.23 13.23 4.5 24 4.5S43.5 13.23 43.5 24 34.77 43.5 24 43.5 4.5 34.77 4.5 24M24 14.5a1.5 1.5 0 0 1 1.5 1.5v10a1.5 1.5 0 0 1-3 0V16a1.5 1.5 0 0 1 1.5-1.5M24 34a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/></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="M24 4.5c10.77 0 19.5 8.73 19.5 19.5S34.77 43.5 24 43.5 4.5 34.77 4.5 24 13.23 4.5 24 4.5m0 3C14.887 7.5 7.5 14.887 7.5 24S14.887 40.5 24 40.5 40.5 33.113 40.5 24 33.113 7.5 24 7.5m.201 23a1.5 1.5 0 0 1 0 3h-.4a1.5 1.5 0 0 1 0-3zM24 14.5a1.5 1.5 0 0 1 1.5 1.5v10a1.5 1.5 0 0 1-3 0V16a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
 <script setup lang="ts">
 /**
  * WarningCircle48 is an SVG icon wrapped in a Vue component to make it easier to use.