<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="m13.333 2.5.559-.5a.75.75 0 0 0-1.117 0zm0 0 .559-.5.002.002.007.007.023.026a16 16 0 0 1 .377.443c.242.292.566.697.891 1.15.324.45.66.96.918 1.462.245.477.473 1.044.473 1.577a3.25 3.25 0 0 1-6.5 0c0-.533.229-1.1.474-1.577.258-.501.594-1.013.918-1.462a22 22 0 0 1 1.268-1.593l.023-.026.006-.007.002-.002h.001zm-.64 2.003c.223-.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.273M3.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">
/**
 * HandSanitiser20 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>
