@mozaic-ds/icons-vue 0.0.1-beta.0

package/src/components/GardenAlt64/GardenAlt64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M29.333 9.5a9.167 9.167 0 0 0-9.153 8.664 1.5 1.5 0 0 1-.94 2.242 9.167 9.167 0 1 0 11.26 8.927v-2.666a1.5 1.5 0 1 1 3 0v8.324a10.47 10.47 0 0 0 7.833 3.508c5.8 0 10.5-4.701 10.5-10.5 0-2.93-1.185-5.879-3.228-7.926-1.908-1.912-4.575-3.056-7.827-2.67a1.5 1.5 0 0 1-2.501-.755A9.17 9.17 0 0 0 29.333 9.5ZM30.5 37.334a12.138 12.138 0 0 1-9.167 4.166c-6.72 0-12.166-5.447-12.166-12.167 0-5.266 3.344-9.748 8.024-11.442.4-6.358 5.684-11.391 12.142-11.391 5.216 0 9.663 3.281 11.394 7.891 4.082-.395 7.54 1.096 10.002 3.563 2.623 2.63 4.104 6.348 4.104 10.045 0 7.456-6.044 13.5-13.5 13.5-.456 0-.906-.023-1.35-.067L33.5 47.914V56a1.5 1.5 0 0 1-3 0V37.334Zm3 7.752v-6.091a13.451 13.451 0 0 0 4.108 1.983L33.5 45.086Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'GardenAlt64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gauge20/Gauge20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M8.859 1.83a8.25 8.25 0 0 1 3.895.393.75.75 0 1 1-.5 1.414 6.75 6.75 0 0 0-9.004 6.398.75.75 0 0 1-1.5.008A8.25 8.25 0 0 1 8.86 1.83Zm7.505 1.806a.75.75 0 0 1 0 1.061l-4.209 4.208a2.417 2.417 0 1 1-1.06-1.06l4.208-4.209a.75.75 0 0 1 1.06 0ZM3.13 13.1a.75.75 0 0 1 1.024.275c.071.122.146.243.224.36a.75.75 0 1 1-1.25.83 8.216 8.216 0 0 1-.273-.44.75.75 0 0 1 .275-1.024Zm3.495 2.746a.75.75 0 0 0-.75 1.299c.15.086.302.168.457.245a.75.75 0 1 0 .667-1.344 6.768 6.768 0 0 1-.374-.2Zm4.594 1.592a.75.75 0 0 1-.701.796 8.21 8.21 0 0 1-.518.016.75.75 0 0 1 0-1.5c.141 0 .283-.004.424-.013a.75.75 0 0 1 .795.701Zm3.347-.566a.75.75 0 0 0-.83-1.25 6.75 6.75 0 0 1-.361.224.75.75 0 0 0 .75 1.299c.15-.087.296-.178.44-.273Zm2.485-4.209a.75.75 0 0 1 .339 1.005 8.204 8.204 0 0 1-.245.457.75.75 0 0 1-1.3-.75c.071-.122.138-.247.201-.374a.75.75 0 0 1 1.005-.338Zm.711-5.458a.75.75 0 0 0-1.411.509c.264.733.399 1.507.399 2.286a.75.75 0 0 0 1.5 0 8.25 8.25 0 0 0-.488-2.795ZM9.083 10a.917.917 0 1 1 1.834 0 .917.917 0 0 1-1.834 0Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gauge20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gauge24/Gauge24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M10.617 2.096a10 10 0 0 1 4.721.478 1 1 0 1 1-.667 1.885A8 8 0 0 0 4 12.042a1 1 0 0 1-2 .01 10 10 0 0 1 8.616-9.956Zm9.09 2.197a1 1 0 0 1 0 1.414l-5 5a3 3 0 1 1-1.414-1.414l5-5a1 1 0 0 1 1.414 0ZM3.706 15.634A1 1 0 0 1 5.072 16c.084.145.172.288.265.427a1 1 0 1 1-1.666 1.107A9.969 9.969 0 0 1 3.34 17a1 1 0 0 1 .366-1.366ZM8 18.928a1 1 0 0 0-1 1.732c.181.105.366.204.554.297a1 1 0 1 0 .889-1.791A7.983 7.983 0 0 1 8 18.928Zm5.563 1.991a1 1 0 0 1-.935 1.061c-.21.013-.418.02-.628.02a1 1 0 1 1 0-2c.168 0 .335-.005.502-.016a1 1 0 0 1 1.061.935Zm3.97-.59a1 1 0 1 0-1.106-1.666c-.14.093-.282.181-.427.265a1 1 0 1 0 1 1.732c.181-.105.36-.215.534-.33Zm2.973-5.223a1 1 0 0 1 .451 1.34 9.49 9.49 0 0 1-.297.554 1 1 0 0 1-1.732-1 8.19 8.19 0 0 0 .238-.443 1 1 0 0 1 1.34-.451Zm.903-6.493a1 1 0 0 0-1.882.677c.313.87.473 1.786.473 2.71a1 1 0 1 0 2 0 10 10 0 0 0-.591-3.387ZM11 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gauge24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gauge32/Gauge32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M14.202 3.125a13 13 0 0 1 6.138.62 1 1 0 1 1-.668 1.886A11 11 0 0 0 5 16.058a1 1 0 0 1-2 .01A13 13 0 0 1 14.202 3.125ZM26.04 5.96a1 1 0 0 1 0 1.414l-6.838 6.838a3.667 3.667 0 1 1-1.414-1.414l6.838-6.838a1 1 0 0 1 1.414 0ZM5.108 21.134a1 1 0 0 1 1.366.366c.115.2.236.395.364.587a1 1 0 1 1-1.666 1.107c-.15-.227-.294-.458-.43-.694a1 1 0 0 1 .366-1.366Zm5.392 4.392a1 1 0 1 0-1 1.732 13 13 0 0 0 .72.386 1 1 0 0 0 .889-1.791c-.206-.103-.41-.212-.609-.327Zm7.252 2.387a1 1 0 0 1-.936 1.061A13 13 0 0 1 16 29a1 1 0 1 1 0-2c.23 0 .46-.007.69-.022a1 1 0 0 1 1.061.935Zm5.442-1.085a1 1 0 0 0-1.107-1.666c-.192.128-.387.25-.587.364a1 1 0 1 0 1 1.732c.236-.136.467-.28.694-.43Zm4-6.388a1 1 0 0 1 .45 1.34c-.12.244-.25.484-.386.72a1 1 0 1 1-1.732-1c.116-.2.224-.403.327-.609a1 1 0 0 1 1.34-.451Zm1.037-8.844a1 1 0 1 0-1.881.678A11 11 0 0 1 27 16a1 1 0 1 0 2 0c0-1.501-.26-2.991-.769-4.404ZM14.333 16a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gauge32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gauge48/Gauge48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M21.303 4.687a19.5 19.5 0 0 1 9.206.931 1.5 1.5 0 1 1-1.001 2.828A16.5 16.5 0 0 0 7.5 24.086a1.5 1.5 0 1 1-3 .016A19.5 19.5 0 0 1 21.303 4.687ZM39.061 8.94a1.5 1.5 0 0 1 0 2.122L28.803 21.318a5.5 5.5 0 1 1-2.121-2.121L36.939 8.939a1.5 1.5 0 0 1 2.122 0ZM7.66 31.701a1.5 1.5 0 0 1 2.05.549c.172.3.354.593.546.881a1.5 1.5 0 1 1-2.499 1.66 19.84 19.84 0 0 1-.646-1.041 1.5 1.5 0 0 1 .55-2.049Zm8.089 6.588a1.5 1.5 0 1 0-1.5 2.599c.354.204.714.397 1.08.578a1.5 1.5 0 0 0 1.333-2.687 16.016 16.016 0 0 1-.913-.49Zm10.877 3.581a1.5 1.5 0 0 1-1.403 1.592c-.407.025-.816.038-1.224.038a1.5 1.5 0 0 1 0-3c.346 0 .691-.01 1.036-.033a1.5 1.5 0 0 1 1.591 1.403Zm8.164-1.628a1.5 1.5 0 0 0-1.66-2.499c-.288.191-.582.374-.881.546a1.5 1.5 0 0 0 1.5 2.599c.354-.205.7-.42 1.041-.646Zm5.999-9.582a1.5 1.5 0 0 1 .676 2.01c-.181.366-.374.726-.578 1.08a1.5 1.5 0 1 1-2.599-1.5c.173-.3.337-.604.49-.913a1.5 1.5 0 0 1 2.01-.677Zm1.557-13.265a1.5 1.5 0 0 0-2.822 1.016c.645 1.793.975 3.684.975 5.589a1.5 1.5 0 0 0 3 0 19.5 19.5 0 0 0-1.153-6.605ZM21.5 24a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gauge48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gauge64/Gauge64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M28.473 6.745a25.5 25.5 0 0 1 12.04 1.218 1.5 1.5 0 1 1-1.002 2.828A22.5 22.5 0 0 0 9.5 32.118a1.5 1.5 0 1 1-3 .015A25.5 25.5 0 0 1 28.472 6.745Zm23.254 5.528a1.5 1.5 0 0 1 0 2.121L37.775 28.346a6.833 6.833 0 1 1-2.121-2.121l13.952-13.952a1.5 1.5 0 0 1 2.121 0ZM10.465 42.7a1.5 1.5 0 0 1 2.05.549c.235.408.483.809.744 1.201a1.5 1.5 0 0 1-2.498 1.66 25.472 25.472 0 0 1-.845-1.361 1.5 1.5 0 0 1 .55-2.049Zm10.285 8.785a1.5 1.5 0 0 0-1.5 2.598c.463.267.933.52 1.412.757a1.5 1.5 0 0 0 1.334-2.688 22.49 22.49 0 0 1-1.246-.667Zm14.254 4.373a1.5 1.5 0 0 1-1.403 1.59 25.15 25.15 0 0 1-1.601.051 1.5 1.5 0 0 1 0-3c.471 0 .942-.015 1.413-.044a1.5 1.5 0 0 1 1.591 1.402Zm11.108-2.62a1.5 1.5 0 0 0-1.66-2.498c-.393.26-.794.509-1.202.745a1.5 1.5 0 1 0 1.5 2.598c.463-.267.917-.549 1.361-.845Zm8.052-11.911a1.5 1.5 0 0 1 .677 2.01c-.238.479-.49.95-.757 1.412a1.5 1.5 0 1 1-2.598-1.5c.235-.408.458-.824.668-1.246a1.5 1.5 0 0 1 2.01-.676Zm1.828-17.966a1.5 1.5 0 0 0-2.822 1.016A22.498 22.498 0 0 1 54.5 32a1.5 1.5 0 0 0 3 0c0-2.945-.51-5.867-1.508-8.638ZM28.168 32a3.833 3.833 0 1 1 7.666 0 3.833 3.833 0 0 1-7.666 0Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gauge64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gift20/Gift20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M7.917 3.25a1.333 1.333 0 1 0 0 2.667H9.25V4.583c0-.736-.597-1.333-1.333-1.333ZM10 2.663a2.833 2.833 0 0 0-4.584 3.254H3.333a.75.75 0 0 0-.75.75V17.5c0 .414.336.75.75.75h13.334a.75.75 0 0 0 .75-.75V6.667a.75.75 0 0 0-.75-.75h-2.083A2.833 2.833 0 0 0 10 2.663Zm2.083 3.254a1.333 1.333 0 1 0-1.333-1.334v1.334h1.333Zm-8 6.916v3.917H9.25v-3.917H4.083Zm0-1.5H9.25V7.417H4.083v3.916Zm6.667 1.5v3.917h5.167v-3.917H10.75Zm5.167-1.5H10.75V7.417h5.167v3.916Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gift20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gift24/Gift24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M9.5 4a1.5 1.5 0 1 0 0 3H11V5.5A1.5 1.5 0 0 0 9.5 4Zm2.5-.95A3.5 3.5 0 0 0 6.337 7H4a1 1 0 0 0-1 1v13a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1h-2.337A3.5 3.5 0 0 0 12 3.05ZM14.5 7A1.5 1.5 0 1 0 13 5.5V7h1.5ZM5 15.5V20h6v-4.5H5ZM5 9v4.5h6V9H5Zm8 6.5V20h6v-4.5h-6Zm6-2h-6V9h6v4.5Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gift24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gift32/Gift32.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M12.667 5a2.333 2.333 0 1 0 0 4.667H15V7.333A2.333 2.333 0 0 0 12.667 5ZM16 4.564a4.333 4.333 0 0 0-6.985 5.102H5.332a1 1 0 0 0-1 1V28a1 1 0 0 0 1 1h21.334a1 1 0 0 0 1-1V10.667a1 1 0 0 0-1-1h-3.682A4.333 4.333 0 0 0 16 4.565Zm3.333 5.103A2.333 2.333 0 1 0 17 7.333v2.334h2.333Zm-13 10.666V27H15v-6.667H6.333Zm0-2H15v-6.666H6.333v6.666Zm10.667 2V27h8.667v-6.667H17Zm8.667-2H17v-6.666h8.667v6.666Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gift32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gift48/Gift48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M19 7.5a3.5 3.5 0 1 0 0 7h3.5V11A3.5 3.5 0 0 0 19 7.5Zm5-.654A6.5 6.5 0 0 0 13.522 14.5H8A1.5 1.5 0 0 0 6.5 16v26A1.5 1.5 0 0 0 8 43.5h32a1.5 1.5 0 0 0 1.5-1.5V16a1.5 1.5 0 0 0-1.5-1.5h-5.522A6.5 6.5 0 0 0 24 6.846Zm5 7.654a3.5 3.5 0 1 0-3.5-3.5v3.5H29Zm-19.5 16v10h13v-10h-13Zm0-3h13v-10h-13v10Zm16 3v10h13v-10h-13Zm13-3h-13v-10h13v10Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gift48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Gift64/Gift64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M25.333 9.5a5.167 5.167 0 1 0 0 10.333H30.5v-5.166A5.167 5.167 0 0 0 25.333 9.5ZM32 9.949a8.167 8.167 0 1 0-12.992 9.885h-8.341a1.5 1.5 0 0 0-1.5 1.5V56a1.5 1.5 0 0 0 1.5 1.5h42.666a1.5 1.5 0 0 0 1.5-1.5V21.333a1.5 1.5 0 0 0-1.5-1.5h-8.341A8.167 8.167 0 1 0 32 9.948Zm6.667 9.884a5.167 5.167 0 1 0-5.167-5.166v5.166h5.167Zm-26.5 20.334V54.5H30.5V40.167H12.167Zm0-3H30.5V22.833H12.167v14.334Zm21.333 3V54.5h18.333V40.167H33.5Zm18.333-3H33.5V22.833h18.333v14.334Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Gift64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Glass20/Glass20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M3.5 1.75A1.75 1.75 0 0 0 1.75 3.5v13c0 .966.784 1.75 1.75 1.75h13a1.75 1.75 0 0 0 1.75-1.75v-13a1.75 1.75 0 0 0-1.75-1.75h-13ZM3.25 3.5a.25.25 0 0 1 .25-.25h13a.25.25 0 0 1 .25.25v13a.25.25 0 0 1-.25.25h-13a.25.25 0 0 1-.25-.25v-13Zm3.354 1.437a.5.5 0 1 0-.708-.707L4.23 5.896a.5.5 0 1 0 .707.708l1.667-1.667Zm2.5 1.793a.5.5 0 0 1 0 .707L7.437 9.104a.5.5 0 1 1-.707-.708L8.396 6.73a.5.5 0 0 1 .708 0Zm0-1.793a.5.5 0 1 0-.708-.707L4.23 8.396a.5.5 0 1 0 .707.708l4.167-4.167Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Glass20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Glass24/Glass24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M4 2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm0 2h16v16H4V4Zm3.854 1.854a.5.5 0 1 0-.708-.708l-2 2a.5.5 0 1 0 .708.708l2-2Zm3 2.292a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0Zm0-2.292a.5.5 0 0 0-.708-.708l-5 5a.5.5 0 0 0 .708.708l5-5Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Glass24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Glass32/Glass32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M5 3a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H5Zm0 2h22v22H5V5Zm5.354 2.687a.5.5 0 0 0-.708-.707L6.98 9.646a.5.5 0 0 0 .707.708l2.667-2.667Zm4 3.293a.5.5 0 0 1 0 .707l-2.667 2.667a.5.5 0 0 1-.707-.708l2.666-2.666a.5.5 0 0 1 .708 0Zm0-3.293a.5.5 0 0 0-.708-.707L6.98 13.646a.5.5 0 0 0 .707.708l6.667-6.667Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Glass32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Glass48/Glass48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M7 4.5A2.5 2.5 0 0 0 4.5 7v34A2.5 2.5 0 0 0 7 43.5h34a2.5 2.5 0 0 0 2.5-2.5V7A2.5 2.5 0 0 0 41 4.5H7Zm.5 36v-33h33v33h-33Zm8.207-28.793a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 1 0 1.414 1.414l4-4Zm6 4.586a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414l4-4a1 1 0 0 1 1.414 0Zm0-4.586a1 1 0 0 0-1.414-1.414l-10 10a1 1 0 1 0 1.414 1.414l10-10Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Glass48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Glass64/Glass64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M9 6.5A2.5 2.5 0 0 0 6.5 9v46A2.5 2.5 0 0 0 9 57.5h46a2.5 2.5 0 0 0 2.5-2.5V9A2.5 2.5 0 0 0 55 6.5H9Zm.5 48v-45h45v45h-45Zm11.207-39.126a1 1 0 0 0-1.414-1.414l-5.333 5.333a1 1 0 1 0 1.414 1.414l5.333-5.333Zm8 6.586a1 1 0 0 1 0 1.414l-5.333 5.333a1 1 0 0 1-1.414-1.414l5.333-5.333a1 1 0 0 1 1.414 0Zm0-6.586a1 1 0 0 0-1.414-1.414L13.96 27.293a1 1 0 1 0 1.414 1.414l13.333-13.333Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Glass64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Group20/Group20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M11.167 5.417a2.167 2.167 0 1 1 4.333 0 2.167 2.167 0 0 1-4.333 0Zm2.166-3.667a3.667 3.667 0 1 0 0 7.333 3.667 3.667 0 0 0 0-7.333ZM11.17 9.746a.75.75 0 0 0-.866.14l-1.667 1.667a.75.75 0 0 0-.22.53V17.5c0 .414.336.75.75.75H17.5a.75.75 0 0 0 .75-.75v-5.417a.75.75 0 0 0-.22-.53l-1.666-1.667a.75.75 0 0 0-.866-.14c-1.456.728-2.874.728-4.33 0Zm-1.252 2.648 1.08-1.08c1.55.637 3.122.637 4.673 0l1.08 1.08v4.356H9.917v-4.356ZM5.833 6.167a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5Zm-3.25 1.75a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm1.82 4.08a.75.75 0 0 0-.73.147l-1.667 1.458a.75.75 0 0 0-.256.565V17.5c0 .414.336.75.75.75h4.167a.75.75 0 0 0 0-1.5H3.25v-2.243l1.092-.955c.446.134.82.217 1.177.243.481.034.883-.039 1.33-.15a.75.75 0 0 0-.364-1.456c-.387.097-.61.127-.859.11-.267-.02-.61-.098-1.222-.302Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Group20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Group24/Group24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M13.5 6.5a2.5 2.5 0 1 1 5 0 2.5 2.5 0 0 1-5 0ZM16 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm-2.553 9.606a1 1 0 0 0-1.154.187l-2 2A1 1 0 0 0 10 14.5V21a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-6.5a1 1 0 0 0-.293-.707l-2-2a1 1 0 0 0-1.154-.187c-1.719.859-3.387.859-5.106 0ZM12 14.914l1.22-1.22c1.845.741 3.716.741 5.56 0l1.22 1.22V20h-8v-5.086ZM7 7.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm2.316 4.801a1 1 0 0 0-.974.196l-2 1.75A1 1 0 0 0 2 17v4a1 1 0 0 0 1 1h5a1 1 0 1 0 0-2H4v-2.546l1.235-1.08c.516.153.957.25 1.381.28.592.042 1.086-.049 1.627-.184a1 1 0 1 0-.486-1.94c-.46.115-.715.149-.998.129-.308-.022-.71-.114-1.443-.358Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Group24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Group32/Group32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M17.667 8.667a3.667 3.667 0 1 1 7.333 0 3.667 3.667 0 0 1-7.333 0ZM21.333 3a5.667 5.667 0 1 0 0 11.333 5.667 5.667 0 0 0 0-11.333Zm-3.552 12.772a1 1 0 0 0-1.155.188l-2.666 2.666a1 1 0 0 0-.293.707V28a1 1 0 0 0 1 1H28a1 1 0 0 0 1-1v-8.667a1 1 0 0 0-.293-.707L26.04 15.96a1 1 0 0 0-1.154-.188c-2.385 1.193-4.72 1.193-7.105 0Zm-2.114 3.975 1.88-1.88c2.514 1.066 5.058 1.066 7.572 0L27 19.747V27H15.667v-7.253ZM9.333 9.667a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-5 3a5 5 0 1 1 10 0 5 5 0 0 1-10 0Zm2.65 6.718a1 1 0 0 0-.975.196l-2.667 2.333a1 1 0 0 0-.341.753V28a1 1 0 0 0 1 1h6.667a1 1 0 1 0 0-2H5v-3.88l1.9-1.661c.754.232 1.366.372 1.945.413.738.053 1.357-.058 2.064-.235a1 1 0 1 0-.485-1.94c-.626.156-1.007.211-1.436.18-.453-.032-1.022-.165-2.005-.492Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Group32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Group48/Group48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M26.5 13a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0ZM32 4.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm-5.33 19.158a1.5 1.5 0 0 0-1.73.281l-4 4A1.5 1.5 0 0 0 20.5 29v13a1.5 1.5 0 0 0 1.5 1.5h20a1.5 1.5 0 0 0 1.5-1.5V29a1.5 1.5 0 0 0-.44-1.06l-4-4a1.5 1.5 0 0 0-1.73-.282c-3.578 1.79-7.081 1.79-10.66 0Zm-3.17 5.963 2.821-2.82c3.77 1.599 7.587 1.599 11.358 0l2.821 2.82V40.5h-17V29.621ZM14 14.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9ZM6.5 19a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0Zm3.974 10.077a1.5 1.5 0 0 0-1.462.294l-4 3.5A1.5 1.5 0 0 0 4.5 34v8A1.5 1.5 0 0 0 6 43.5h10a1.5 1.5 0 0 0 0-3H7.5v-5.82l2.849-2.492c1.131.349 2.05.559 2.92.62 1.106.08 2.035-.088 3.095-.353a1.5 1.5 0 1 0-.728-2.91c-.94.235-1.511.317-2.154.271-.68-.048-1.534-.248-3.008-.739Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Group48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Group64/Group64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M34.833 17.333a7.833 7.833 0 1 1 15.667 0 7.833 7.833 0 0 1-15.667 0ZM42.667 6.5c-5.983 0-10.834 4.85-10.834 10.833 0 5.983 4.85 10.834 10.834 10.834 5.983 0 10.833-4.85 10.833-10.834C53.5 11.35 48.65 6.5 42.667 6.5Zm-7.33 25.492a1.5 1.5 0 0 0-1.731.28l-5.333 5.334a1.5 1.5 0 0 0-.44 1.06V56a1.5 1.5 0 0 0 1.5 1.5H56a1.5 1.5 0 0 0 1.5-1.5V38.667a1.5 1.5 0 0 0-.44-1.061l-5.333-5.333a1.5 1.5 0 0 0-1.731-.281c-4.911 2.455-9.748 2.455-14.659 0Zm-4.504 7.296 4.149-4.148c5.106 2.258 10.264 2.258 15.37 0l4.148 4.148V54.5H30.833V39.288ZM18.667 18.833a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13Zm-9.5 6.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0Zm4.64 13.91a1.5 1.5 0 0 0-1.461.295l-5.334 4.667a1.5 1.5 0 0 0-.512 1.128V56A1.5 1.5 0 0 0 8 57.5h13.333a1.5 1.5 0 1 0 0-3H9.5v-8.486l4.18-3.658c1.617.511 2.876.807 4.047.89 1.398.1 2.577-.11 3.97-.458a1.5 1.5 0 1 0-.727-2.91c-1.274.318-2.095.443-3.03.376-.971-.07-2.158-.352-4.132-1.01Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Group64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Hammer20/Hammer20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="m12.643 4.55-.246.53-.106.226.258.063.32.078.115.028.793.193.578.141-.234.502-.412.884-.234.502-.48-.352-.657-.484-.096-.07-.265-.195-.214-.157-.07.151-.036.076-.54 1.16-.059.124-.528-.247-.831-.387-.529-.247.07-.15.564-1.21.07-.15a15.41 15.41 0 0 0-1.395-.557l-.056-.02c-1.12-.386-2.123-.63-2.123-.63.467-.494 1.36-.799 2.257-.907.844-.101 1.692-.029 2.198.225l.529.247 1.208.563.151.07Zm-1.132 4.83c.338-.107.638-.334.831-.654l.245.18a1.5 1.5 0 0 0 2.247-.575l.88-1.888a1.5 1.5 0 0 0-1.004-2.091l-.607-.148a1.497 1.497 0 0 0-.826-1.013l-1.872-.872c-.914-.45-2.147-.481-3.128-.35-.98.13-2.256.496-3.066 1.351a1.5 1.5 0 0 0 .734 2.489h.002l.014.004.06.015.237.062a26.606 26.606 0 0 1 1.584.479l-.031.066a1.499 1.499 0 0 0 .035 1.339L4.23 15.53a2 2 0 0 0 3.625 1.69l3.656-7.84Zm-1.526-.276-.907-.423-2.169 4.653h1.103l1.973-4.23Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Hammer20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Hammer24/Hammer24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="m15.172 5.461-.211.453-.212.453.31.076.186.045.84.205.646.157.495.12-.194.418-.668 1.431-.194.417-.411-.301-.535-.394-.698-.512-.154-.113-.257-.19-.211.454-.634 1.36-.18-.084-.273-.128-1.36-.634-.453-.211.846-1.813a17.059 17.059 0 0 0-1.345-.55 25.024 25.024 0 0 0-.52-.183c-1.293-.44-2.425-.715-2.425-.715.647-.684 1.975-1.066 3.208-1.131.837-.044 1.631.059 2.138.313l.453.212 1.632.76.18.085Zm-1.344 5.999c.403-.117.767-.36 1.03-.705l.127.093a2 2 0 0 0 2.997-.766l1.057-2.266a2 2 0 0 0-1.34-2.788l-.614-.15a1.995 1.995 0 0 0-1.068-1.23l-2.244-1.046c-1.15-.565-2.675-.597-3.867-.438-1.192.16-2.779.606-3.798 1.683a2 2 0 0 0 .978 3.318h.003l.016.004.071.018.282.074a31.69 31.69 0 0 1 1.68.502 1.996 1.996 0 0 0 .113 1.682l-4.266 9.149a2.5 2.5 0 1 0 4.531 2.113l4.312-9.247Zm-2.022-.396-.906-.423-2.499 5.36h1.103l2.302-4.937Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Hammer24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Hammer32/Hammer32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="m19.666 8.49 1.32.322.661.16 1.322.322-.547 1.173-.316.676-.546 1.172-1.096-.805-.548-.402-1.096-.806-.281.605-.58 1.244-.184.394-.081.174-1.209-.563-.604-.282-1.209-.564.058-.122.224-.482.564-1.208.281-.604a22.962 22.962 0 0 0-1.854-.756 42.282 42.282 0 0 0-3.865-1.176c.596-.63 1.624-1.067 2.745-1.306 1.605-.343 3.4-.278 4.383.217l1.209.563 1.57.733.242.112-.563 1.209Zm-.16 5.074.096-.205.773.568a2 2 0 0 0 2.997-.766l1.41-3.021a2 2 0 0 0-1.34-2.789l-1.226-.298a1.999 1.999 0 0 0-1.142-1.584L18.076 4.07c-1.36-.67-3.24-.73-4.78-.524-1.54.206-3.468.773-4.668 2.041a2 2 0 0 0 .978 3.318l.005.002.024.005a19.113 19.113 0 0 1 .481.125c.331.089.798.219 1.337.382a37 37 0 0 1 1.643.539l-.194.416-.042.091a1.996 1.996 0 0 0 .024 1.74l-.011.024-.004.007-.004.008L6.95 24.933a3 3 0 1 0 5.437 2.535L18.3 14.786l.093-.193a1.994 1.994 0 0 0 1.113-1.029Zm-3.18.724-1.813-.845-3.68 7.89h2.207l3.286-7.045Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Hammer32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Hammer48/Hammer48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="m29.498 12.735 1.982.482.99.242 1.983.482-.82 1.759-.473 1.014-.82 1.759-1.644-1.208-.822-.604-1.643-1.208-.423.907-.87 1.866-.398.853-1.813-.846-.906-.422-1.813-.845.423-.907.845-1.812.423-.907a34.456 34.456 0 0 0-2.781-1.134 53.575 53.575 0 0 0-1.778-.607 63.432 63.432 0 0 0-4.02-1.156c.894-.944 2.436-1.6 4.117-1.96 2.407-.513 5.099-.415 6.575.326l1.813.845 2.356 1.099.363.169-.846 1.813Zm-.239 7.611.144-.308 1.16.852a3 3 0 0 0 4.495-1.15l2.114-4.53a3 3 0 0 0-2.01-4.184l-1.838-.447a2.998 2.998 0 0 0-1.712-2.376l-4.498-2.097c-2.04-1.006-4.86-1.095-7.17-.787-2.31.309-5.201 1.16-7.003 3.062a3 3 0 0 0 1.468 4.977l.008.002.035.008.147.037a64.149 64.149 0 0 1 2.58.723c.77.234 1.617.507 2.465.809l-.354.76a2.994 2.994 0 0 0 .036 2.611l-.017.035-.006.011-.005.012L10.423 37.4a4.5 4.5 0 1 0 8.156 3.803l8.872-19.024.139-.289a2.99 2.99 0 0 0 1.669-1.543Zm-4.77 1.086-2.72-1.268L16.25 32h3.31l4.928-10.568Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Hammer48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Hammer64/Hammer64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="m39.331 16.98 2.973.724.66.16 2.973.725-1.293 2.772-.232.497-1.293 2.773-2.465-1.812-.548-.403-2.465-1.811-.986 2.114-.307.659-.29.623-6.125-2.641.398-.854.282-.604.986-2.115c-.881-.41-1.82-.8-2.768-1.162a73.127 73.127 0 0 0-4.891-1.653 80.551 80.551 0 0 0-3.78-1.048c.857-.905 2.161-1.612 3.66-2.116 3.57-1.2 8.242-1.245 10.596-.063l3.323 1.55 2.236 1.042.483.226-1.127 2.417Zm-12.154 3.19 2.756 1.189-2.756-1.189Zm-.574 3.668a2.993 2.993 0 0 1 .023-2.486l.55-1.182-7.727-3.332a3 3 0 0 1-1.468-4.977c2.164-2.285 5.738-3.377 8.744-3.778 3.005-.402 6.535-.257 8.994.959l6.007 2.8a3.001 3.001 0 0 1 1.715 3.05l3.206.78a3 3 0 0 1 2.009 4.183l-2.818 6.042a3 3 0 0 1-4.495 1.15l-2.53-1.859-.707 1.517a2.987 2.987 0 0 1-1.358 1.406l-.6 1.245L24.32 54.725a5.5 5.5 0 1 1-9.969-4.648L26.183 24.7l.006-.012.006-.012.408-.837ZM29 25.769l-.102.21-7.782 16.688h5.517l6.802-14.586.004-.008.004-.009.087-.182L29 25.77Zm-1.822-5.598L19.45 16.84h.001l.01.003.05.012a41.865 41.865 0 0 1 .98.255c.67.18 1.614.442 2.705.772a70.69 70.69 0 0 1 4.363 1.47l-.382.82Zm2.756 1.189L36.057 24l-.67 1.438-2.72-1.267-.603-.282-2.72-1.268.589-1.261Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Hammer64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/HandGel20/HandGel20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="m13.333 2.5.558-.5a.75.75 0 0 0-1.116 0l.558.5Zm0 0 .559-.5.002.002.007.007.023.026.083.096a21.578 21.578 0 0 1 1.185 1.496c.324.45.66.962.917 1.463.246.477.474 1.044.474 1.577a3.25 3.25 0 1 1-6.5 0c0-.533.229-1.1.474-1.577a12.02 12.02 0 0 1 .917-1.462 21.626 21.626 0 0 1 1.269-1.593l.023-.026.006-.007.002-.002.56.5Zm-.64 2.003c.222-.31.447-.599.64-.839.194.24.418.529.641.84.302.419.591.863.802 1.272.223.434.307.733.307.89a1.75 1.75 0 1 1-3.5 0c0-.157.085-.456.308-.89.21-.409.5-.853.801-1.273ZM3.248 9.537a.75.75 0 0 0-1.5.046v.393a.75.75 0 0 0 0 .047v7.06a.75.75 0 0 0 1.5 0v-.919c.09.08.181.162.278.243 1.074.904 2.697 1.843 4.806 1.843 1.527 0 3.266-.382 4.803-.834a38.585 38.585 0 0 0 3.794-1.353c.82-.34 1.32-1.14 1.32-2a2.213 2.213 0 0 0-2.864-2.114l-2.602.8c-.228-1.039-1.209-1.766-2.282-1.704-1.142.065-2.627.086-3.697-.115-.662-.125-1.632-.507-2.485-.889a32.001 32.001 0 0 1-1.051-.494l-.02-.01Zm.217 4.678a6.6 6.6 0 0 1-.216-.28v-2.733c.144.067.298.137.458.209.851.38 1.965.832 2.82.993 1.264.238 2.907.205 4.06.138.415-.024.745.302.745.668a.623.623 0 0 1-.623.623H8.333a.75.75 0 0 0 0 1.5h2.377a2.12 2.12 0 0 0 1.745-.913l3.372-1.037a.713.713 0 0 1 .923.68c0 .282-.16.518-.395.615-.824.342-2.164.864-3.643 1.299-1.489.438-3.066.773-4.379.773-1.641 0-2.934-.728-3.84-1.49a7.87 7.87 0 0 1-1.027-1.045Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'HandGel20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/HandGel24/HandGel24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="m16 3 .744-.668a1 1 0 0 0-1.488 0L16 3Zm0 0 .744-.668.002.001.002.003.008.009.027.031.102.116a25.985 25.985 0 0 1 1.427 1.803c.39.542.796 1.16 1.108 1.767.297.575.58 1.274.58 1.938a4 4 0 1 1-8 0c0-.664.284-1.363.58-1.938.312-.608.719-1.225 1.108-1.767a25.985 25.985 0 0 1 1.529-1.919l.027-.031.008-.009.003-.003L16 3Zm-.688 2.463c.237-.33.475-.64.688-.906.213.266.45.576.688.906.36.5.704 1.03.954 1.514.267.518.358.859.358 1.023a2 2 0 1 1-4 0c0-.164.092-.505.358-1.023.25-.485.593-1.013.954-1.514ZM3.992 11.38A1 1 0 0 0 2 11.5v9a1 1 0 1 0 2 0v-.88c.055.049.11.097.168.145C5.468 20.859 7.438 22 10 22c1.846 0 3.944-.461 5.791-1.005a46.418 46.418 0 0 0 4.564-1.627A2.685 2.685 0 0 0 22 16.877a2.755 2.755 0 0 0-3.566-2.634l-3.021.93c-.325-1.24-1.517-2.094-2.816-2.02-1.37.08-3.14.104-4.412-.136-.783-.147-1.936-.601-2.96-1.058a38.355 38.355 0 0 1-1.232-.579Zm.245 5.614A7.827 7.827 0 0 1 4 16.688v-3.09c.131.061.268.123.409.186 1.022.457 2.368 1.003 3.406 1.199 1.53.288 3.512.247 4.896.168.444-.026.789.323.789.701 0 .358-.29.648-.648.648H10a1 1 0 1 0 0 2h2.852c.889 0 1.676-.438 2.156-1.11l4.014-1.235a.755.755 0 0 1 .978.722c0 .299-.17.544-.412.644a44.446 44.446 0 0 1-4.361 1.555C13.443 19.601 11.56 20 10 20c-1.939 0-3.468-.86-4.544-1.765a9.344 9.344 0 0 1-1.22-1.24Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'HandGel24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/HandGel32/HandGel32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="m21.333 4 .745-.668a1 1 0 0 0-1.489 0l.744.668Zm0 0 .745-.668.001.002.003.003.01.01.036.042.133.152a34.347 34.347 0 0 1 1.884 2.38c.515.716 1.046 1.525 1.452 2.314.39.758.736 1.63.736 2.432a5 5 0 0 1-10 0c0-.803.346-1.674.736-2.432.407-.79.938-1.598 1.453-2.314a34.29 34.29 0 0 1 2.017-2.532l.036-.041.01-.011.003-.003v-.001l.745.667Zm-1.188 3.089a31.89 31.89 0 0 1 1.188-1.544c.344.42.767.958 1.189 1.544.485.675.954 1.394 1.297 2.062.36.7.514 1.214.514 1.516a3 3 0 0 1-6 0c0-.302.154-.817.515-1.516.343-.668.812-1.387 1.297-2.062Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'HandGel32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>