<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="M16.667 5A5.667 5.667 0 0 0 11 10.667V20q0 .086-.014.167h1.68a.5.5 0 0 1 .5.5v1.46l2.48-2.48a.5.5 0 0 1 .708.707l-1.813 1.813h2.126a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-3.5v1.5a.5.5 0 0 1-.5.5H7.334a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 .5-.5h1.68A1 1 0 0 1 9 20v-9.333a7.667 7.667 0 1 1 15.333 0 1 1 0 1 1-2 0A5.667 5.667 0 0 0 16.667 5M7.834 21.167v7h4.333v-1.5a.5.5 0 0 1 .5-.5h3.5v-3h-3.5a.5.5 0 0 1-.5-.5v-1.5zm14.794-6.834.372.334zl-.002.002-.005.006-.018.02a11 11 0 0 0-.3.352c-.193.232-.45.555-.709.914a9.5 9.5 0 0 0-.726 1.157c-.195.38-.368.815-.368 1.216a2.5 2.5 0 0 0 5 0c0-.401-.173-.837-.368-1.216a9.5 9.5 0 0 0-.726-1.157 17 17 0 0 0-1.009-1.266l-.018-.02-.005-.006-.001-.002-.373.334.372-.334a.5.5 0 0 0-.744 0m-.222 1.878c.21-.293.422-.562.594-.772.172.21.383.48.594.772.243.338.477.697.65 1.031.18.35.256.607.256.758a1.5 1.5 0 1 1-3 0c0-.151.077-.408.257-.758.172-.334.406-.694.65-1.031"/></svg></template>
<script setup lang="ts">
/**
 * Faucet32 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>
