@mozaic-ds/icons-vue 2.3.0 → 2.4.0

package/src/components/Renovation48/Renovation48.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="m35.472 12.249-2.03-.208.59-1.911-.381-.118-2.485-.767-1.91-.59c-1.564-.533-4.244-.262-6.559.575-1.616.585-3.054 1.446-3.811 2.503 0 0 1.841.189 4.14.597.593.105 1.215.224 1.844.359.984.21 1.984.457 2.91.743l-.295.956-.59 1.911-.295.956 1.911.59.956.294 1.91.59.278-.898.608-1.968.295-.956 1.793.972.896.487 1.793.972.573-1.855.33-1.069.572-1.854-2.029-.208zm-1.127 7.04-.1.325a3 3 0 0 1-2.022 1.994l-.54 1.595-.437 1.297h2.473a2.5 2.5 0 0 1 2.426 3.106L32.834 40.85a3.5 3.5 0 0 1-3.396 2.651H6a1.5 1.5 0 0 1 0-3h23.438a.5.5 0 0 0 .486-.379l3.155-12.62H21a1.5 1.5 0 0 1 0-3h1.854l.213-.645.777-2.356h-7.016a.5.5 0 0 0-.353.147L9.06 29.06A1.5 1.5 0 0 1 8 29.5H5a1.5 1.5 0 0 1 0-3h2.379l6.975-6.976a3.5 3.5 0 0 1 2.474-1.025h7.043a3 3 0 0 1-.137-2.13l.248-.803a56 56 0 0 0-2.553-.464 65 65 0 0 0-2.806-.38l-.035-.005h-.008a3 3 0 0 1-2.134-4.73c1.525-2.131 4.274-3.368 6.52-3.99 2.246-.62 5.052-.916 7.21-.199l4.742 1.464a3 3 0 0 1 2.02 2.12l1.883.193a3 3 0 0 1 2.56 3.87l-1.474 4.777a3 3 0 0 1-4.297 1.752zm-8.127 4.592.708-2.147 1.89.584-.533 1.58z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Renovation48 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/Renovation64/Renovation64.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="m47.634 16.366-3.043-.312.786-2.548-.51-.157-2.356-.728-3.504-1.081c-2.493-.85-7.116-.167-10.489 1.509-1.415.703-2.611 1.582-3.336 2.595 0 0 1.627.167 3.887.522 1.507.238 3.296.559 5.07.97.99.23 1.973.487 2.902.774l-.689 2.23-.196.636-.278.9-2.892-.801.267-.864a71 71 0 0 0-4.524-.861 87 87 0 0 0-3.79-.515l-.05-.005-.012-.001h-.001l8.11 2.246-8.11-2.246a3 3 0 0 1-2.134-4.73c1.832-2.56 5.223-4.129 8.146-4.937 2.922-.807 6.439-1.146 9.04-.277l6.334 1.955a3 3 0 0 1 2.115 2.786l3.283.337a3 3 0 0 1 2.56 3.869l-1.966 6.37a3 3 0 0 1-4.296 1.752l-2.76-1.496-.494 1.6a3 3 0 0 1-1.31 1.679l-.828 2.453-1.073 3.177h3.893a2.5 2.5 0 0 1 2.426 3.106l-4.644 18.576a3.5 3.5 0 0 1-3.396 2.651H8a1.5 1.5 0 0 1 0-3h31.772a.5.5 0 0 0 .485-.379l4.489-17.954H28a1.5 1.5 0 0 1 0-3h2.307l.12-.362 1.531-4.638h-9.796a.5.5 0 0 0-.354.146l-10.08 10.081a1.5 1.5 0 0 1-1.061.44h-4a1.5 1.5 0 1 1 0-3h3.379l9.641-9.642a3.5 3.5 0 0 1 2.475-1.025H32.95l.119-.36a3 3 0 0 1-.467-2.686l.385-1.246 2.892.801-.41 1.33 2.866.885.637.197 2.867.884.468-1.515.202-.657.215-.694.688-2.23 2.69 1.459.597.324 2.69 1.458.902-2.923.162-.524.902-2.923-3.043-.312zM33.577 32.83l1.683-5.096 4.438 1.37-1.271 3.765z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Renovation64 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/Report20/Report20.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="M5.427 1.87a.75.75 0 0 1 .716-.053l9.167 4.167a.75.75 0 0 1 0 1.365l-8.727 3.967V17.5a.75.75 0 0 1-1.5 0v-15a.75.75 0 0 1 .344-.63m1.156 7.799 6.604-3.002-6.604-3.002z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Report20 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/Report24/Report24.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="M6.459 2.16a1 1 0 0 1 .955-.07l11 5a1 1 0 0 1 0 1.82L8 13.644V21a1 1 0 1 1-2 0V3a1 1 0 0 1 .459-.84M8 11.446 15.583 8 8 4.553z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Report24 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/Report32/Report32.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="M8.792 3.16a1 1 0 0 1 .955-.07l14.667 6.666a1 1 0 0 1 0 1.821l-14.081 6.4V28a1 1 0 1 1-2 0V4a1 1 0 0 1 .459-.84m1.541 12.62 11.25-5.113-11.25-5.114z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Report32 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/Report48/Report48.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="M13.188 4.739a1.5 1.5 0 0 1 1.433-.105l22 10a1.5 1.5 0 0 1 0 2.732l-21.121 9.6V42a1.5 1.5 0 0 1-3 0V6c0-.51.26-.985.688-1.261M15.5 23.67 32.375 16 15.5 8.33z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Report48 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/Report64/Report64.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="M17.855 6.739a1.5 1.5 0 0 1 1.433-.105L48.62 19.968a1.5 1.5 0 0 1 0 2.73L20.167 35.634V56a1.5 1.5 0 0 1-3 0V8c0-.51.26-.985.688-1.261m2.312 25.598 24.208-11.004L20.167 10.33z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Report64 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/Request20/Request20.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="M6.75 2.5a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-1.75v1.034a8.25 8.25 0 0 1 7.5 8.216v2.083a.75.75 0 0 1-.75.75h-6.75v1.417h6.75a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1 0-1.5h6.75v-1.417H2.5a.75.75 0 0 1-.75-.75V12.5a8.25 8.25 0 0 1 7.5-8.216V3.25H7.5a.75.75 0 0 1-.75-.75m10 11.333H3.25v-.583h13.5zM3.291 11.75a6.751 6.751 0 0 1 13.418 0zM10 7a5.5 5.5 0 0 0-4.45 2.267.5.5 0 1 0 .81.588A4.5 4.5 0 0 1 10 8a.5.5 0 0 0 0-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * Request20 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/Request24/Request24.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="M8 3a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-2v1.05c5.053.501 9 4.765 9 9.95v2.5a1 1 0 0 1-1 1h-8V20h8a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h8v-1.5H3a1 1 0 0 1-1-1V15c0-5.185 3.947-9.449 9-9.95V4H9a1 1 0 0 1-1-1m12 13v.5H4V16zM4.062 14a8.001 8.001 0 0 1 15.876 0zM12 8.5a6.5 6.5 0 0 0-5.259 2.68.5.5 0 0 0 .81.587A5.5 5.5 0 0 1 12 9.5a.5.5 0 0 0 0-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * Request24 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/Request32/Request32.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-1h8a1 1 0 1 1 0 2h-3v2.038c6.712.51 12 6.119 12 12.962v3.333a1 1 0 0 1-1 1H17V27h11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h11v-2.667H4a1 1 0 0 1-1-1V20C3 13.157 8.288 7.549 15 7.038V5h-3a1 1 0 0 1-1-1m16 18.333H5V21h22zM5.045 19C5.55 13.393 10.262 9 16 9s10.45 4.394 10.955 10zM16 11.5a8.5 8.5 0 0 0-6.877 3.504.5.5 0 1 0 .81.588A7.5 7.5 0 0 1 16 12.5a.5.5 0 0 0 0-1"/></svg></template>
+<script setup lang="ts">
+/**
+ * Request32 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/Request48/Request48.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.5h12a1.5 1.5 0 0 1 0 3h-4.5v3.057c10.069.766 18 9.178 18 19.443v5a1.5 1.5 0 0 1-1.5 1.5H25.5v4H42a1.5 1.5 0 0 1 0 3H6a1.5 1.5 0 0 1 0-3h16.5v-4H6A1.5 1.5 0 0 1 4.5 35v-5c0-10.265 7.931-18.677 18-19.443V7.5H18A1.5 1.5 0 0 1 16.5 6m24 27.5h-33v-2h33zm-32.933-5c.758-8.41 7.826-15 16.433-15s15.675 6.59 16.433 15zM24 17a13 13 0 0 0-10.517 5.359 1 1 0 0 0 1.618 1.175A11 11 0 0 1 24 19a1 1 0 1 0 0-2"/></svg></template>
+<script setup lang="ts">
+/**
+ * Request48 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/Request64/Request64.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.5h16a1.5 1.5 0 0 1 0 3h-6.5v5.043c13.385.777 24 11.877 24 25.457v6.667a1.5 1.5 0 0 1-1.5 1.5H33.5V54.5H56a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1 0-3h22.5v-6.333H8a1.5 1.5 0 0 1-1.5-1.5V40c0-13.58 10.615-24.68 24-25.457V9.5H24A1.5 1.5 0 0 1 22.5 8m32 37.167h-45V41.5h45zM9.55 38.5c.771-11.727 10.528-21 22.45-21s21.679 9.273 22.45 21zM32 23a17 17 0 0 0-13.753 7.008 1 1 0 0 0 1.618 1.175A15 15 0 0 1 32 25a1 1 0 1 0 0-2"/></svg></template>
+<script setup lang="ts">
+/**
+ * Request64 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/Return20/Return20.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="M4.167 3.417a.75.75 0 0 0-.75.75v2.5a.75.75 0 1 0 1.5 0v-1.75h10.166v2.44l-.386-.387a.75.75 0 0 0-1.06 1.06l1.666 1.667a.75.75 0 0 0 1.06 0L18.03 8.03a.75.75 0 0 0-1.06-1.06l-.387.386v-3.19a.75.75 0 0 0-.75-.75zm.53 6.886a.75.75 0 0 0-1.06 0L1.97 11.97a.75.75 0 1 0 1.06 1.06l.387-.386v3.19a.75.75 0 0 0 .75.75h11.666a.75.75 0 0 0 .75-.75v-2.5a.75.75 0 0 0-1.5 0v1.75H4.917v-2.44l.386.386a.75.75 0 0 0 1.06-1.06z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Return20 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/Return24/Return24.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="M5 4a1 1 0 0 0-1 1v3a1 1 0 0 0 2 0V6h12v2.586l-.293-.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l2-2a1 1 0 0 0-1.414-1.414L20 8.586V5a1 1 0 0 0-1-1zm.707 8.293a1 1 0 0 0-1.414 0l-2 2a1 1 0 1 0 1.414 1.414L4 15.414V19a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3a1 1 0 1 0-2 0v2H6v-2.586l.293.293a1 1 0 0 0 1.414-1.414z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Return24 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/Return32/Return32.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="M6.667 5.667a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-3h16.666v4.586l-.96-.96a1 1 0 0 0-1.413 1.414l2.666 2.667a1 1 0 0 0 1.414 0l2.667-2.667a1 1 0 0 0-1.414-1.414l-.96.96V6.667a1 1 0 0 0-1-1zm.707 10.96a1 1 0 0 0-1.414 0l-2.667 2.666a1 1 0 1 0 1.414 1.414l.96-.96v5.586a1 1 0 0 0 1 1h18.666a1 1 0 0 0 1-1v-4a1 1 0 1 0-2 0v3H7.667v-4.585l.96.96a1 1 0 0 0 1.413-1.415z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Return32 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/Return48/Return48.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="M10 8.5A1.5 1.5 0 0 0 8.5 10v6a1.5 1.5 0 0 0 3 0v-4.5h25v6.879l-1.44-1.44a1.5 1.5 0 0 0-2.12 2.122l4 4a1.5 1.5 0 0 0 2.12 0l4-4a1.5 1.5 0 0 0-2.12-2.122l-1.44 1.44V10A1.5 1.5 0 0 0 38 8.5zm1.06 16.44a1.5 1.5 0 0 0-2.12 0l-4 4a1.5 1.5 0 0 0 2.12 2.12l1.44-1.439V38a1.5 1.5 0 0 0 1.5 1.5h28a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-3 0v4.5h-25v-6.879l1.44 1.44a1.5 1.5 0 0 0 2.12-2.122z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Return48 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/Return64/Return64.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="M13.333 11.833a1.5 1.5 0 0 0-1.5 1.5v8a1.5 1.5 0 0 0 3 0v-6.5h34.334v10.879l-2.773-2.773a1.5 1.5 0 1 0-2.121 2.122l5.333 5.333a1.5 1.5 0 0 0 2.121 0l5.334-5.333a1.5 1.5 0 0 0-2.122-2.122l-2.772 2.773V13.333a1.5 1.5 0 0 0-1.5-1.5zm1.061 21.773a1.5 1.5 0 0 0-2.121 0l-5.334 5.333a1.5 1.5 0 1 0 2.122 2.122l2.772-2.773v12.379a1.5 1.5 0 0 0 1.5 1.5h37.334a1.5 1.5 0 0 0 1.5-1.5v-8a1.5 1.5 0 0 0-3 0v6.5H14.833v-10.88l2.773 2.774a1.5 1.5 0 1 0 2.121-2.122z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Return64 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/RotatedMobile20/RotatedMobile20.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="M11.667 3.25a.5.5 0 1 0 0 1c.954 0 1.636.237 2.131.567.498.332.837.778 1.067 1.24.172.343.281.69.35.992l-.825-.413a.5.5 0 1 0-.447.895l1.667.833a.5.5 0 0 0 .577-.094l1.25-1.25a.5.5 0 0 0-.707-.707l-.534.534a5.5 5.5 0 0 0-.436-1.237 4.16 4.16 0 0 0-1.407-1.625c-.677-.451-1.557-.735-2.686-.735M2.5 3.417a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-6.667a.75.75 0 0 0-.75-.75H9.917V4.167a.75.75 0 0 0-.75-.75zm7.417 8.166v5.167h6.833v-5.167zM3.25 16.75v-2.083h5.167v2.083zm0-3.083v-8.75h5.167v8.75z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RotatedMobile20 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/RotatedMobile24/RotatedMobile24.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 4a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1h-9V5a1 1 0 0 0-1-1zm9 10v6h8v-6zm-8 6v-2.5h6V20zm0-3.5V6h6v10.5zM14 4a.5.5 0 0 0 0 1c1.163 0 2.001.29 2.613.697.615.41 1.032.96 1.315 1.527.25.5.392 1.005.472 1.417l-1.176-.588a.5.5 0 1 0-.448.894l2 1a.5.5 0 0 0 .578-.093l1.5-1.5a.5.5 0 0 0-.708-.708l-.77.772a6.6 6.6 0 0 0-.554-1.642c-.342-.684-.863-1.383-1.654-1.91C16.374 4.335 15.338 4 14 4"/></svg></template>
+<script setup lang="ts">
+/**
+ * RotatedMobile24 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/RotatedMobile32/RotatedMobile32.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="M18.667 5.5a.5.5 0 1 0 0 1c1.579 0 2.73.393 3.576.958.85.566 1.423 1.325 1.81 2.099a7.7 7.7 0 0 1 .7 2.26l-1.863-.93a.5.5 0 1 0-.447.893l2.667 1.334a.5.5 0 0 0 .577-.094l2-2a.5.5 0 0 0-.707-.707l-1.254 1.254-.004-.024a8.7 8.7 0 0 0-.775-2.433c-.446-.893-1.123-1.8-2.149-2.484C21.77 5.94 20.421 5.5 18.667 5.5M4 5.667a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1V17.333a1 1 0 0 0-1-1H15.667V6.667a1 1 0 0 0-1-1zm11.667 12.666V27H27v-8.667zM5 27v-3.833h8.667V27zm0-4.833v-14.5h8.667v14.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RotatedMobile32 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/RotatedMobile48/RotatedMobile48.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="M28 8a1 1 0 1 0 0 2c2.325 0 4.002.578 5.227 1.395 1.23.82 2.063 1.92 2.629 3.052.5 1.001.784 2.012.944 2.835l-2.353-1.176a1 1 0 1 0-.894 1.788l4 2a1 1 0 0 0 1.154-.187l3-3a1 1 0 0 0-1.414-1.414l-1.543 1.543a13 13 0 0 0-1.106-3.283c-.684-1.369-1.726-2.768-3.308-3.823C32.748 8.672 30.675 8 28 8M6 8.5A1.5 1.5 0 0 0 4.5 10v32A1.5 1.5 0 0 0 6 43.5h36a1.5 1.5 0 0 0 1.5-1.5V26a1.5 1.5 0 0 0-1.5-1.5H23.5V10A1.5 1.5 0 0 0 22 8.5zm17.5 19v13h17v-13zm-16 13V35h13v5.5zm0-7.5V11.5h13V33z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RotatedMobile48 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/RotatedMobile64/RotatedMobile64.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="M37.333 11a1 1 0 1 0 0 2c3.159 0 5.461.787 7.154 1.915 1.7 1.133 2.845 2.65 3.619 4.199.776 1.552 1.169 3.116 1.366 4.3q.019.114.035.222l-3.726-1.864a1 1 0 0 0-.895 1.79l5.334 2.666a1 1 0 0 0 1.154-.188l4-4a1 1 0 0 0-1.414-1.414l-2.507 2.507-.008-.047c-.22-1.316-.66-3.085-1.55-4.866-.893-1.786-2.248-3.602-4.299-4.969C43.54 11.88 40.842 11 37.333 11M8 11.833a1.5 1.5 0 0 0-1.5 1.5V56A1.5 1.5 0 0 0 8 57.5h48a1.5 1.5 0 0 0 1.5-1.5V34.667a1.5 1.5 0 0 0-1.5-1.5H30.833V13.333a1.5 1.5 0 0 0-1.5-1.5zm22.833 24.334V54.5H54.5V36.167zM9.5 54.5v-8.167h18.333V54.5zm0-10.167v-29.5h18.333v29.5z"/></svg></template>
+<script setup lang="ts">
+/**
+ * RotatedMobile64 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/Ruble20/Ruble20.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="M5.833 1.75a.75.75 0 0 0-.75.75v7.167h-1.75a.75.75 0 0 0 0 1.5h1.75v2.666h-1.75a.75.75 0 0 0 0 1.5h1.75V17.5a.75.75 0 0 0 1.5 0v-2.167H10a.75.75 0 1 0 0-1.5H6.583v-2.666h5.292a4.708 4.708 0 0 0 0-9.417zm6.042 7.917H6.583V3.25h5.292a3.208 3.208 0 0 1 0 6.417"/></svg></template>
+<script setup lang="ts">
+/**
+ * Ruble20 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/Ruble24/Ruble24.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="M7 2a1 1 0 0 0-1 1v8.5H4a1 1 0 1 0 0 2h2v3H4a1 1 0 1 0 0 2h2V21a1 1 0 1 0 2 0v-2.5h4a1 1 0 1 0 0-2H8v-3h6.25a5.75 5.75 0 0 0 0-11.5zm7.25 9.5H8V4h6.25a3.75 3.75 0 1 1 0 7.5"/></svg></template>
+<script setup lang="ts">
+/**
+ * Ruble24 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/Ruble32/Ruble32.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="M9.333 3a1 1 0 0 0-1 1v11.667h-3a1 1 0 1 0 0 2h3v4.666h-3a1 1 0 1 0 0 2h3V28a1 1 0 1 0 2 0v-3.667H16a1 1 0 1 0 0-2h-5.667v-4.666H19A7.333 7.333 0 0 0 19 3zM19 15.667h-8.667V5H19a5.333 5.333 0 0 1 0 10.667"/></svg></template>
+<script setup lang="ts">
+/**
+ * Ruble32 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/Ruble48/Ruble48.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="M14 4.5A1.5 1.5 0 0 0 12.5 6v17.5H8a1.5 1.5 0 0 0 0 3h4.5v7H8a1.5 1.5 0 0 0 0 3h4.5V42a1.5 1.5 0 0 0 3 0v-5.5H24a1.5 1.5 0 0 0 0-3h-8.5v-7h13c6.075 0 11-4.925 11-11s-4.925-11-11-11zm14.5 19h-13v-16h13a8 8 0 1 1 0 16"/></svg></template>
+<script setup lang="ts">
+/**
+ * Ruble48 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/Ruble64/Ruble64.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="M18.667 6.5a1.5 1.5 0 0 0-1.5 1.5v23.833h-6.5a1.5 1.5 0 0 0 0 3h6.5v10.334h-6.5a1.5 1.5 0 1 0 0 3h6.5V56a1.5 1.5 0 0 0 3 0v-7.833H32a1.5 1.5 0 1 0 0-3H20.167V34.833H38c7.824 0 14.167-6.342 14.167-14.166S45.824 6.5 38 6.5zM38 31.833H20.167V9.5H38c6.168 0 11.167 5 11.167 11.167s-5 11.166-11.167 11.166"/></svg></template>
+<script setup lang="ts">
+/**
+ * Ruble64 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/Sample20/Sample20.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="M11.85 1.296a.75.75 0 0 1 .87.608l.433 2.462a.75.75 0 0 1-.608.87l-.082.014 1.607 9.11a3.25 3.25 0 0 1-6.37 1.293l-.033-.164-1.606-9.11-.083.014a.75.75 0 0 1-.869-.609l-.434-2.462a.75.75 0 0 1 .609-.868l6.565-1.158ZM9.146 15.228l.04.175a1.751 1.751 0 0 0 3.406-.783l-.202-1.149-.903.16a.5.5 0 1 1-.174-.985l.903-.16-.116-.657-.903.16a.5.5 0 0 1-.173-.985l.903-.16-.061-.345H8.312l.834 4.73ZM8.136 9.5h2.334a.5.5 0 0 1 .264-.138l.903-.159-.116-.656-.903.16a.5.5 0 0 1-.173-.985l.903-.16-.362-2.051-3.447.608zM6.457 4.785l5.089-.897-.174-.985-5.088.898z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Sample20 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/Sample24/Sample24.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="M14.203 1.457a1 1 0 0 1 1.159.811l.52 2.955a1 1 0 0 1-.81 1.158l1.91 10.833.03.204a4 4 0 0 1-7.868 1.387l-.041-.202L7.193 7.77a1 1 0 0 1-1.159-.81l-.52-2.955a1 1 0 0 1 .81-1.159l7.88-1.389Zm-3.13 16.799.046.2a2 2 0 0 0 3.893-.895l-.26-1.477-.985.174a.5.5 0 1 1-.174-.985l.985-.174-.174-.984-.985.173a.5.5 0 1 1-.173-.985l.984-.173-.11-.63h-4.063zM9.88 11.5l2.728-.001a.5.5 0 0 1 .29-.165l.984-.174-.173-.985-.985.174a.5.5 0 0 1-.174-.985l.985-.173-.434-2.462-3.94.694.72 4.077ZM7.83 5.627l5.908-1.042-.173-.985-5.91 1.042.174.985Z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Sample24 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/Sample32/Sample32.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="M18.995 2.271a1 1 0 0 1 1.159.811l.695 3.94a1 1 0 0 1-.812 1.158l-.328.058 2.605 14.772a5 5 0 0 1-9.797 1.988l-.051-.252L9.861 9.974l-.329.058a1 1 0 0 1-1.158-.81l-.695-3.94a1 1 0 0 1 .811-1.159zM14.435 24.4l.031.151a3 3 0 0 0 5.879-1.193l-.377-2.133-1.641.29a.5.5 0 0 1-.174-.985l1.642-.29-.29-1.641-1.641.29a.5.5 0 1 1-.174-.986l1.642-.29-.197-1.112h-6.092zm-1.569-8.9h4.027a.5.5 0 0 1 .334-.223l1.642-.29-.29-1.641-1.642.29a.5.5 0 1 1-.173-.986l1.641-.29-.665-3.774-5.91 1.042zM10.17 7.89l8.535-1.505-.347-1.97L9.823 5.92z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Sample32 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/Sample48/Sample48.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="M28.493 3.407a1.5 1.5 0 0 1 1.738 1.216l1.042 5.91a1.5 1.5 0 0 1-1.217 1.737l-.492.087 3.907 22.158.057.382a7.5 7.5 0 0 1-14.753 2.6l-.076-.377-3.908-22.158-.492.086a1.5 1.5 0 0 1-1.738-1.216l-1.042-5.91a1.5 1.5 0 0 1 1.217-1.737zm-6.84 33.192.046.227a4.5 4.5 0 0 0 8.817-1.79l-.52-2.955-2.463.435a1 1 0 1 1-.347-1.97l2.462-.434-.347-1.97-2.463.435a1 1 0 0 1-.348-1.97l2.463-.434-.206-1.174h-9.14zm-2.398-13.6h5.958a1 1 0 0 1 .584-.331l2.462-.435-.348-1.97-2.462.435a1 1 0 0 1-.347-1.97l2.462-.434-.955-5.416-8.863 1.563L19.256 23Zm-4-11.165 12.803-2.258-.521-2.954-12.803 2.257z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Sample48 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/Sample64/Sample64.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="M38.078 5.035a1.5 1.5 0 0 1 1.737 1.216l1.39 7.879a1.5 1.5 0 0 1-1.217 1.738l-1.15.202 5.297 30.037a9.5 9.5 0 0 1-18.614 3.779l-.098-.48-5.296-30.036-1.148.202a1.5 1.5 0 0 1-1.738-1.217l-1.389-7.878a1.5 1.5 0 0 1 1.217-1.738zm-9.7 43.85.067.329a6.5 6.5 0 0 0 12.735-2.586l-.752-4.267-3.775.665a1 1 0 0 1-.347-1.97l3.775-.665-.58-3.282-3.775.665a1 1 0 0 1-.347-1.97l3.776-.665-.378-2.14h-13.2zM25.224 31h8.56a1 1 0 0 1 .67-.448l3.774-.666-.579-3.283-3.775.665a1 1 0 0 1-.348-1.97l3.776-.665-1.418-8.042-12.802 2.258zm-5.289-14.643 18.055-3.183-.869-4.924-18.054 3.183z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Sample64 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/Save20/Save20.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 1.75a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75V5.833a.75.75 0 0 0-.22-.53L14.697 1.97a.75.75 0 0 0-.53-.22zm4.25 4.083V3.25h-3.5v13.5h1.833V10a.75.75 0 0 1 .75-.75h8.334a.75.75 0 0 1 .75.75v6.75h1.833V6.144L13.856 3.25h-.606v2.583a.75.75 0 0 1-.75.75h-5a.75.75 0 0 1-.75-.75M6.583 16.75v-6h6.834v6z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Save20 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>