@mozaic-ds/icons-vue 2.3.0 → 2.4.0

package/src/components/ReceiptZloty32/ReceiptZloty32.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="M11 4a1 1 0 0 1 1-1h13.334a1 1 0 0 1 1 1v22a3 3 0 0 1-3 3H8.694a3.027 3.027 0 0 1-3.027-3.027v-3.306a1 1 0 0 1 1-1H11zM7.667 25.973v-2.306h12.667V26c0 .35.06.687.17 1H8.694c-.567 0-1.027-.46-1.027-1.027m13.667-4.306H13V5h11.334v21a1 1 0 0 1-2 0v-3.333a1 1 0 0 0-1-1m-.572-5.616q.582.615 1.61.616l.073-1.392a.81.81 0 0 1-.686-.332q-.249-.333-.249-.911v-1.897l.872-.344v-1.38l-.872.345V7.333h-1.33v3.953l-.664.27v1.38l.665-.271v1.65q0 1.108.581 1.736M17.43 11.36l-2.762 3.94.01 1.268h4.497v-1.404h-2.876l2.752-4.038v-1.17h-4.331v1.404z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReceiptZloty32 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/ReceiptZloty48/ReceiptZloty48.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="M16.5 6A1.5 1.5 0 0 1 18 4.5h20A1.5 1.5 0 0 1 39.5 6v33a4.5 4.5 0 0 1-4.5 4.5H13.04a4.54 4.54 0 0 1-4.54-4.54V34a1.5 1.5 0 0 1 1.5-1.5h6.5zm-5 32.96V35.5h19V39c0 .526.09 1.03.256 1.5H13.04c-.85 0-1.54-.69-1.54-1.54M32 32.5H19.5v-25h17V39a1.5 1.5 0 0 1-3 0v-5a1.5 1.5 0 0 0-1.5-1.5m-.857-8.423q.872.923 2.415.923l.109-2.087q-.656 0-1.029-.499-.373-.498-.373-1.367v-2.844l1.308-.517v-2.069l-1.308.518V11H30.27v5.929l-.997.406v2.069l.997-.407v2.475q0 1.662.872 2.604m-5-7.037L22 22.95l.016 1.902h6.745v-2.105h-4.315l4.128-6.058v-1.755h-6.496v2.106z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReceiptZloty48 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/ReceiptZloty64/ReceiptZloty64.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="M22.5 8A1.5 1.5 0 0 1 24 6.5h26.666a1.5 1.5 0 0 1 1.5 1.5v44a5.5 5.5 0 0 1-5.5 5.5h-29.28a5.553 5.553 0 0 1-5.553-5.553v-6.614a1.5 1.5 0 0 1 1.5-1.5H22.5zm-7.667 43.947v-5.114h26.333V52c0 .9.217 1.75.6 2.5h-24.38a2.553 2.553 0 0 1-2.553-2.553m27.833-8.114H25.5V9.5h23.666V52a2.5 2.5 0 1 1-5 0v-6.667a1.5 1.5 0 0 0-1.5-1.5m-1.142-11.731q1.162 1.23 3.22 1.231l.144-2.782q-.872 0-1.37-.665-.5-.665-.499-1.823v-3.792l1.745-.69v-2.758l-1.745.69v-6.846H40.36v7.905l-1.329.542v2.758l1.33-.542v3.3q0 2.216 1.163 3.472m-6.666-9.383-5.525 7.88.02 2.537h8.995V30.33h-5.754l5.504-8.078v-2.339h-8.661v2.807z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReceiptZloty64 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/Refresh20/Refresh20.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.834 3.417a.75.75 0 0 1 .75.75v4.167a.75.75 0 0 1-.75.75h-4.167a.75.75 0 0 1 0-1.5h2.8a5.1 5.1 0 0 0-1.643-1.81l-.182-.117a5.1 5.1 0 0 0-3.08-.721l-.215.023A5.1 5.1 0 0 0 6.49 6.322l-.153.154a5.1 5.1 0 0 0-1.376 2.848l-.024.215a5.1 5.1 0 0 0 .824 3.267l.123.177a5.1 5.1 0 0 0 2.561 1.858l.207.061a5.1 5.1 0 0 0 3.162-.153l.2-.081a5.1 5.1 0 0 0 2.37-2.096l.042-.064a.75.75 0 0 1 1.252.823l-.147.238a6.585 6.585 0 0 1-7.275 2.78l-.269-.08a6.6 6.6 0 0 1-3.318-2.405l-.16-.23a6.6 6.6 0 0 1-1.066-4.23l.032-.279a6.6 6.6 0 0 1 1.781-3.69l.2-.198a6.6 6.6 0 0 1 3.696-1.765l.279-.03a6.6 6.6 0 0 1 3.99.934l.236.15a6.6 6.6 0 0 1 1.426 1.291v-1.65a.75.75 0 0 1 .75-.75Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Refresh20 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/Refresh24/Refresh24.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="M19 4a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1h-5a1 1 0 1 1 0-2h3.195a6 6 0 0 0-5.714-2.978l-.253.028a6 6 0 0 0-3.37 1.61l-.181.179a6 6 0 0 0-1.623 3.363l-.03.254a6 6 0 0 0 .973 3.856l.144.21a6 6 0 0 0 3.025 2.19l.245.074a6 6 0 0 0 3.73-.18l.236-.097a6 6 0 0 0 2.799-2.474 1 1 0 1 1 1.724 1.013 8 8 0 0 1-3.73 3.298l-.316.128a8 8 0 0 1-4.973.24l-.326-.097a8 8 0 0 1-4.033-2.922l-.193-.28a8 8 0 0 1-1.296-5.14l.038-.338a8 8 0 0 1 2.165-4.485l.241-.24a8 8 0 0 1 4.494-2.146l.338-.036A8 8 0 0 1 18 6.71V5a1 1 0 0 1 1-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * Refresh24 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/Refresh32/Refresh32.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.334 5.667a1 1 0 0 1 1 1v6.667a1 1 0 0 1-1 1h-6.667a1 1 0 0 1 0-2h4.814a8.33 8.33 0 0 0-8.2-4.636l-.352.038a8.34 8.34 0 0 0-4.68 2.235l-.253.25a8.33 8.33 0 0 0-2.255 4.672l-.04.351a8.336 8.336 0 0 0 5.752 8.69 8.34 8.34 0 0 0 5.52-.149l.329-.134a8.33 8.33 0 0 0 3.887-3.434 1 1 0 1 1 1.725 1.012 10.34 10.34 0 0 1-4.82 4.26l-.406.164a10.335 10.335 0 0 1-12.054-3.588l-.25-.362a10.33 10.33 0 0 1-1.674-6.64l.049-.437a10.34 10.34 0 0 1 2.797-5.792l.311-.31a10.33 10.33 0 0 1 5.804-2.771l.438-.047a10.33 10.33 0 0 1 9.225 4.185V6.667a1 1 0 0 1 1-1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Refresh32 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/Refresh48/Refresh48.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"><g clip-path="url(#a)"><path d="M38 8.5a1.5 1.5 0 0 1 1.5 1.5v10a1.5 1.5 0 0 1-1.5 1.5H28a1.5 1.5 0 0 1 0-3h7.223a12.5 12.5 0 0 0-12.302-6.953l-.53.056c-2.64.343-5.1 1.52-7.02 3.353l-.377.375a12.5 12.5 0 0 0-3.383 7.007l-.06.528a12.5 12.5 0 0 0 2.025 8.033l.303.437a12.5 12.5 0 0 0 6.3 4.565l.51.153a12.5 12.5 0 0 0 14.093-5.73 1.5 1.5 0 0 1 2.588 1.518 15.5 15.5 0 0 1-17.475 7.104l-.633-.188a15.5 15.5 0 0 1-7.812-5.661l-.376-.542a15.5 15.5 0 0 1-2.51-9.96l.074-.656a15.5 15.5 0 0 1 4.195-8.688l.467-.465a15.5 15.5 0 0 1 8.706-4.157l.655-.071a15.5 15.5 0 0 1 13.84 6.279V10A1.5 1.5 0 0 1 38 8.5"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg></template>
+<script setup lang="ts">
+/**
+ * Refresh48 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/Refresh64/Refresh64.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.667 11.833a1.5 1.5 0 0 1 1.5 1.5v13.333a1.5 1.5 0 0 1-1.5 1.5H37.334a1.5 1.5 0 0 1 0-3h10.414a17.17 17.17 0 0 0-17.593-10.233l-.363.043a17.17 17.17 0 0 0-9.903 4.858l-.256.26a17.17 17.17 0 0 0-4.691 9.985l-.038.363a17.17 17.17 0 0 0 2.782 11.033l.205.302a17.17 17.17 0 0 0 20.235 6.26l.34-.135a17.17 17.17 0 0 0 8.343-7.217 1.5 1.5 0 0 1 2.587 1.517 20.17 20.17 0 0 1-9.8 8.48l-.4.157a20.17 20.17 0 0 1-23.771-7.354l-.241-.355a20.17 20.17 0 0 1-3.267-12.96l.044-.427a20.17 20.17 0 0 1 5.51-11.728l.302-.307a20.17 20.17 0 0 1 11.633-5.707l.427-.05a20.17 20.17 0 0 1 19.334 9.467v-8.085a1.5 1.5 0 0 1 1.5-1.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * Refresh64 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/ReinforcedConcrete20/ReinforcedConcrete20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M14.167 1.583a.5.5 0 0 1 .5.5v3.25h3.25l.1.01a.501.501 0 0 1 0 .98l-.1.01h-3.25v2.334h3.249l.101.01a.5.5 0 0 1 0 .98l-.101.01h-3.25V12h3.25l.101.01a.5.5 0 0 1 0 .98l-.1.01h-3.239l1.753.44a.75.75 0 0 1 .569.727V17.5a.75.75 0 0 1-.75.75H2.5a.75.75 0 0 1-.75-.75V3.75l.004-.077a.75.75 0 0 1 .746-.672h3.333l.134.011a.75.75 0 0 1 .604.605l.312 1.716H7v-3.25a.5.5 0 0 1 1 0v3.25h2.333v-3.25a.5.5 0 0 1 1 0v3.25h2.334v-3.25a.5.5 0 0 1 .5-.5M3.25 16.75H15.5v-1.998l-2.766-.69a.75.75 0 0 1-.418-.28l-2.384-3.177-3.57-1.587a.75.75 0 0 1-.411-.46l-.023-.09-.72-3.967H3.25zm8.083-6.779L12.853 12h.814V9.667h-2.334zM8 8.104l1.265.563h1.068V6.333H8zm3.333.563h2.334V6.333h-2.334z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReinforcedConcrete20 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/ReinforcedConcrete24/ReinforcedConcrete24.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="M17 2a.5.5 0 0 1 .5.5v4h4a.5.5 0 0 1 0 1h-4v3h4a.5.5 0 0 1 0 1h-4v3h4a.5.5 0 0 1 0 1h-3.88l2.122.53a1 1 0 0 1 .758.97v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5l.005-.102A1 1 0 0 1 3 3.501h4l.09.004a1 1 0 0 1 .893.817L8.38 6.5h.12v-4a.5.5 0 1 1 1 0v4h3v-4a.5.5 0 1 1 1 0v4h3v-4A.5.5 0 0 1 17 2M4 20h14.5v-2.22l-3.242-.81a1 1 0 0 1-.445-.243L14.7 16.6l-2.844-3.79-4.262-1.895a1 1 0 0 1-.578-.736l-.85-4.677H4zm9.5-8.333 2.124 2.833h.876v-3h-3zm-4-2.096 2.089.929h.91v-3h-3zm4 .929h3v-3h-3z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReinforcedConcrete24 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/ReinforcedConcrete32/ReinforcedConcrete32.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="M22.667 2.833a.5.5 0 0 1 .5.5v5.5h5.5l.1.01a.5.5 0 0 1 0 .98l-.1.01h-5.5v4.334h5.499l.101.01a.5.5 0 0 1 0 .98l-.101.01h-5.5V19.5h5.5l.101.01a.5.5 0 0 1 0 .98l-.1.01h-5.5v.426l3.075.77a1 1 0 0 1 .758.97V28a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V6l.005-.102A1 1 0 0 1 4 5.001h5.333l.09.004a1 1 0 0 1 .894.817l.548 3.01h.635v-5.5a.5.5 0 0 1 1 0v5.5h4.333v-5.5a.5.5 0 0 1 1 0v5.5h4.334v-5.5a.5.5 0 0 1 .5-.5ZM5 27h20v-3.554l-4.576-1.144a1 1 0 0 1-.444-.242l-.114-.128-3.845-5.126-5.76-2.56a1 1 0 0 1-.55-.614l-.029-.12L8.5 7H5zm16.457-6.5.71.176V20.5zm-3.624-4.613L20.54 19.5h1.626v-4.333h-4.334zM12.5 13.051l2.508 1.116h1.825V9.833H12.5zm5.333 1.116h4.334V9.833h-4.334zM11.5 12.326V9.833h-.453z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReinforcedConcrete32 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/ReinforcedConcrete48/ReinforcedConcrete48.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="M34 4a1 1 0 0 1 1 1v8h8l.102.005a1 1 0 0 1 0 1.99L43 15h-8v6h8l.102.005a1 1 0 0 1 0 1.99L43 23h-8v6h8l.102.005a1 1 0 0 1 0 1.99L43 31h-8v.453l4.364 1.092A1.5 1.5 0 0 1 40.5 34v8a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42V9.002l.008-.154A1.5 1.5 0 0 1 6 7.502h8l.134.005a1.5 1.5 0 0 1 1.341 1.226L16.251 13H17V5a1 1 0 1 1 2 0v8h6V5a1 1 0 1 1 2 0v8h6V5a1 1 0 0 1 1-1M7.5 40.5h30v-5.33l-6.864-1.715a1.5 1.5 0 0 1-.836-.555l-5.767-7.688-8.643-3.841a1.5 1.5 0 0 1-.822-.924l-.044-.179-1.776-9.766H7.5zM27 24.166 30.625 29H33v-6h-6zm-8-4.476L21.946 21H25v-6h-6zM27 21h6v-6h-6zm-10-3.882V15h-.385z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReinforcedConcrete48 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/ReinforcedConcrete64/ReinforcedConcrete64.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="M45.333 5.666a1 1 0 0 1 1 1v11h10.999l.102.005a1 1 0 0 1 0 1.99l-.102.005h-11v8.667h11l.102.005a1 1 0 0 1 0 1.99l-.101.005h-11v8.666h10.999l.102.005a1 1 0 0 1 0 1.99l-.102.005h-11v1.37l6.031 1.509a1.5 1.5 0 0 1 1.136 1.455v10.666a1.5 1.5 0 0 1-1.5 1.5h-44a1.5 1.5 0 0 1-1.5-1.5V12.002l.008-.154a1.5 1.5 0 0 1 1.492-1.346h10.667l.134.005a1.5 1.5 0 0 1 1.341 1.226l1.08 5.933h1.778v-11a1 1 0 0 1 2 0v11h8.667v-11a1 1 0 0 1 2 0v11h8.667v-11a1 1 0 0 1 1-1M9.499 54.499h41v-7.995l-9.53-2.383a1.5 1.5 0 0 1-.755-.455l-.081-.1-6.09-8.12a1 1 0 0 1-.303-.403l-1.374-1.832-11.643-5.174a1.5 1.5 0 0 1-.867-1.103l-2.443-13.432H9.499zm32.458-13.5.256.34 2.12.53v-.87zm-6.291-8.389 4.79 6.389h3.877v-8.666h-8.667zm-2-2.104v-.173h-.389zm-8.667-3.853 3.778 1.68h4.889v-8.667h-8.667zm10.667 1.68h8.667v-8.667h-8.667zm-13-2.716.333.147v-6.098h-1.415l1.082 5.95Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * ReinforcedConcrete64 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/Release20/Release20.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="M13.502 3.23c.848-.195 1.806-.2 2.577-.147.294.02.555.048.763.075.026.208.054.469.074.763.053.771.049 1.729-.147 2.577-.222.963-.794 1.939-1.583 2.881-.784.938-1.75 1.803-2.702 2.544a29 29 0 0 1-3.032 2.055 10.4 10.4 0 0 0-1.013-1.357l2.925-2.924a.75.75 0 1 0-1.061-1.06L7.379 11.56a10.4 10.4 0 0 0-1.357-1.013q.125-.211.288-.478a29 29 0 0 1 1.767-2.554c.741-.952 1.606-1.918 2.544-2.702.942-.789 1.918-1.361 2.881-1.583m-7.129 9.444a8.3 8.3 0 0 0-1.708-1.17.75.75 0 0 1-.328-1.02l.273.143-.273-.144v-.002l.004-.005.01-.018.035-.066.008-.016-2.047-2.388a.75.75 0 0 1-.032-.936l.602.448c-.602-.448-.602-.449-.601-.449V7.05l.003-.003.008-.01L2.354 7l.1-.127a13 13 0 0 1 1.594-1.659c.49-.415 1.09-.834 1.732-1.054.658-.226 1.437-.264 2.144.22.18.124.357.285.505.434.39-.404.8-.793 1.229-1.152 1.04-.87 2.228-1.599 3.507-1.894 1.055-.243 2.18-.24 3.016-.182a15 15 0 0 1 1.428.17l.023.005h.007l.002.001h.001L17.5 2.5l.736-.143v.001l.001.003.001.007.005.023a8 8 0 0 1 .061.387c.037.256.08.617.109 1.04.057.837.061 1.962-.182 3.017-.295 1.28-1.024 2.466-1.894 3.507-.36.429-.748.84-1.152 1.23.149.147.31.323.434.504.484.707.446 1.485.22 2.144-.22.641-.64 1.241-1.054 1.732-.422.498-.88.93-1.227 1.233a13 13 0 0 1-.559.46l-.036.028-.01.008-.003.002-.001.001-.449-.6.448.6a.75.75 0 0 1-.936-.031l-2.388-2.047-.016.008-.066.036-.018.01-.005.002h-.002v.001l-.144-.273.144.273a.75.75 0 0 1-1.021-.328 8.3 8.3 0 0 0-1.17-1.709.75.75 0 0 1-.953-.952M17.5 2.5l.736-.143a.75.75 0 0 0-.593-.593zm-4.988 13.606-1.525-1.307a30 30 0 0 0 2.42-1.693q.326-.255.659-.531c.133.127.25.253.315.348.133.195.166.44.04.81-.134.386-.417.82-.781 1.25-.357.422-.756.798-1.07 1.073zm-7.31-7.093a30 30 0 0 1 1.691-2.42q.255-.327.532-.659a2.5 2.5 0 0 0-.349-.315c-.194-.133-.439-.166-.809-.04-.386.133-.82.417-1.25.781-.422.357-.798.755-1.073 1.07l-.05.057zm-1.766 7.002c-.057.229-.097.461-.125.674a6 6 0 0 0 .674-.125c.374-.094.68-.22.878-.367.176-.132.22-.242.22-.364a.917.917 0 0 0-.916-.917c-.122 0-.232.045-.364.221-.148.197-.273.503-.367.878M2.5 18.25v-.75zh.05l.12-.004a9 9 0 0 0 .413-.025 8 8 0 0 0 1.266-.202c.458-.115.986-.301 1.414-.622.448-.337.82-.853.82-1.564a2.417 2.417 0 0 0-2.416-2.416c-.712 0-1.227.371-1.564.82-.32.428-.508.956-.622 1.414a8.812 8.812 0 0 0-.23 1.799v.034l-.001.01v.005h.75-.75a.75.75 0 0 0 .75.75M13.75 5.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5M12 6.25a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Release20 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/Release24/Release24.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="M16.225 3.974c1.004-.231 2.142-.237 3.063-.174.315.021.598.05.833.08.028.233.057.516.079.832.063.921.057 2.06-.174 3.063-.262 1.135-.938 2.292-1.88 3.416-.935 1.117-2.088 2.15-3.226 3.038a34 34 0 0 1-3.545 2.409c-.324-.51-.699-1.011-1.111-1.488l3.443-3.443a1 1 0 0 0-1.414-1.414L8.85 13.736a13 13 0 0 0-1.488-1.111q.132-.223.295-.489A34 34 0 0 1 9.771 9.08c.887-1.138 1.92-2.292 3.038-3.227 1.124-.94 2.281-1.617 3.416-1.879M7.534 15.242a9.8 9.8 0 0 0-1.981-1.348 1 1 0 0 1-.438-1.36l.176.092-.175-.093.001-.003.003-.006.012-.022.02-.038-2.411-2.813a1 1 0 0 1-.043-1.249L3.5 9l-.802-.598L2.7 8.4l.003-.004.01-.013.033-.043.12-.154c.103-.13.252-.31.436-.521.367-.42.888-.973 1.491-1.483.593-.502 1.324-1.013 2.11-1.283.81-.278 1.78-.328 2.662.275.194.134.384.3.548.461.449-.46.92-.904 1.412-1.316 1.256-1.05 2.694-1.934 4.25-2.294 1.28-.295 2.641-.29 3.65-.22a18 18 0 0 1 1.723.205l.03.006.008.001h.003v.001h.001L21 3l.982-.19v.004l.002.009.006.028a10 10 0 0 1 .074.469c.044.31.096.745.131 1.256.07 1.007.075 2.37-.22 3.649-.36 1.556-1.244 2.994-2.295 4.25-.411.491-.855.963-1.316 1.412.16.164.328.354.461.548.604.882.554 1.852.276 2.661-.27.787-.781 1.518-1.283 2.11a14 14 0 0 1-1.483 1.492 16 16 0 0 1-.675.556l-.044.033-.012.01-.004.003h-.002v.001L15 20.5l.597.802a1 1 0 0 1-1.248-.043l-2.814-2.412-.037.02-.022.012-.007.004h-.001l-.001.001-.093-.175.092.175a1 1 0 0 1-1.36-.437 9.8 9.8 0 0 0-1.348-1.98 1 1 0 0 1-1.224-1.225M21 3l.982-.19a1 1 0 0 0-.792-.792zm-5.985 16.195-1.663-1.425c.8-.507 1.783-1.173 2.797-1.963q.36-.281.725-.583c.13.128.238.25.3.34.137.2.181.458.036.882-.154.447-.485.956-.919 1.469-.424.5-.898.95-1.272 1.276zm-8.786-8.548c.508-.8 1.174-1.782 1.964-2.796q.28-.36.583-.725a2.6 2.6 0 0 0-.34-.301c-.2-.136-.458-.18-.883-.035-.447.154-.956.485-1.468.918-.5.424-.95.898-1.277 1.273l-.003.004zM4.22 19.242a7 7 0 0 0-.13.667c.216-.031.443-.073.667-.13.444-.11.797-.257 1.018-.423.193-.145.225-.25.225-.356a1 1 0 0 0-1-1c-.107 0-.211.032-.356.225-.166.221-.313.573-.424 1.017M3 22v-1zh.062l.146-.005a10.6 10.6 0 0 0 2.035-.275c.556-.14 1.203-.367 1.732-.764C7.532 20.538 8 19.893 8 19a3 3 0 0 0-3-3c-.893 0-1.539.468-1.956 1.025-.397.529-.625 1.176-.764 1.732a10 10 0 0 0-.245 1.535 11 11 0 0 0-.034.646v.042L2 20.993v.006h1-1a1 1 0 0 0 1 1M16.5 6.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Release24 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/Release32/Release32.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="M21.558 4.975c1.384-.32 2.94-.325 4.182-.24.55.037 1.027.091 1.385.14.049.358.103.835.14 1.385.086 1.243.08 2.798-.24 4.182-.365 1.583-1.301 3.173-2.574 4.694-1.267 1.514-2.824 2.908-4.353 4.1a46 46 0 0 1-5.043 3.4 16.5 16.5 0 0 0-1.827-2.45l4.812-4.812a1 1 0 1 0-1.414-1.414l-4.812 4.812a16.5 16.5 0 0 0-2.45-1.826 45.934 45.934 0 0 1 3.4-5.043c1.193-1.53 2.587-3.087 4.1-4.354 1.522-1.273 3.111-2.21 4.694-2.574M10.437 20.224c-.913-.812-1.901-1.504-2.884-1.996a1 1 0 0 1-.438-1.36l.74.39-.74-.391.001-.001.001-.003.005-.007.015-.028.136-.25-3.366-3.927a1 1 0 0 1-.042-1.248l.802.597-.802-.598.002-.002.003-.005.012-.015a9 9 0 0 1 .2-.257c.135-.169.33-.406.572-.683a19 19 0 0 1 1.952-1.943c.777-.657 1.715-1.309 2.707-1.65 1.015-.348 2.19-.399 3.252.328.335.23.667.548.922.817a26 26 0 0 1 2.094-1.977c1.652-1.382 3.523-2.527 5.528-2.99 1.66-.382 3.438-.377 4.767-.286a23 23 0 0 1 2.13.247l.132.023.037.007.01.002h.005L28 4l.982-.19v.005l.003.01.006.037.024.132q.03.172.074.48c.057.406.126.978.172 1.65.09 1.33.096 3.108-.287 4.768-.462 2.004-1.607 3.875-2.989 5.527a26 26 0 0 1-1.977 2.094c.269.256.588.587.817.922.727 1.063.676 2.237.328 3.252-.341.993-.993 1.93-1.65 2.707a19 19 0 0 1-1.943 1.952 20 20 0 0 1-.94.772l-.015.012-.005.004h-.002v.001L20 27.334l.598.801a1 1 0 0 1-1.249-.042l-3.926-3.366-.25.137-.028.015-.008.004-.003.001-.391-.74.39.74a1 1 0 0 1-1.36-.437c-.492-.982-1.185-1.971-1.996-2.883a1 1 0 0 1-1.34-1.34M28 4l.982-.19a1 1 0 0 0-.792-.791zm-7.98 22.033-2.777-2.38a48 48 0 0 0 4.084-2.84c.392-.306.79-.626 1.185-.96.268.245.525.51.663.712.259.379.303.842.086 1.472-.224.653-.695 1.369-1.285 2.065a17 17 0 0 1-1.956 1.931M8.347 14.758a48 48 0 0 1 2.84-4.085q.459-.59.96-1.185c-.245-.268-.51-.525-.712-.663-.379-.259-.842-.303-1.472-.086-.653.224-1.369.696-2.065 1.285a17 17 0 0 0-1.931 1.956zM6.424 26.697c-.469.117-.945.19-1.355.234.045-.41.117-.886.234-1.355.153-.61.362-1.13.622-1.476.239-.318.468-.433.742-.433.92 0 1.666.746 1.666 1.667 0 .273-.115.503-.433.741-.346.26-.865.47-1.476.622M4 29v-1zh.077l.188-.006c.159-.005.383-.017.651-.039a13 13 0 0 0 1.993-.318c.723-.18 1.537-.471 2.191-.962.682-.511 1.233-1.282 1.233-2.342a3.667 3.667 0 0 0-3.666-3.666c-1.06 0-1.83.551-2.342 1.233-.49.654-.781 1.468-.962 2.191a13 13 0 0 0-.318 1.993 14 14 0 0 0-.044.84v.053L3 27.992V28h1-1a1 1 0 0 0 1 1M22 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3M19.5 10a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Release32 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/Release48/Release48.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="M32.337 7.462c2.076-.48 4.409-.488 6.273-.36.825.056 1.541.137 2.078.21.073.537.154 1.253.21 2.078.128 1.864.12 4.197-.36 6.273-.548 2.374-1.952 4.759-3.861 7.04-1.901 2.271-4.236 4.362-6.53 6.15a69 69 0 0 1-7.565 5.1 24.7 24.7 0 0 0-2.74-3.674l7.219-7.218a1.5 1.5 0 0 0-2.122-2.122l-7.218 7.219a24.7 24.7 0 0 0-3.674-2.74 68.88 68.88 0 0 1 5.1-7.564c1.788-2.294 3.879-4.63 6.15-6.53 2.281-1.91 4.666-3.314 7.04-3.862M15.655 30.335c-1.368-1.217-2.851-2.256-4.326-2.993a1.5 1.5 0 0 1-.656-2.042l1.11.586-1.11-.586.001-.002.002-.003.006-.012.023-.042.205-.375-5.049-5.89a1.5 1.5 0 0 1-.064-1.872L7 18l-1.202-.897.002-.003.005-.007.018-.024.064-.084.236-.3c.203-.254.495-.61.858-1.026.723-.827 1.747-1.914 2.928-2.914 1.166-.986 2.572-1.963 4.06-2.474 1.523-.523 3.285-.6 4.878.491.504.345 1 .823 1.383 1.225a38 38 0 0 1 3.142-2.964c2.478-2.074 5.284-3.79 8.29-4.484 2.49-.575 5.158-.567 7.153-.43a35 35 0 0 1 3.194.37l.198.034.055.01.016.003.005.001h.002L42 6l1.473-.285v.003l.001.004.003.016.01.055.035.198a34.621 34.621 0 0 1 .37 3.194c.136 1.995.144 4.662-.43 7.152-.694 3.007-2.41 5.813-4.484 8.291-.92 1.1-1.925 2.15-2.965 3.142.402.383.88.88 1.225 1.383 1.09 1.594 1.014 3.355.491 4.877-.511 1.49-1.488 2.895-2.474 4.06-1 1.182-2.087 2.206-2.914 2.929a31 31 0 0 1-1.41 1.158l-.024.018-.007.005-.002.002h-.001L30 41l.896 1.203a1.5 1.5 0 0 1-1.872-.064l-5.89-5.049-.219.12-.074.04-.082.045-.042.023-.012.006-.003.002H22.7l-.586-1.11.586 1.11a1.5 1.5 0 0 1-2.042-.655c-.737-1.475-1.776-2.958-2.993-4.326a1.5 1.5 0 0 1-2.01-2.01M42 6l1.473-.285a1.5 1.5 0 0 0-1.187-1.187zM30.03 39.05l-4.166-3.57a72 72 0 0 0 6.127-4.26c.588-.46 1.183-.94 1.777-1.442.402.37.787.767.994 1.07.39.568.455 1.262.13 2.208-.336.979-1.044 2.052-1.927 3.097-.87 1.027-1.838 1.943-2.598 2.607zM12.52 22.136a72 72 0 0 1 4.26-6.126q.69-.885 1.442-1.778c-.37-.402-.767-.788-1.069-.994-.569-.39-1.263-.455-2.209-.13-.979.336-2.052 1.044-3.097 1.927-1.028.87-1.943 1.838-2.607 2.598l-.29.337zM9.637 40.045c-.703.176-1.418.285-2.033.352.067-.615.176-1.33.352-2.033.23-.916.543-1.695.932-2.214.358-.477.702-.65 1.113-.65a2.5 2.5 0 0 1 2.5 2.5c0 .41-.173.755-.65 1.113-.52.389-1.298.703-2.214.932M6 43.5V42zh.035a10 10 0 0 0 .362-.009c.239-.008.575-.025.978-.059.797-.066 1.883-.2 2.989-.477 1.084-.27 2.305-.707 3.286-1.443 1.023-.767 1.85-1.923 1.85-3.512a5.5 5.5 0 0 0-5.5-5.5c-1.59 0-2.745.827-3.513 1.85-.735.98-1.171 2.202-1.442 3.286a19 19 0 0 0-.477 2.99 21 21 0 0 0-.068 1.339v.034L6 42H4.5A1.5 1.5 0 0 0 6 43.5M33 13a2 2 0 1 0 0 4 2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Release48 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/Release64/Release64.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="M43.004 9.462c2.837-.655 6.003-.664 8.51-.492 1.243.085 2.303.212 3.048.318l.132.018.018.132c.106.745.233 1.804.318 3.048.172 2.507.163 5.673-.492 8.51-.754 3.272-2.68 6.521-5.252 9.595-2.565 3.065-5.708 5.877-8.783 8.274A92 92 0 0 1 29.93 45.95c-1.122-1.935-2.548-3.838-4.165-5.596l9.961-9.961a1.5 1.5 0 1 0-2.121-2.121l-9.961 9.961c-1.758-1.617-3.66-3.043-5.596-4.165a92.374 92.374 0 0 1 7.087-10.572c2.396-3.075 5.208-6.218 8.273-8.783 3.074-2.573 6.324-4.497 9.595-5.252M21.524 40.36c-1.944-1.775-4.074-3.291-6.195-4.352a1.5 1.5 0 0 1-.656-2.041l1.327.7-1.326-.7v-.002l.003-.004.008-.015.029-.055.11-.205q.12-.22.329-.592l-6.959-8.118a1.5 1.5 0 0 1-.063-1.873L9.333 24l-1.202-.897v-.001l.003-.003.006-.009.023-.03.083-.108q.109-.142.309-.394c.266-.333.65-.802 1.13-1.35.953-1.092 2.3-2.521 3.85-3.833 1.534-1.297 3.353-2.555 5.254-3.208 1.933-.664 4.104-.742 6.058.595.758.518 1.52 1.293 2.049 1.87l.075.083a52 52 0 0 1 4.512-4.302c3.271-2.737 6.943-4.974 10.846-5.875 3.251-.75 6.752-.741 9.39-.561 1.329.09 2.461.226 3.264.34a35 35 0 0 1 1.203.192l.07.013.02.004h.006l.002.001h.001L56 8l1.473-.285v.003l.001.006.004.02.013.07q.017.09.045.258c.038.222.09.543.147.945.114.803.25 1.935.34 3.264.18 2.638.189 6.139-.561 9.39-.901 3.903-3.138 7.575-5.876 10.846a52 52 0 0 1-4.3 4.512l.081.075c.578.528 1.352 1.291 1.871 2.049 1.337 1.954 1.259 4.125.595 6.058-.653 1.9-1.91 3.72-3.209 5.253-1.311 1.55-2.74 2.897-3.832 3.851a40 40 0 0 1-1.744 1.439l-.108.083-.03.023-.01.006-.002.002h-.001L40 54.668l.896 1.202a1.5 1.5 0 0 1-1.872-.064l-8.118-6.958a54 54 0 0 1-.797.44l-.055.029-.014.007-.005.003h-.001l-.7-1.326.699 1.327a1.5 1.5 0 0 1-2.041-.656c-1.06-2.121-2.577-4.251-4.353-6.196a1.5 1.5 0 0 1-2.114-2.115M56 8l1.473-.286a1.5 1.5 0 0 0-1.187-1.187zM40.036 52.722l-6.396-5.483.18-.11a95 95 0 0 0 8.527-5.898c.89-.693 1.79-1.425 2.687-2.19q.146.128.308.277c.548.5 1.107 1.071 1.42 1.529.636.929.7 2.033.234 3.39-.478 1.39-1.466 2.877-2.662 4.29-1.181 1.395-2.492 2.634-3.516 3.53-.288.25-.552.474-.782.665M16.76 30.36l.111-.18a95 95 0 0 1 5.898-8.527c.693-.89 1.425-1.79 2.19-2.687a20 20 0 0 0-.277-.309c-.5-.548-1.071-1.106-1.529-1.42-.929-.635-2.033-.699-3.39-.233-1.39.478-2.877 1.466-4.29 2.661-1.395 1.182-2.634 2.492-3.53 3.517a39 39 0 0 0-.665.782zm-3.79 23.518c-1.212.303-2.441.46-3.389.54.08-.947.238-2.177.54-3.388.313-1.249.752-2.36 1.329-3.13.545-.727 1.14-1.067 1.883-1.067a3.833 3.833 0 0 1 3.834 3.833c0 .744-.34 1.339-1.067 1.884-.77.577-1.881 1.016-3.13 1.328M8 57.5V56zh.043a13 13 0 0 0 .469-.012c.312-.01.752-.033 1.28-.077 1.047-.087 2.466-.263 3.905-.623 1.418-.354 2.972-.915 4.203-1.838 1.273-.955 2.267-2.36 2.267-4.284a6.833 6.833 0 0 0-6.834-6.833c-1.922 0-3.328.994-4.283 2.267-.923 1.23-1.484 2.785-1.839 4.203-.36 1.438-.535 2.858-.622 3.906a27 27 0 0 0-.089 1.748V56H8 6.5A1.5 1.5 0 0 0 8 57.5M44 17a3 3 0 1 0 0 6 3 3 0 0 0 0-6m-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * Release64 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/RemoteCamera20/RemoteCamera20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.5 4.25a.75.75 0 0 0-.75.75v10c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V5a.75.75 0 0 0-.75-.75zm.75 10v-8.5h13.5v8.5h-2.735a4.09 4.09 0 0 0-3.152-3.242 2.418 2.418 0 1 0-1.726 0 4.09 4.09 0 0 0-3.152 3.242zm4.277 0h4.946a2.584 2.584 0 0 0-4.946 0M10 7.833a.917.917 0 1 0 0 1.834.917.917 0 0 0 0-1.834"/></svg></template>
+<script setup lang="ts">
+/**
+ * RemoteCamera20 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/RemoteCamera24/RemoteCamera24.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3 5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1zm1 12V7h16v10h-3.1a5.01 5.01 0 0 0-3.556-3.817 3 3 0 1 0-2.688 0A5.01 5.01 0 0 0 7.1 17zm5.17 0h5.66a3.001 3.001 0 0 0-5.66 0M12 9.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/></svg></template>
+<script setup lang="ts">
+/**
+ * RemoteCamera24 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/RemoteCamera32/RemoteCamera32.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M4 7a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1zm1 16V9h22v14h-4.745A6.335 6.335 0 0 0 16 17.667a3.667 3.667 0 1 0 0-7.334 3.667 3.667 0 0 0 0 7.334A6.335 6.335 0 0 0 9.745 23zm6.783 0h8.434a4.335 4.335 0 0 0-8.434 0M16 12.333a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334"/></svg></template>
+<script setup lang="ts">
+/**
+ * RemoteCamera32 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/RemoteCamera48/RemoteCamera48.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M6 10.5A1.5 1.5 0 0 0 4.5 12v24A1.5 1.5 0 0 0 6 37.5h36a1.5 1.5 0 0 0 1.5-1.5V12a1.5 1.5 0 0 0-1.5-1.5zm1.5 24v-21h33v21h-7.118c-.719-4.534-4.646-8-9.382-8a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11c-4.736 0-8.663 3.466-9.382 8zm10.174 0h12.652a6.503 6.503 0 0 0-12.652 0M24 18.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5"/></svg></template>
+<script setup lang="ts">
+/**
+ * RemoteCamera48 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/RemoteCamera64/RemoteCamera64.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M8 14.5A1.5 1.5 0 0 0 6.5 16v32A1.5 1.5 0 0 0 8 49.5h48a1.5 1.5 0 0 0 1.5-1.5V16a1.5 1.5 0 0 0-1.5-1.5zm1.5 32v-29h45v29H44.075C43.336 40.488 38.212 35.833 32 35.833S20.664 40.488 19.925 46.5zm13.456 0h18.089c-.716-4.35-4.493-7.667-9.045-7.667s-8.329 3.318-9.044 7.667M32 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 0"/></svg></template>
+<script setup lang="ts">
+/**
+ * RemoteCamera64 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/RenewableEnergy20/RenewableEnergy20.vue

@@ -0,0 +1,17 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M2.833 2.084a.5.5 0 0 1 .5-.5h1.25a.5.5 0 1 1 0 1h-1.25a.5.5 0 0 1-.5-.5m4.584-.417a2.583 2.583 0 1 0 5.166 0h1.5a4.083 4.083 0 1 1-8.166 0zm-3.978 8.985a.75.75 0 0 1 .728-.569h11.666a.75.75 0 0 1 .728.569l1.667 6.666a.75.75 0 0 1-.728.932h-15a.75.75 0 0 1-.728-.932zm1.313.931-.52 2.084h2.41l.26-2.084zM3.461 16.75l.52-2.083h2.536l-.26 2.083zm3.803 0 .26-2.083H9.5v2.083zm3.236 0v-2.083h1.975l.26 2.083zm0-3.083h1.85l-.26-2.084H10.5zm3.244 3.083-.26-2.083h2.535l.52 2.083zm-.386-3.083h2.41l-.52-2.084h-2.15zm-5.708 0H9.5v-2.084H7.91zm2.85-6.583a.5.5 0 1 0-1 0v1.25a.5.5 0 0 0 1 0zm4.917-5.5a.5.5 0 1 0 0 1h1.25a.5.5 0 0 0 0-1zM5.063 6.603a.5.5 0 0 1 0-.707l.753-.754a.5.5 0 1 1 .707.708l-.753.753a.5.5 0 0 1-.707 0m9.12-1.46a.5.5 0 1 0-.706.707l.753.753a.5.5 0 1 0 .707-.707z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RenewableEnergy20 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/RenewableEnergy24/RenewableEnergy24.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="M9 2a3 3 0 0 0 6 0h2A5 5 0 0 1 7 2zM4.03 12.758A1 1 0 0 1 5 12h14a1 1 0 0 1 .97.758l2 8A1 1 0 0 1 21 22H3a1 1 0 0 1-.97-1.242zM5.78 14l-.624 2.5h2.903L8.37 14zm-1.5 6 .626-2.5h3.028L7.62 20zm4.349 0 .312-2.5H11.5V20zm3.871 0v-2.5h2.559l.312 2.5zm0-3.5h2.434L14.62 14H12.5zm3.879 3.5-.313-2.5h3.028l.625 2.5zm-.438-3.5h2.903L18.22 14h-2.59zm-6.875 0H11.5V14H9.379zm3.434-8a.5.5 0 1 0-1 0V10a.5.5 0 0 0 1 0zm-9-6A.5.5 0 0 1 4 2h1.5a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5m15-.5a.5.5 0 0 0 0 1H20a.5.5 0 1 0 0-1zM6.146 7.854a.5.5 0 0 1 0-.708l.904-.903a.5.5 0 1 1 .707.707l-.903.904a.5.5 0 0 1-.708 0M16.95 6.243a.5.5 0 0 0-.707.707l.904.904a.5.5 0 1 0 .707-.708z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RenewableEnergy24 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/RenewableEnergy32/RenewableEnergy32.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="M11.667 2.667a4.333 4.333 0 1 0 8.666 0h2a6.333 6.333 0 1 1-12.666 0zM5.697 17.09a1 1 0 0 1 .97-.758h18.666a1 1 0 0 1 .97.758l2.667 10.666A1 1 0 0 1 28 29H4a1 1 0 0 1-.97-1.243zm1.75 1.242-.958 3.833h4.403l.48-3.833zM5.281 27l.958-3.833h4.528L10.287 27zm6.015 0 .479-3.833H15.5V27zm5.204 0v-3.833h3.725l.48 3.833zm0-4.833h3.6l-.479-3.834H16.5zM21.712 27l-.479-3.833h4.528L26.719 27zm-.604-4.833h4.403l-.958-3.834h-3.924zm-9.208 0h3.6v-3.834h-3.121zm4.6-10.834a.5.5 0 1 0-1 0v2a.5.5 0 0 0 1 0zm-11.667-8a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m19.834-.5a.5.5 0 1 0 0 1h2a.5.5 0 0 0 0-1zm-16.354 7.52a.5.5 0 0 1 0-.707l1.205-1.205a.5.5 0 1 1 .707.707L9.02 10.353a.5.5 0 0 1-.707 0m14.169-1.912a.5.5 0 1 0-.707.707l1.205 1.205a.5.5 0 1 0 .707-.707z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RenewableEnergy32 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/RenewableEnergy48/RenewableEnergy48.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="M17.5 4a6.5 6.5 0 0 0 13 0h3a9.5 9.5 0 0 1-19 0zM8.545 25.636A1.5 1.5 0 0 1 10 24.5h28a1.5 1.5 0 0 1 1.455 1.136l4 16A1.5 1.5 0 0 1 42 43.5H6a1.5 1.5 0 0 1-1.455-1.864zM11.17 27.5 9.796 33h6.321l.688-5.5zm-3.25 13L9.296 35h6.571l-.687 5.5zm9.274 0 .688-5.5H23v5.5zm7.805 0V35h5.117l.688 5.5zm0-7.5h4.867l-.687-5.5H25zm7.82 7.5-.687-5.5h6.57l1.376 5.5zm-.937-7.5h6.32l-1.374-5.5h-5.634zm-13.75 0H23v-5.5h-4.18zM25 17a1 1 0 1 0-2 0v3a1 1 0 1 0 2 0zM7 5a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1m30-1a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2zM12.293 15.707a1 1 0 0 1 0-1.414l1.808-1.808a1 1 0 0 1 1.414 1.415l-1.808 1.807a1 1 0 0 1-1.414 0M33.9 12.485a1 1 0 0 0-1.415 1.415l1.808 1.807a1 1 0 0 0 1.414-1.414z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RenewableEnergy48 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/RenewableEnergy64/RenewableEnergy64.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="M22.833 5.334a9.167 9.167 0 0 0 18.334 0h3C44.167 12.052 38.719 17.5 32 17.5c-6.72 0-12.167-5.447-12.167-12.167zM11.878 34.303a1.5 1.5 0 0 1 1.455-1.136h37.334a1.5 1.5 0 0 1 1.455 1.136l5.333 21.333A1.5 1.5 0 0 1 56 57.5H8a1.5 1.5 0 0 1-1.455-1.864zm2.626 1.864-2.041 8.166h9.32l1.022-8.166zM9.922 54.5l2.042-8.167h9.57l-1.02 8.167zm12.608 0 1.02-8.167H31V54.5zM33 54.5v-8.167h7.45l1.021 8.167zm0-10.167h7.2l-1.02-8.166H33zM43.487 54.5l-1.02-8.167h9.57L54.08 54.5zm-1.27-10.167h9.32l-2.041-8.166h-8.3zm-18.417 0H31v-8.166h-6.18zM33 22.668a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0zm-23.333-16a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m39.666-1a1 1 0 1 0 0 2h4a1 1 0 0 0 0-2zm-32.707 15.04a1 1 0 0 1 0-1.414l2.41-2.41a1 1 0 0 1 1.415 1.414l-2.41 2.41a1 1 0 0 1-1.415 0m28.338-3.824a1 1 0 0 0-1.415 1.414l2.41 2.41a1 1 0 0 0 1.415-1.414z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RenewableEnergy64 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/Renovation20/Renovation20.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="m14.008 4.778.172-.557-.16-.05-1.273-.393-.558-.172c-.535-.182-1.386-.139-2.208.077-.874.23-1.717.653-2.112 1.206 0 0 1.027.105 2.19.335l.057.012c.487.098.995.218 1.459.36l-.05.16-.393 1.274-.049.16.557.171.876.27.558.173.04-.131.378-1.223.024-.08.05-.159.233.127.29.157.103.056.718.39.523.283.163-.529.288-.933.164-.529-.592-.06-.812-.083-.118-.012-.328-.034-.264-.027zm-.676 4.504c.486-.085.915-.41 1.12-.884l.266.145a1.5 1.5 0 0 0 2.148-.876l.615-1.991a1.5 1.5 0 0 0-1.28-1.935l-.623-.063c-.16-.412-.5-.75-.956-.89l-1.973-.61c-.968-.32-2.193-.183-3.147.08-.953.264-2.167.8-2.853 1.758A1.5 1.5 0 0 0 7.716 6.38h.002l.015.002.061.007.243.029a27 27 0 0 1 1.634.258l-.021.07a1.5 1.5 0 0 0-.014.836H7.495c-.73 0-1.43.29-1.945.806l-2.528 2.528h-.939a.75.75 0 0 0 0 1.5h1.25a.75.75 0 0 0 .53-.22l2.748-2.748a1.25 1.25 0 0 1 .884-.366h2.399l-.2.608-.13.392H8.75a.75.75 0 0 0 0 1.5h4.552a.25.25 0 0 1 .243.311l-.978 3.91a1.25 1.25 0 0 1-1.212.946H2.5a.75.75 0 0 0 0 1.5h8.855a2.75 2.75 0 0 0 2.668-2.083l.977-3.91a1.75 1.75 0 0 0-1.698-2.174h-.241l.06-.178zm-2.063.421.11-.336.309.095-.083.244z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Renovation20 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/Renovation24/Renovation24.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="m16.869 5.543.147-.478-.19-.06-1.72-.53-.478-.148c-.537-.183-1.338-.176-2.162-.018-1.212.232-2.475.792-3.023 1.557a32 32 0 0 0 3.04.489c.476.103.959.223 1.407.361l-.59 1.911.478.148 1.433.442.289.09.189.058.442-1.434.148-.477.28.151.168.092.761.412.584.317.448.243.136-.44.466-1.51.136-.439-.508-.052-.66-.068-.861-.088-.19-.02-.318-.032zm-.942 5.808a2 2 0 0 0 1.502-.999l.138.075a2 2 0 0 0 2.864-1.168l.738-2.39A2 2 0 0 0 19.46 4.29l-.629-.064a2 2 0 0 0-1.226-1.072l-2.366-.73c-1.216-.403-2.73-.227-3.89.093-1.159.32-2.67.98-3.533 2.185a2 2 0 0 0 1.422 3.154h.003l.016.002.073.008.29.035a32 32 0 0 1 1.733.267 2 2 0 0 0-.02.832H8.829a3 3 0 0 0-2.12.879l-3.122 3.12H2.5a1 1 0 1 0 0 2H4a1 1 0 0 0 .707-.292l3.414-3.414A1 1 0 0 1 8.828 11h3.012l-.142.429-.189.57H10.5a1 1 0 1 0 0 2h5.72l-1.311 5.243a1 1 0 0 1-.97.758H3a1 1 0 1 0 0 2h10.938a3 3 0 0 0 2.91-2.272l1.312-5.243A2 2 0 0 0 16.22 12h-.513z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Renovation24 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/Renovation32/Renovation32.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="m23.648 8.166-1.353-.139.393-1.274-.255-.078-1.656-.512-1.274-.393c-1.042-.355-2.829-.175-4.372.384-1.077.39-2.036.963-2.54 1.668a42 42 0 0 0 3.989.637c.655.14 1.322.305 1.94.496l-.197.637-.393 1.274-.197.637 1.274.393.637.197 1.274.393.185-.599.405-1.312.197-.637 1.195.648.598.325 1.195.648.382-1.237.22-.712.382-1.236-1.353-.139zm-.752 4.693-.067.217a2 2 0 0 1-1.348 1.33l-.359 1.063-.292.865h1.222a2 2 0 0 1 1.94 2.485l-1.977 7.909A3 3 0 0 1 19.105 29H4a1 1 0 1 1 0-2h15.105a1 1 0 0 0 .97-.757l1.977-7.91H14a1 1 0 0 1 0-2h1.235l.142-.43.519-1.57h-4.401a1 1 0 0 0-.707.293L6.04 19.374a1 1 0 0 1-.707.293h-2a1 1 0 1 1 0-2h1.586l4.454-4.455a3 3 0 0 1 2.122-.879h4.419a2 2 0 0 1-.092-1.42l.165-.535a37 37 0 0 0-1.701-.31 43 43 0 0 0-1.87-.253l-.025-.003h-.004a2 2 0 0 1-1.423-3.154C11.98 5.238 13.814 4.413 15.31 4c1.498-.414 3.368-.61 4.807-.133l3.161.976c.689.213 1.18.763 1.347 1.413l1.255.129a2 2 0 0 1 1.707 2.58l-.983 3.184a2 2 0 0 1-2.864 1.169zm-5.418 3.062.473-1.431 1.26.389-.356 1.053z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Renovation32 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>