<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="m21.333 4 .745-.668a1 1 0 0 0-1.489 0zm0 0 .745-.668.001.002.003.003.01.01.036.042.133.152a34.29 34.29 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 1 1-10 0c0-.803.346-1.674.736-2.432.407-.79.938-1.598 1.453-2.314a34 34 0 0 1 2.017-2.532l.036-.041.01-.011.003-.003v-.001zm-1.188 3.089c.422-.586.845-1.124 1.188-1.544.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.514-1.516.344-.668.813-1.387 1.298-2.062M5 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">
/**
 * HandSanitiser32 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>
