@mozaic-ds/icons-vue 2.3.0 → 2.4.0

package/src/components/Timer24/Timer24.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="M4.854 2.146a.5.5 0 0 1 0 .708l-.647.646 1.084 1.084A9.96 9.96 0 0 1 12 2c2.582 0 4.935.978 6.709 2.584L19.293 4l-.147-.146a.5.5 0 0 1 .708-.708l.5.5.5.5a.5.5 0 0 1-.708.708L20 4.707l-.584.584A9.96 9.96 0 0 1 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-2.582.978-4.935 2.584-6.709L3.5 4.207l-.646.647a.5.5 0 1 1-.708-.708l1-1 1-1a.5.5 0 0 1 .708 0M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1.5 7.5a1.5 1.5 0 1 1-.853-1.354l2.5-2.5a.5.5 0 0 1 .707.708l-2.5 2.5c.094.195.146.414.146.646"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24 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/Timer24h20/Timer24h20.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.103 2.437a.5.5 0 0 0-.707-.708l-.833.834-.834.833a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.416a.5.5 0 0 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.823l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m9.262-2.5h-.74v4.375h.74v-1.832q0-.31.175-.49a.57.57 0 0 1 .426-.18q.256 0 .42.174.17.17.17.467v1.86h.74v-2.03q0-.36-.146-.623a.97.97 0 0 0-.39-.409 1.1 1.1 0 0 0-.572-.146 1 1 0 0 0-.473.117q-.21.111-.35.286zM5.1 11.21l1.423-1.33q.298-.285.409-.473a.8.8 0 0 0 .11-.414.54.54 0 0 0-.169-.414q-.17-.164-.46-.163-.24 0-.42.122a.66.66 0 0 0-.263.327l-.73-.21q.117-.386.49-.648.374-.262.934-.262.455 0 .776.157.327.157.49.426.17.27.169.6 0 .357-.175.672-.169.31-.554.665l-.974.91h1.75v.7H5.099zm4.909-.21H8.24v-.607l1.097-2.572h.799l-1.08 2.525h.952V9.39h.723v.956h.455V11h-.455v.875h-.723z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24h20 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/Timer24h24/Timer24h24.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="M4.854 2.854a.5.5 0 1 0-.708-.708l-1 1-1 1a.5.5 0 1 0 .708.708l.646-.647 1.084 1.084A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.96 9.96 0 0 0-2.584-6.709L20 4.707l.146.147a.5.5 0 0 0 .708-.708l-.5-.5-.5-.5a.5.5 0 0 0-.708.708l.147.146-.584.584A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-6.709 2.584L4.207 3.5zM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m11.015-3h-.89v5.25h.89v-2.198q0-.37.21-.588a.68.68 0 0 1 .51-.217q.309 0 .505.21.203.203.203.56v2.233h.889v-2.436q0-.434-.175-.749a1.16 1.16 0 0 0-.47-.49 1.34 1.34 0 0 0-.685-.175q-.308 0-.567.14a1.3 1.3 0 0 0-.42.343zm-8.896 4.452 1.708-1.596q.357-.344.49-.567a1 1 0 0 0 .133-.497.65.65 0 0 0-.203-.497q-.203-.196-.553-.196a.88.88 0 0 0-.504.147.8.8 0 0 0-.315.392L6 10.386q.14-.462.588-.777t1.12-.315q.546 0 .931.189.392.189.588.511.203.322.203.721 0 .427-.21.805-.203.37-.665.798L7.386 13.41h2.1v.84H6.119zm5.89-.252H9.89v-.728l1.315-3.087h.96l-1.296 3.031h1.141v-1.148h.868v1.148h.546v.784h-.546v1.05h-.868z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24h24 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/Timer24h32/Timer24h32.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.353 3.687a.5.5 0 0 0-.707-.708L4.313 4.313 2.979 5.646a.5.5 0 0 0 .708.707l.98-.98L6.46 7.168A12.95 12.95 0 0 0 3 16c0 7.18 5.82 13 13 13s13-5.82 13-13c0-3.41-1.313-6.514-3.461-8.832l1.127-1.128.314.313a.5.5 0 1 0 .707-.707l-.667-.667-.667-.666a.5.5 0 0 0-.707.707l.313.313-1.127 1.127A12.95 12.95 0 0 0 16 3c-3.41 0-6.514 1.313-8.832 3.46L5.373 4.666zM5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16m15.02-4h-1.186v7h1.185v-2.931q0-.495.28-.784a.91.91 0 0 1 .682-.29q.411 0 .672.28.27.271.27.747V19h1.186v-3.248q0-.579-.233-.999a1.55 1.55 0 0 0-.626-.653 1.8 1.8 0 0 0-.914-.234q-.411 0-.756.187-.336.177-.56.457zM8.158 17.936l2.278-2.128q.476-.458.653-.756.177-.308.177-.663a.86.86 0 0 0-.27-.663q-.27-.261-.738-.261-.383 0-.672.196a1.06 1.06 0 0 0-.42.523L8 13.848q.186-.616.784-1.036.597-.42 1.493-.42.729 0 1.241.252.523.252.784.681.27.43.271.961 0 .57-.28 1.074-.27.494-.887 1.064L9.848 17.88h2.8V19h-4.49zm7.854-.336h-2.828v-.971l1.755-4.116h1.279l-1.727 4.041h1.521v-1.53h1.158v1.53h.728V17.6h-.728V19h-1.158z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24h32 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/Timer24h48/Timer24h48.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="M9.707 5.707a1 1 0 0 0-1.414-1.414l-2 2-2 2a1 1 0 0 0 1.414 1.414L7 8.414l2.522 2.523A19.43 19.43 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5S43.5 34.77 43.5 24c0-5.025-1.9-9.606-5.022-13.063L40 9.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1-1-1a1 1 0 1 0-1.414 1.414l.293.293-1.523 1.522C33.606 6.401 29.025 4.5 24 4.5s-9.606 1.9-13.063 5.022L8.414 7zM7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24m22.53-6h-1.778v10.5h1.778v-4.396q0-.742.42-1.176t1.022-.434q.615 0 1.008.42.406.406.406 1.12V28.5h1.778v-4.872q0-.868-.35-1.498a2.32 2.32 0 0 0-.938-.98 2.7 2.7 0 0 0-1.372-.35q-.617 0-1.134.28a2.6 2.6 0 0 0-.84.686zm-17.792 8.904 3.416-3.192q.714-.686.98-1.134a1.96 1.96 0 0 0 .266-.994q0-.616-.406-.994-.406-.392-1.106-.392-.574 0-1.008.294-.435.28-.63.784L12 20.772q.28-.924 1.176-1.554t2.24-.63q1.092 0 1.862.378.785.378 1.176 1.022.405.645.406 1.442 0 .855-.42 1.61-.405.742-1.33 1.596l-2.338 2.184h4.2v1.68h-6.734zm11.78-.504h-4.241v-1.456l2.632-6.174h1.918l-2.59 6.062h2.282v-2.296h1.736v2.296h1.092V26.4h-1.092v2.1h-1.736z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24h48 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/Timer24h64/Timer24h64.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="M12.707 7.374a1 1 0 1 0-1.414-1.414L8.627 8.626v.001L5.96 11.293a1 1 0 1 0 1.414 1.414l1.96-1.96 3.942 3.943A25.4 25.4 0 0 0 6.5 32c0 14.084 11.417 25.5 25.5 25.5S57.5 46.084 57.5 32a25.4 25.4 0 0 0-6.775-17.31l2.609-2.609.626.626a1 1 0 1 0 1.414-1.414L54.041 9.96l-1.334-1.333a1 1 0 1 0-1.414 1.414l.626.626-2.608 2.609A25.4 25.4 0 0 0 32 6.5a25.4 25.4 0 0 0-17.311 6.776l-3.942-3.942zM9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.427 54.5 32 54.5 9.5 44.427 9.5 32m30.54-8h-2.37v14h2.37V32.14q0-.99.56-1.568a1.83 1.83 0 0 1 1.363-.579q.82 0 1.344.56.54.541.54 1.494V38h2.372v-6.496q0-1.157-.467-1.997a3.1 3.1 0 0 0-1.25-1.307q-.804-.465-1.83-.466-.822 0-1.512.373a3.5 3.5 0 0 0-1.12.915zM16.318 35.872l4.554-4.256q.952-.914 1.307-1.512.354-.615.355-1.325 0-.822-.542-1.325-.54-.523-1.474-.523-.766 0-1.344.392a2.12 2.12 0 0 0-.84 1.045L16 27.696q.374-1.232 1.568-2.072 1.195-.84 2.987-.84 1.455 0 2.483.504 1.046.504 1.568 1.363.54.858.541 1.923 0 1.138-.56 2.146-.54.99-1.773 2.128l-3.118 2.912h5.6V38h-8.978zm15.707-.672H26.37V33.26l3.51-8.232h2.557l-3.453 8.083h3.042v-3.062h2.315v3.062h1.456v2.09H34.34V38h-2.315z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer24h64 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/Timer2h20/Timer2h20.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.103 2.437a.5.5 0 0 0-.707-.707l-.833.833-.834.834a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.417a.5.5 0 1 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.824l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m7.74-2.5h-.74v4.375h.74v-1.832q0-.309.175-.49a.57.57 0 0 1 .424-.18q.256 0 .42.175.168.168.168.466v1.861h.74v-2.03q-.001-.361-.146-.624a.97.97 0 0 0-.39-.408 1.1 1.1 0 0 0-.57-.146 1 1 0 0 0-.472.116q-.21.111-.349.286zM8.185 9.88l-1.42 1.33v.665h2.8v-.7H7.819l.972-.91q.384-.356.552-.665.175-.315.175-.67a1.11 1.11 0 0 0-.658-1.027 1.74 1.74 0 0 0-.774-.158q-.558 0-.93.263-.374.262-.49.647l.728.21a.66.66 0 0 1 .262-.327.73.73 0 0 1 .419-.122q.29 0 .46.163a.54.54 0 0 1 .168.414.8.8 0 0 1-.11.415q-.111.187-.408.472"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer2h20 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/Timer2h24/Timer2h24.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="M4.854 2.854a.5.5 0 1 0-.708-.708l-1 1-1 1a.5.5 0 1 0 .708.708l.646-.647 1.084 1.084A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.96 9.96 0 0 0-2.584-6.709L20 4.707l.146.147a.5.5 0 0 0 .708-.708l-.5-.5-.5-.5a.5.5 0 0 0-.708.708l.147.146-.584.584A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-6.709 2.584L4.207 3.5zM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m9.188-3h-.887v5.25h.887v-2.198q0-.37.21-.588a.68.68 0 0 1 .51-.217q.307 0 .503.21.202.203.202.56v2.233h.887v-2.436q0-.434-.175-.749a1.16 1.16 0 0 0-.467-.49 1.33 1.33 0 0 0-.685-.175q-.307 0-.566.14a1.3 1.3 0 0 0-.419.343zm-3.365 2.856-1.704 1.596v.798h3.359v-.84H9.383l1.166-1.092q.46-.427.663-.798.21-.378.21-.805 0-.399-.203-.721a1.35 1.35 0 0 0-.586-.511q-.384-.189-.929-.189-.671 0-1.117.315-.447.315-.587.777l.873.252a.8.8 0 0 1 .314-.392.87.87 0 0 1 .503-.147q.35 0 .552.196a.65.65 0 0 1 .202.497 1 1 0 0 1-.132.497q-.133.224-.49.567"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer2h24 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/Timer2h32/Timer2h32.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.353 3.687a.5.5 0 0 0-.707-.707L4.313 4.313 2.979 5.648a.5.5 0 0 0 .708.707l.98-.98L6.46 7.168A12.95 12.95 0 0 0 3 16c0 7.18 5.82 13 13 13s13-5.82 13-13c0-3.41-1.313-6.513-3.461-8.832l1.127-1.127.314.313a.5.5 0 1 0 .707-.707l-.667-.667-.667-.667a.5.5 0 1 0-.707.707l.313.313-1.127 1.128A12.95 12.95 0 0 0 16 3.001c-3.41 0-6.514 1.312-8.832 3.46L5.373 4.667zM5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16m12.584-4h-1.182v7h1.182v-2.93q0-.495.28-.785a.9.9 0 0 1 .68-.289q.408 0 .67.28.27.27.27.747V19h1.182v-3.248q0-.579-.232-.999a1.55 1.55 0 0 0-.624-.653 1.8 1.8 0 0 0-.913-.233q-.41 0-.754.186-.336.178-.559.458zm-4.487 3.808-2.272 2.128V19h4.479v-1.12H12.51l1.555-1.456q.615-.57.885-1.064a2.2 2.2 0 0 0 .28-1.073q0-.532-.271-.962a1.8 1.8 0 0 0-.782-.68q-.512-.253-1.239-.253-.893 0-1.49.42-.595.42-.782 1.036l1.164.336q.13-.336.42-.523.288-.195.67-.196.465 0 .735.262.27.252.27.662 0 .355-.176.663-.178.3-.652.756"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer2h32 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/Timer2h48/Timer2h48.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="M9.707 5.707a1 1 0 0 0-1.414-1.414l-2 2-2 2a1 1 0 0 0 1.414 1.414L7 8.414l2.522 2.523A19.43 19.43 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5S43.5 34.77 43.5 24c0-5.025-1.9-9.606-5.022-13.063L40 9.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1-1-1a1 1 0 1 0-1.414 1.414l.293.293-1.523 1.522C33.606 6.401 29.025 4.5 24 4.5s-9.606 1.9-13.063 5.022L8.414 7zM7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24m18.877-6h-1.774v10.5h1.774v-4.396q0-.742.419-1.176.42-.434 1.02-.434.614 0 1.005.42.405.406.405 1.12V28.5H31v-4.872q0-.868-.35-1.498a2.3 2.3 0 0 0-.935-.98q-.6-.35-1.369-.35-.615 0-1.131.28a2.6 2.6 0 0 0-.838.686zm-6.731 5.712-3.409 3.192V28.5h6.719v-1.68h-4.19l2.332-2.184q.922-.854 1.327-1.596.42-.756.42-1.61 0-.798-.406-1.442-.39-.645-1.173-1.022-.769-.378-1.858-.378-1.341 0-2.235.63T16 20.772l1.746.504q.195-.504.628-.784a1.75 1.75 0 0 1 1.006-.294q.699 0 1.104.392.405.378.405.994 0 .532-.266.994-.265.448-.978 1.134"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer2h48 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/Timer2h64/Timer2h64.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="M12.707 7.374a1 1 0 1 0-1.414-1.415L8.627 8.626 5.96 11.294a1 1 0 1 0 1.414 1.414l1.96-1.96 3.942 3.942A25.4 25.4 0 0 0 6.5 32c0 14.084 11.417 25.5 25.5 25.5S57.5 46.084 57.5 32a25.4 25.4 0 0 0-6.775-17.31l2.609-2.608.626.626a1 1 0 1 0 1.414-1.414l-1.333-1.334-1.334-1.333a1 1 0 1 0-1.414 1.414l.626.627-2.608 2.608A25.4 25.4 0 0 0 32 6.5a25.4 25.4 0 0 0-17.311 6.775l-3.942-3.942zM9.5 32C9.5 19.573 19.574 9.5 32 9.5S54.5 19.573 54.5 32 44.427 54.5 32 54.5 9.5 44.426 9.5 32m25.67-8h-2.366v14h2.365v-5.861q0-.99.559-1.569a1.82 1.82 0 0 1 1.36-.578q.82 0 1.34.56.54.54.54 1.493V38h2.366v-6.496q0-1.158-.466-1.998A3.1 3.1 0 0 0 39.62 28.2q-.8-.467-1.825-.467-.82 0-1.508.373-.67.355-1.118.915zm-8.976 7.616-4.544 4.256V38h8.958v-2.24h-5.587l3.11-2.912q1.23-1.14 1.77-2.128a4.36 4.36 0 0 0 .558-2.147q0-1.064-.54-1.923-.522-.858-1.564-1.362-1.025-.504-2.477-.504-1.788 0-2.98.84t-1.564 2.072l2.328.672q.26-.672.838-1.045a2.33 2.33 0 0 1 1.34-.393q.932 0 1.472.523.54.504.54 1.325 0 .71-.354 1.326-.354.597-1.304 1.512"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer2h64 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/Timer32/Timer32.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.353 2.98a.5.5 0 0 1 0 .707l-.98.98L7.168 6.46C9.486 4.313 12.59 3.001 16 3.001s6.513 1.312 8.832 3.46l1.127-1.128-.313-.313a.5.5 0 0 1 .707-.707l.667.667.667.667a.5.5 0 0 1-.707.707l-.314-.313-1.127 1.127A12.95 12.95 0 0 1 28.999 16c0 7.18-5.82 13-13 13S3 23.18 3 16c0-3.41 1.314-6.513 3.461-8.832L4.666 5.374l-.98.98a.5.5 0 0 1-.707-.707l1.334-1.333v-.001L5.646 2.98a.5.5 0 0 1 .707 0M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11 11-4.925 11-11S22.075 5 16 5m2 10.334a2 2 0 1 1-.984-1.724l3.297-3.297a.5.5 0 1 1 .707.707l-3.297 3.298c.176.297.277.645.277 1.016"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer32 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/Timer3h20/Timer3h20.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.103 2.437a.5.5 0 0 0-.707-.708l-.833.834-.834.833a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.416a.5.5 0 0 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.823l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m7.893-2.5h-.76v4.3h.76V10q0-.304.18-.482c.18-.178.265-.178.437-.178q.264 0 .43.172.175.166.174.459v1.83h.76V9.804q0-.356-.149-.614a.97.97 0 0 0-.401-.401 1.2 1.2 0 0 0-.587-.144q-.263 0-.485.115a1.1 1.1 0 0 0-.359.281zm-3.938 4.117q.395.258 1 .258.436 0 .778-.155a1.23 1.23 0 0 0 .527-.43q.19-.28.191-.648a.94.94 0 0 0-.203-.62 1 1 0 0 0-.48-.332v-.006a.83.83 0 0 0 .438-.315.94.94 0 0 0 .161-.562.92.92 0 0 0-.18-.568 1.1 1.1 0 0 0-.496-.367 1.9 1.9 0 0 0-.73-.132q-.57 0-.94.259a1.23 1.23 0 0 0-.485.636l.748.206q.18-.441.67-.441.252 0 .426.138.18.136.18.372 0 .556-.683.556h-.461v.603h.473q.323 0 .539.149a.47.47 0 0 1 .215.418.52.52 0 0 1-.197.43.77.77 0 0 1-.48.15q-.304 0-.526-.133a.8.8 0 0 1-.311-.367l-.713.213q.144.424.54.688"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer3h20 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/Timer3h24/Timer3h24.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="M4.854 2.854a.5.5 0 1 0-.708-.708l-1 1-1 1a.5.5 0 1 0 .708.708l.646-.647 1.084 1.084A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.96 9.96 0 0 0-2.584-6.709L20 4.707l.146.147a.5.5 0 0 0 .708-.708l-.5-.5-.5-.5a.5.5 0 0 0-.708.708l.147.146-.584.584A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-6.709 2.584L4.207 3.5zM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m9.372-3h-.912v5.16h.912V12q0-.365.216-.578a.72.72 0 0 1 .524-.213.7.7 0 0 1 .517.206q.21.2.209.55v2.196h.912v-2.395q0-.427-.18-.736a1.16 1.16 0 0 0-.48-.482 1.4 1.4 0 0 0-.705-.172q-.315 0-.582.138a1.3 1.3 0 0 0-.43.337zm-4.726 4.94q.475.31 1.2.31.524 0 .934-.186t.632-.516q.23-.338.23-.777 0-.448-.244-.744a1.2 1.2 0 0 0-.575-.399v-.006q.338-.11.524-.379.195-.269.194-.674 0-.393-.215-.681a1.34 1.34 0 0 0-.596-.44 2.3 2.3 0 0 0-.877-.159q-.682 0-1.127.31a1.47 1.47 0 0 0-.582.763l.898.248q.215-.53.804-.53.302 0 .51.165.216.165.216.448 0 .667-.82.667H9.2v.723h.567q.388 0 .647.179a.56.56 0 0 1 .258.502q0 .33-.237.516a.93.93 0 0 1-.575.179q-.366 0-.632-.158a.95.95 0 0 1-.373-.44L8 13.114q.172.51.646.825"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer3h24 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/Timer3h32/Timer3h32.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.353 3.687a.5.5 0 0 0-.707-.708L4.313 4.313 2.979 5.646a.5.5 0 0 0 .708.707l.98-.98L6.46 7.168A12.95 12.95 0 0 0 3 16c0 7.18 5.82 13 13 13s13-5.82 13-13c0-3.41-1.313-6.514-3.461-8.832l1.127-1.128.314.313a.5.5 0 1 0 .707-.707l-.667-.667-.667-.666a.5.5 0 0 0-.707.707l.313.313-1.127 1.127A12.95 12.95 0 0 0 16 3c-3.41 0-6.514 1.313-8.832 3.46L5.373 4.666zM5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16m12.83-4h-1.217v6.88h1.216V16q0-.486.288-.771a.96.96 0 0 1 .699-.284q.42 0 .69.275.277.266.277.734v2.926H21v-3.192q0-.57-.24-.982a1.55 1.55 0 0 0-.642-.642 1.9 1.9 0 0 0-.938-.23q-.422 0-.776.184a1.8 1.8 0 0 0-.575.45zm-6.302 6.587q.633.413 1.6.413.698 0 1.245-.248.546-.247.843-.688.306-.45.306-1.037 0-.596-.325-.99a1.6 1.6 0 0 0-.767-.533v-.009q.45-.147.7-.504.258-.359.258-.9 0-.522-.287-.908a1.8 1.8 0 0 0-.795-.587 3 3 0 0 0-1.169-.211q-.909 0-1.503.413-.585.413-.776 1.018l1.197.33q.288-.706 1.073-.706.402 0 .68.22a.71.71 0 0 1 .287.597q0 .89-1.092.89h-.737v.963h.756q.517 0 .862.238.345.23.345.67t-.316.688q-.316.24-.766.239-.489 0-.843-.211a1.26 1.26 0 0 1-.498-.588l-1.14.34q.23.68.862 1.1"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer3h32 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/Timer3h48/Timer3h48.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="M9.707 5.707a1 1 0 0 0-1.414-1.414l-2 2-2 2a1 1 0 0 0 1.414 1.414L7 8.414l2.522 2.523A19.43 19.43 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5S43.5 34.77 43.5 24c0-5.025-1.9-9.606-5.022-13.063L40 9.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1-1-1a1 1 0 1 0-1.414 1.414l.293.293-1.523 1.522C33.606 6.401 29.025 4.5 24 4.5s-9.606 1.9-13.063 5.022L8.414 7zM7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24m19.245-6H24.92v10.321h1.825V24q0-.73.43-1.156a1.44 1.44 0 0 1 1.05-.427q.631 0 1.034.413.417.399.417 1.101v4.39H31.5v-4.789q0-.854-.36-1.472a2.33 2.33 0 0 0-.962-.964 2.85 2.85 0 0 0-1.408-.344q-.632 0-1.163.275-.517.262-.862.675zm-9.452 9.88q.948.62 2.4.62 1.047 0 1.867-.372.819-.37 1.264-1.032.46-.675.46-1.555 0-.894-.489-1.486-.488-.591-1.149-.798v-.014q.675-.22 1.049-.757.388-.537.388-1.348 0-.784-.431-1.363-.431-.578-1.193-.88-.761-.317-1.753-.317-1.364 0-2.255.62-.876.618-1.164 1.527l1.796.495q.43-1.06 1.61-1.06.602 0 1.02.33.43.332.43.895 0 1.335-1.638 1.335H18.4v1.445h1.135q.776 0 1.293.358.517.345.517 1.004 0 .66-.474 1.033-.474.357-1.15.357-.732 0-1.263-.316a1.9 1.9 0 0 1-.747-.88l-1.71.508q.344 1.02 1.293 1.652"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer3h48 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/Timer3h64/Timer3h64.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="M12.707 7.374a1 1 0 1 0-1.414-1.414L8.627 8.626v.001L5.96 11.293a1 1 0 1 0 1.414 1.414l1.96-1.96 3.942 3.943A25.4 25.4 0 0 0 6.5 32c0 14.084 11.417 25.5 25.5 25.5S57.5 46.084 57.5 32a25.4 25.4 0 0 0-6.775-17.31l2.609-2.609.626.626a1 1 0 1 0 1.414-1.414L54.041 9.96l-1.334-1.333a1 1 0 1 0-1.414 1.414l.626.626-2.608 2.609A25.4 25.4 0 0 0 32 6.5a25.4 25.4 0 0 0-17.311 6.776l-3.942-3.942zM9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.427 54.5 32 54.5 9.5 44.427 9.5 32m26.16-8h-2.433v13.762h2.433V32q0-.972.575-1.541c.575-.569.849-.569 1.398-.569q.843 0 1.38.55.555.533.555 1.469v5.853H42v-6.385q0-1.138-.479-1.964a3.1 3.1 0 0 0-1.283-1.284q-.824-.459-1.877-.459-.843 0-1.552.367-.69.348-1.149.9zM23.058 37.175q1.264.825 3.199.825 1.398 0 2.49-.495 1.092-.496 1.685-1.376.613-.899.613-2.074 0-1.192-.651-1.981t-1.532-1.064v-.019q.9-.294 1.398-1.009.517-.715.517-1.798 0-1.046-.574-1.817c-.574-.77-.914-.905-1.59-1.174q-1.015-.422-2.337-.422-1.82 0-3.008.826-1.169.825-1.551 2.036l2.394.66q.574-1.412 2.146-1.412.805 0 1.36.44.574.441.574 1.193 0 1.78-2.183 1.78h-1.475v1.927h1.513q1.035 0 1.724.477.69.458.69 1.339 0 .88-.633 1.376-.632.477-1.532.477-.977 0-1.686-.422a2.52 2.52 0 0 1-.996-1.174l-2.28.679q.46 1.358 1.725 2.202"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer3h64 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/Timer48/Timer48.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="M9.707 4.293a1 1 0 0 1 0 1.414L8.414 7l2.523 2.522C14.394 6.401 18.975 4.5 24 4.5s9.606 1.9 13.063 5.022L38.586 8l-.293-.293a1 1 0 0 1 1.414-1.414l1 1 1 1a1 1 0 0 1-1.414 1.414L40 9.414l-1.522 1.523A19.43 19.43 0 0 1 43.5 24c0 10.77-8.73 19.5-19.5 19.5S4.5 34.77 4.5 24c0-5.025 1.9-9.606 5.022-13.063L7 8.414 5.707 9.707a1 1 0 0 1-1.414-1.414l2-2 2-2a1 1 0 0 1 1.414 0M24 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.5M27 23a3 3 0 1 1-1.707-2.708l5-5a1 1 0 0 1 1.414 1.415l-5 5c.188.391.293.83.293 1.293"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48 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/Timer48h20/Timer48h20.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.103 2.437a.5.5 0 0 0-.707-.708l-.833.834-.834.833a.5.5 0 0 0 .708.707l.48-.48.906.907a8.25 8.25 0 1 0 12.353 0l.49-.49.063.063a.5.5 0 1 0 .708-.707l-.417-.417-.417-.416a.5.5 0 0 0-.707.707l.063.063-.49.49A8.22 8.22 0 0 0 10 1.75 8.22 8.22 0 0 0 4.53 3.823l-.907-.907zM3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0m9.41-2.5h-.737v4.3h.738V10q0-.304.174-.482a.57.57 0 0 1 .424-.178q.255 0 .418.172.168.166.169.459v1.83h.737V9.804q0-.356-.145-.614a.96.96 0 0 0-.39-.401 1.1 1.1 0 0 0-.568-.144 1 1 0 0 0-.47.115 1.1 1.1 0 0 0-.35.281zm-2.867 4.375a1.9 1.9 0 0 1-.773-.144q-.33-.15-.51-.412a1.1 1.1 0 0 1-.175-.608q0-.339.186-.574a1.3 1.3 0 0 1 .482-.367q-.622-.327-.622-.906a1 1 0 0 1 .169-.567q.174-.258.494-.407.318-.15.749-.15.43 0 .749.15.319.149.488.407a.98.98 0 0 1 .174.567.83.83 0 0 1-.174.545 1.5 1.5 0 0 1-.448.361q.291.132.482.367a.88.88 0 0 1 .192.574q0 .344-.18.608-.18.263-.511.412a1.9 1.9 0 0 1-.772.144m-.686-1.204q0 .286.192.458.191.167.494.167a.7.7 0 0 0 .493-.172.57.57 0 0 0 .198-.454.57.57 0 0 0-.192-.441q-.186-.178-.5-.178-.312 0-.499.178a.57.57 0 0 0-.186.442m.047-1.772q0 .24.168.413.17.172.47.172.303 0 .471-.172a.57.57 0 0 0 .168-.413.53.53 0 0 0-.18-.425.66.66 0 0 0-.458-.16.66.66 0 0 0-.46.16.53.53 0 0 0-.18.425M6.759 10.94H5v-.596l1.092-2.529h.796l-1.074 2.483h.946v-.94h.72v.94h.453v.642H7.48v.86h-.72z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48h20 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/Timer48h24/Timer48h24.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="M4.854 2.854a.5.5 0 1 0-.708-.708l-1 1-1 1a.5.5 0 1 0 .708.708l.646-.647 1.084 1.084A9.96 9.96 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.96 9.96 0 0 0-2.584-6.709L20 4.707l.146.147a.5.5 0 0 0 .708-.708l-.5-.5-.5-.5a.5.5 0 0 0-.708.708l.147.146-.584.584A9.96 9.96 0 0 0 12 2a9.96 9.96 0 0 0-6.709 2.584L4.207 3.5zM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m11.193-3h-.885v5.16h.885V12q0-.365.21-.578a.69.69 0 0 1 .508-.213.66.66 0 0 1 .502.206q.202.2.202.55v2.196h.885v-2.395q0-.427-.174-.736a1.15 1.15 0 0 0-.467-.482 1.35 1.35 0 0 0-.683-.172 1.2 1.2 0 0 0-.564.138q-.252.131-.419.337zm-3.441 5.25q-.531 0-.927-.172a1.43 1.43 0 0 1-.613-.495 1.3 1.3 0 0 1-.21-.73q0-.405.223-.688.231-.282.579-.44-.746-.393-.746-1.087 0-.38.202-.682.21-.31.593-.488.383-.18.899-.179.515 0 .899.179.383.18.585.488.21.303.209.682 0 .4-.21.653-.207.255-.536.434.349.158.579.44t.23.688q0 .413-.216.73a1.43 1.43 0 0 1-.614.495 2.3 2.3 0 0 1-.926.172m-.823-1.445q0 .345.23.55.23.2.593.2a.85.85 0 0 0 .592-.206.69.69 0 0 0 .237-.544.68.68 0 0 0-.23-.53q-.223-.213-.6-.213-.375 0-.599.213a.7.7 0 0 0-.223.53m.056-2.126q0 .29.202.495c.202.205.323.207.565.207q.362 0 .564-.207c.202-.207.202-.302.202-.495a.64.64 0 0 0-.216-.51.8.8 0 0 0-.55-.192.8.8 0 0 0-.551.193.64.64 0 0 0-.216.509m-2.874 2.45H6v-.716l1.31-3.035h.955l-1.29 2.98h1.136v-1.129h.865v1.129h.543v.77h-.543v1.033H8.11z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48h24 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/Timer48h32/Timer48h32.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.353 3.687a.5.5 0 0 0-.707-.708L4.313 4.313 2.979 5.646a.5.5 0 0 0 .708.707l.98-.98L6.46 7.168A12.95 12.95 0 0 0 3 16c0 7.18 5.82 13 13 13s13-5.82 13-13c0-3.41-1.313-6.514-3.461-8.832l1.127-1.128.314.313a.5.5 0 1 0 .707-.707l-.667-.667-.667-.666a.5.5 0 0 0-.707.707l.313.313-1.127 1.127A12.95 12.95 0 0 0 16 3c-3.41 0-6.514 1.313-8.832 3.46L5.373 4.666zM5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16m15.258-4h-1.18v6.88h1.18V16q0-.486.278-.771a.91.91 0 0 1 .679-.284.88.88 0 0 1 .669.275q.27.266.269.734v2.926h1.18v-3.192q0-.57-.232-.982a1.53 1.53 0 0 0-.623-.642 1.8 1.8 0 0 0-.91-.23q-.41 0-.753.184a1.7 1.7 0 0 0-.557.45zm-4.59 7q-.705 0-1.235-.23a1.9 1.9 0 0 1-.818-.66 1.72 1.72 0 0 1-.279-.973q0-.54.298-.917.306-.376.77-.587-.993-.523-.993-1.45 0-.504.27-.908a1.9 1.9 0 0 1 .789-.651q.51-.24 1.198-.239.688 0 1.199.239.51.239.78.65.28.405.28.91 0 .531-.28.87a2.4 2.4 0 0 1-.715.579q.465.21.771.587.307.375.307.917 0 .55-.288.973a1.9 1.9 0 0 1-.818.66q-.53.23-1.236.23m-1.096-1.927q0 .459.307.734.306.266.79.266.482 0 .79-.275a.91.91 0 0 0 .315-.725.9.9 0 0 0-.307-.706q-.297-.285-.799-.285c-.502 0-.6.095-.799.285a.92.92 0 0 0-.297.706m.074-2.835q0 .386.27.66.27.276.752.276.483 0 .753-.275a.9.9 0 0 0 .27-.66q0-.432-.289-.68-.288-.256-.734-.257c-.446 0-.542.086-.734.257q-.288.248-.288.68m-3.831 3.266H8v-.954l1.746-4.046h1.273L9.3 16.477h1.515v-1.505h1.152v1.505h.725v1.027h-.725v1.376h-1.152z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48h32 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/Timer48h48/Timer48h48.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="M9.707 5.707a1 1 0 0 0-1.414-1.414l-2 2-2 2a1 1 0 0 0 1.414 1.414L7 8.414l2.522 2.523A19.43 19.43 0 0 0 4.5 24c0 10.77 8.73 19.5 19.5 19.5S43.5 34.77 43.5 24c0-5.025-1.9-9.606-5.022-13.063L40 9.414l.293.293a1 1 0 0 0 1.414-1.414l-1-1-1-1a1 1 0 1 0-1.414 1.414l.293.293-1.523 1.522C33.606 6.401 29.025 4.5 24 4.5s-9.606 1.9-13.063 5.022L8.414 7zM7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24m22.887-6h-1.77v10.321h1.77V24q0-.73.418-1.156a1.37 1.37 0 0 1 1.017-.427q.614 0 1.004.413.404.399.404 1.101v4.39H35v-4.789q0-.854-.348-1.472a2.3 2.3 0 0 0-.934-.964q-.6-.344-1.366-.344a2.36 2.36 0 0 0-1.129.275q-.501.262-.836.675zm-6.884 10.5q-1.059 0-1.854-.344-.795-.358-1.226-.99a2.6 2.6 0 0 1-.418-1.46q0-.811.446-1.376.46-.564 1.157-.88-1.492-.785-1.492-2.175 0-.757.405-1.362.417-.62 1.184-.977.766-.358 1.798-.358c1.032 0 1.287.12 1.798.358q.766.357 1.17.977.42.605.419 1.362 0 .798-.418 1.308-.419.508-1.074.867.697.316 1.157.88t.46 1.376q0 .825-.432 1.46-.432.632-1.226.99-.795.345-1.854.344m-1.645-2.89q0 .689.46 1.101.46.4 1.185.4t1.185-.414q.474-.412.474-1.087a1.36 1.36 0 0 0-.46-1.06q-.446-.426-1.199-.426t-1.199.427q-.445.412-.445 1.06m.112-4.252q0 .578.404.99t1.13.413 1.128-.412q.404-.414.404-.991 0-.646-.432-1.019-.432-.384-1.1-.385-.67 0-1.102.385-.432.372-.432 1.019m-5.747 4.899H12v-1.431l2.62-6.07h1.91l-2.579 5.96h2.272v-2.257h1.728v2.257h1.087v1.54h-1.087v2.065h-1.728z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48h48 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/Timer48h64/Timer48h64.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="M12.707 7.374a1 1 0 1 0-1.414-1.414L8.627 8.626v.001L5.96 11.293a1 1 0 1 0 1.414 1.414l1.96-1.96 3.942 3.943A25.4 25.4 0 0 0 6.5 32c0 14.084 11.417 25.5 25.5 25.5S57.5 46.084 57.5 32a25.4 25.4 0 0 0-6.775-17.31l2.609-2.609.626.626a1 1 0 1 0 1.414-1.414L54.041 9.96l-1.334-1.333a1 1 0 1 0-1.414 1.414l.626.626-2.608 2.609A25.4 25.4 0 0 0 32 6.5a25.4 25.4 0 0 0-17.311 6.776l-3.942-3.942zM9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.427 54.5 32 54.5 9.5 44.427 9.5 32m31.016-8h-2.36v13.762h2.36V32q0-.972.558-1.541.556-.57 1.356-.569.817 0 1.338.55.54.533.539 1.469v5.853h2.36v-6.385q0-1.138-.465-1.964a3.06 3.06 0 0 0-1.245-1.284q-.799-.459-1.82-.459-.819 0-1.506.367a3.5 3.5 0 0 0-1.115.9zm-9.178 14q-1.413 0-2.472-.458-1.059-.477-1.635-1.321-.558-.844-.557-1.945 0-1.083.594-1.835a4.2 4.2 0 0 1 1.542-1.175q-1.988-1.045-1.988-2.899 0-1.008.54-1.816.556-.826 1.579-1.303t2.397-.477q1.375 0 2.397.477t1.56 1.303q.559.808.558 1.816 0 1.064-.557 1.743a4.8 4.8 0 0 1-1.43 1.156q.929.423 1.541 1.175.614.752.614 1.835 0 1.1-.576 1.945-.576.844-1.636 1.32-1.06.46-2.471.46m-2.193-3.853q0 .918.613 1.468.614.532 1.58.532t1.58-.55q.63-.55.631-1.45 0-.863-.613-1.413-.595-.568-1.598-.568c-1.003 0-1.202.19-1.598.568q-.595.55-.595 1.413m.149-5.67q0 .771.539 1.322.538.55 1.505.55t1.505-.55q.54-.55.539-1.322 0-.862-.576-1.357-.576-.514-1.468-.514c-.892 0-1.084.171-1.468.514q-.576.495-.576 1.357M21.63 35.01H16V33.1l3.493-8.091h2.546l-3.438 7.945h3.029v-3.01h2.304v3.01h1.45v2.055h-1.45v2.752h-2.304z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer48h64 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/Timer64/Timer64.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="M12.707 5.96a1 1 0 0 1 0 1.414l-1.96 1.96 3.943 3.941A25.4 25.4 0 0 1 32 6.5a25.4 25.4 0 0 1 17.31 6.775l2.61-2.609-.627-.626a1 1 0 0 1 1.414-1.414l1.334 1.333 1.333 1.334a1 1 0 0 1-1.414 1.414l-.626-.626-2.61 2.608A25.4 25.4 0 0 1 57.5 32c0 14.084-11.416 25.5-25.5 25.5S6.5 46.084 6.5 32a25.4 25.4 0 0 1 6.776-17.31l-3.942-3.942-1.96 1.96a1 1 0 1 1-1.414-1.414l2.666-2.666.001-.001 2.666-2.667a1 1 0 0 1 1.414 0M32 9.5C19.574 9.5 9.5 19.573 9.5 32S19.574 54.5 32 54.5 54.5 44.426 54.5 32 44.427 9.5 32 9.5m4 21.167a4 4 0 1 1-1.968-3.447l6.595-6.594a1 1 0 1 1 1.414 1.414l-6.595 6.594c.352.596.554 1.29.554 2.032"/></svg></template>
+<script setup lang="ts">
+/**
+ * Timer64 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/ToolRental20/ToolRental20.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.77 4.865a2.584 2.584 0 0 1 4.032-1.032h-1.635a.75.75 0 0 0-.75.75v2.5c0 .415.336.75.75.75h1.635a2.584 2.584 0 0 1-4.031-1.031.75.75 0 0 0-.695-.469H3.75a.5.5 0 1 1 0-1h7.326a.75.75 0 0 0 .695-.468m2.397-3.115c-1.53 0-2.861.84-3.56 2.083H3.75a2 2 0 1 0 0 4h6.856a4.084 4.084 0 0 0 7.347-.469.75.75 0 0 0-.695-1.03h-2.341v-1h2.34a.75.75 0 0 0 .696-1.032 4.08 4.08 0 0 0-3.786-2.552M3.25 9.583a.75.75 0 0 0-1.5 0v7.501a.75.75 0 0 0 1.5 0v-.192q.192.114.411.23c1.077.567 2.654 1.128 4.672 1.128 1.527 0 3.266-.382 4.803-.834a39 39 0 0 0 3.795-1.353c.82-.34 1.32-1.14 1.32-2a2.213 2.213 0 0 0-2.865-2.114l-2.585.796a2.21 2.21 0 0 0-2.176-1.828H6.667c-1.386 0-2.353-.198-2.957-.384a5 5 0 0 1-.46-.164zm.091 5.565-.09-.072V11.96l.018.006c.75.23 1.867.45 3.398.45h3.958a.708.708 0 1 1 0 1.416H8.333a.75.75 0 0 0 0 1.5h2.292c.729 0 1.375-.352 1.777-.896l3.426-1.054a.713.713 0 0 1 .922.68c0 .282-.16.518-.395.615-.823.342-2.164.864-3.642 1.299-1.49.438-3.067.773-4.38.773-1.731 0-3.07-.48-3.973-.955a7 7 0 0 1-1.019-.647"/></svg></template>
+<script setup lang="ts">
+/**
+ * ToolRental20 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/ToolRental24/ToolRental24.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="M14.218 5.875A3 3 0 0 1 18.659 4.5H17a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1h1.66a3.001 3.001 0 0 1-4.441-1.375 1 1 0 0 0-.928-.625H4.5a.5.5 0 0 1 0-1h8.79a1 1 0 0 0 .928-.625M17 2a5 5 0 0 0-4.33 2.5H4.5a2.5 2.5 0 0 0 0 5h8.17a5.001 5.001 0 0 0 8.967-.625 1 1 0 0 0-.928-1.375H18v-1h2.71a1 1 0 0 0 .926-1.375A5 5 0 0 0 17 2M4 11.5a1 1 0 1 0-2 0v9a1 1 0 1 0 2 0v-.055q.165.094.347.19C5.65 21.32 7.559 22 10 22c1.846 0 3.944-.461 5.792-1.005a46 46 0 0 0 4.563-1.627A2.68 2.68 0 0 0 22 16.877a2.755 2.755 0 0 0-3.566-2.634l-2.996.922A2.75 2.75 0 0 0 12.75 13H8c-1.653 0-2.804-.236-3.518-.456A6 6 0 0 1 4 12.376zm.07 6.598L4 18.043v-3.555c.908.268 2.224.512 4 .512h4.75a.75.75 0 0 1 0 1.5H10a1 1 0 1 0 0 2h2.75c.895 0 1.69-.428 2.193-1.09l4.08-1.255a.755.755 0 0 1 .977.722c0 .299-.17.544-.412.644a44 44 0 0 1-4.361 1.555C13.443 19.601 11.561 20 10 20c-2.06 0-3.65-.571-4.722-1.135a8.4 8.4 0 0 1-1.207-.767"/></svg></template>
+<script setup lang="ts">
+/**
+ * ToolRental24 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/ToolRental32/ToolRental32.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.648 7.709a4.335 4.335 0 0 1 7.146-1.376h-3.127a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3.127a4.335 4.335 0 0 1-7.146-1.375 1 1 0 0 0-.927-.625H6a1 1 0 1 1 0-2h11.721a1 1 0 0 0 .927-.624M22.667 3a6.33 6.33 0 0 0-5.58 3.333H6a3 3 0 0 0 0 6h11.088a6.335 6.335 0 0 0 11.452-.625 1 1 0 0 0-.928-1.375h-3.945v-2h3.945a1 1 0 0 0 .927-1.375A6.335 6.335 0 0 0 22.667 3M5 15.333a1 1 0 1 0-2 0v12a1 1 0 1 0 2 0v-.662q.425.269.95.547c1.7.895 4.193 1.782 7.383 1.782 2.414 0 5.176-.605 7.628-1.327a62 62 0 0 0 6.051-2.156C28.245 25.004 29 23.8 29 22.502a3.34 3.34 0 0 0-4.323-3.193l-4.362 1.342A3.334 3.334 0 0 0 17 17.667h-6.333c-2.237 0-3.804-.32-4.79-.623a8 8 0 0 1-.877-.32zm.224 9.062A9 9 0 0 1 5 24.216v-5.353q.138.046.29.093c1.18.363 2.947.71 5.377.71H17a1.333 1.333 0 1 1 0 2.667h-3.667a1 1 0 1 0 0 2H17a3.33 3.33 0 0 0 2.72-1.406l5.545-1.706A1.34 1.34 0 0 1 27 22.502c0 .528-.302.98-.755 1.168a60 60 0 0 1-5.848 2.085c-2.39.703-4.935 1.245-7.064 1.245-2.809 0-4.983-.78-6.45-1.552-.735-.386-1.291-.77-1.659-1.053"/></svg></template>
+<script setup lang="ts">
+/**
+ * ToolRental32 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/ToolRental48/ToolRental48.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="M27.972 11.563A6.503 6.503 0 0 1 38.691 9.5h-4.69a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 1.5 1.5h4.69a6.503 6.503 0 0 1-10.719-2.063 1.5 1.5 0 0 0-1.39-.937H9a1.5 1.5 0 0 1 0-3h17.582a1.5 1.5 0 0 0 1.39-.937M34 4.5a9.5 9.5 0 0 0-8.368 5H9a4.5 4.5 0 1 0 0 9h16.632a9.503 9.503 0 0 0 17.177-.937 1.5 1.5 0 0 0-1.39-2.063H35.5v-3h5.919a1.5 1.5 0 0 0 1.39-2.063A9.5 9.5 0 0 0 34 4.5M7.5 23a1.5 1.5 0 0 0-3 0v18a1.5 1.5 0 0 0 3 0v-.994c.424.267.9.544 1.427.821C11.476 42.17 15.214 43.5 20 43.5c3.621 0 7.763-.907 11.442-1.99 3.7-1.089 7.037-2.388 9.076-3.235 1.85-.768 2.982-2.574 2.982-4.522 0-3.37-3.262-5.78-6.484-4.789l-6.543 2.013A5 5 0 0 0 25.5 26.5H16c-3.355 0-5.706-.479-7.184-.934-.56-.172-.996-.341-1.316-.481zm.337 13.592q-.192-.148-.337-.267v-8.03q.207.069.434.139C9.706 28.979 12.355 29.5 16 29.5h9.5a2 2 0 0 1 0 4H20a1.5 1.5 0 1 0 0 3h5.5a5 5 0 0 0 4.08-2.11l8.318-2.559a2.01 2.01 0 0 1 2.602 1.922c0 .792-.453 1.47-1.132 1.751-1.983.824-5.211 2.08-8.773 3.128C27.011 39.687 23.193 40.5 20 40.5c-4.214 0-7.475-1.17-9.676-2.327a17.4 17.4 0 0 1-2.487-1.58"/></svg></template>
+<script setup lang="ts">
+/**
+ * ToolRental48 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/ToolRental64/ToolRental64.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="M36.833 15.23a9.17 9.17 0 0 1 15.835-2.063h-7.334a1.5 1.5 0 0 0-1.5 1.5v8a1.5 1.5 0 0 0 1.5 1.5h7.334a9.17 9.17 0 0 1-15.835-2.063 1.5 1.5 0 0 0-1.39-.937H12a2.5 2.5 0 1 1 0-5h23.442a1.5 1.5 0 0 0 1.39-.938m8.5-8.73a12.17 12.17 0 0 0-10.855 6.667H12a5.5 5.5 0 1 0 0 11h22.478a12.17 12.17 0 0 0 10.856 6.666c5.108 0 9.477-3.147 11.281-7.603a1.5 1.5 0 0 0-1.39-2.063h-8.391v-5h8.39a1.5 1.5 0 0 0 1.391-2.063C54.811 9.648 50.442 6.5 45.333 6.5M9.5 30.667a1.5 1.5 0 1 0-3 0v24a1.5 1.5 0 0 0 3 0v-2.249a28 28 0 0 0 2.635 1.576c3.34 1.758 8.246 3.506 14.532 3.506 4.757 0 10.226-1.194 15.115-2.633 4.91-1.445 9.34-3.17 12.05-4.296 2.272-.943 3.668-3.162 3.668-5.566 0-4.16-4.024-7.131-7.999-5.908l-9.334 2.872A6.167 6.167 0 0 0 34 35.833H21.334c-4.522 0-7.706-.645-9.726-1.267A16 16 0 0 1 9.5 33.77zm.644 18.519q-.392-.303-.644-.52V37.018q.546.205 1.226.416c2.313.712 5.796 1.4 10.608 1.4H34a3.167 3.167 0 0 1 0 6.333h-7.333a1.5 1.5 0 1 0 0 3H34a6.16 6.16 0 0 0 5.127-2.74l11.257-3.463c2.045-.63 4.116.9 4.116 3.04 0 1.248-.717 2.34-1.818 2.797-2.653 1.102-6.975 2.784-11.747 4.188-4.794 1.411-9.94 2.51-14.268 2.51-5.714 0-10.142-1.585-13.135-3.16a23.7 23.7 0 0 1-3.388-2.153"/></svg></template>
+<script setup lang="ts">
+/**
+ * ToolRental64 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/Toolbox20/Toolbox20.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.667 2.583a.75.75 0 0 0-.75.75v2.583H5a3.25 3.25 0 0 0-3.25 3.25v8.25h16.5v-8.25A3.25 3.25 0 0 0 15 5.916h-.917V3.333a.75.75 0 0 0-.75-.75zm5.916 3.333V4.083H7.417v1.833zm-5.916 1.5H15c.967 0 1.75.784 1.75 1.75v1.584h-2.917V10a.5.5 0 1 0-1 0v.75H7.167V10a.5.5 0 0 0-1 0v.75H3.25V9.166c0-.966.784-1.75 1.75-1.75zM3.25 11.75v4.166h13.5V11.75h-2.917v.75a.5.5 0 1 1-1 0v-.75H7.167v.75a.5.5 0 0 1-1 0v-.75z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Toolbox20 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/Toolbox24/Toolbox24.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 0-1 1v3H6a4 4 0 0 0-4 4v10h20V11a4 4 0 0 0-4-4h-1V4a1 1 0 0 0-1-1zm7 4V5H9v2zM8 9h10a2 2 0 0 1 2 2v2h-3.5v-1a.5.5 0 0 0-1 0v1h-7v-1a.5.5 0 0 0-1 0v1H4v-2a2 2 0 0 1 2-2zm-4 5v5h16v-5h-3.5v1a.5.5 0 0 1-1 0v-1h-7v1a.5.5 0 0 1-1 0v-1z"/></svg></template>
+<script setup lang="ts">
+/**
+ * Toolbox24 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>