<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="M10.417 3.25A3.417 3.417 0 0 0 7 6.667v5.75h.917a.5.5 0 0 1 .5.5v.46l1.23-1.23a.5.5 0 0 1 .707.707l-.813.813h.876a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5h-2v.75a.5.5 0 0 1-.5.5H4.584a.5.5 0 0 1-.5-.5v-5a.5.5 0 0 1 .5-.5H5.5v-5.75a4.917 4.917 0 1 1 9.834 0 .75.75 0 0 1-1.5 0 3.417 3.417 0 0 0-3.417-3.417m-2.5 11.417h2v1.5h-2a.5.5 0 0 0-.5.5v.75H5.084v-4h2.333v.75a.5.5 0 0 0 .5.5m6.458-5.5.372-.334a.5.5 0 0 0-.744 0zm0 0 .372-.334.002.001.003.004.012.014a9 9 0 0 1 .191.224c.122.147.286.352.451.582.164.227.335.488.468.746.125.242.251.548.251.846a1.75 1.75 0 1 1-3.5 0c0-.298.126-.604.25-.846.134-.258.306-.519.47-.746a11 11 0 0 1 .641-.806l.012-.014.003-.004h.001v-.001zm-.219 1.074a9 9 0 0 1 .22-.291q.106.136.218.291c.15.208.29.424.391.621.11.213.14.34.14.388a.75.75 0 1 1-1.5 0c0-.047.03-.175.14-.388.101-.197.242-.414.391-.62"/></svg></template>
<script setup lang="ts">
/**
 * Faucet20 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>
