<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="m16 3 .744-.668a1 1 0 0 0-1.488 0zm0 0 .745-.668v.001l.003.003.007.009.028.031a19 19 0 0 1 .456.534c.29.351.68.84 1.073 1.385.39.542.796 1.16 1.108 1.767.296.575.58 1.274.58 1.938a4 4 0 0 1-8 0c0-.664.284-1.363.58-1.938.312-.608.718-1.225 1.108-1.767a26 26 0 0 1 1.529-1.919l.027-.031.008-.009.002-.003h.001zm-.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.594-1.013.954-1.514M4 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.685 2.685 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">
/**
 * HandSanitiser24 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>
