<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.548 1.75A6.3 6.3 0 0 0 4.25 8.048v.285a.75.75 0 1 0 1.5 0v-.285a4.8 4.8 0 0 1 4.798-4.798c1.461 0 2.754.64 3.5 1.641l-.82.82c-.614-.765-1.616-1.211-2.636-1.211A3.59 3.59 0 0 0 7 8.092v.149a.5.5 0 0 0 1 0v-.15A2.59 2.59 0 0 1 10.592 5.5c.816 0 1.526.367 1.918.93L1.97 16.97a.75.75 0 1 0 1.06 1.06l15-15a.75.75 0 0 0-1.06-1.06l-1.85 1.849C14.048 2.514 12.32 1.75 10.549 1.75m-1.654 15c-.629 0-1.198-.25-1.615-.658l-1.06 1.06a3.8 3.8 0 0 0 2.675 1.098c2.423 0 3.859-2.207 4.298-4.176q.015-.066.032-.127l-.71-.193.71.193c.18-.658.531-1.071 1.008-1.58l.093-.098c.457-.485 1.02-1.082 1.374-1.998.366-.944.497-2.06.518-3.117l-1.662 1.662a5.4 5.4 0 0 1-.254.913c-.247.636-.626 1.04-1.102 1.547l-.06.065c-.499.53-1.08 1.172-1.363 2.212q-.026.097-.048.195l.618.138-.618-.138c-.383 1.718-1.48 3.002-2.834 3.002"/></svg></template>
<script setup lang="ts">
/**
 * HearingDisabled20 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>
