<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M43.06 7.06a1.5 1.5 0 0 0-2.12-2.12l-4.676 4.675C33.768 6.4 29.608 4.5 25.314 4.5 17.133 4.5 10.5 11.133 10.5 19.314V20a1.5 1.5 0 0 0 3 0v-.686C13.5 12.79 18.79 7.5 25.314 7.5c3.686 0 6.969 1.665 8.795 4.27l-2.323 2.323C30.379 12.149 27.932 11 25.42 11A8.42 8.42 0 0 0 17 19.42v.358a1 1 0 1 0 2 0v-.358A6.42 6.42 0 0 1 25.42 13c2.12 0 3.974 1.006 4.917 2.541L4.94 40.94a1.5 1.5 0 0 0 2.122 2.122zM21.346 40.5a5.84 5.84 0 0 1-5.074-2.942l-2.172 2.171a8.84 8.84 0 0 0 7.246 3.771c5.602 0 8.98-5.112 10.023-9.787q.037-.166.08-.318L30 33l1.447.395c.452-1.658 1.342-2.694 2.492-3.92l.217-.23v-.001c1.099-1.165 2.414-2.56 3.243-4.702.922-2.383 1.215-5.246 1.228-7.927a12 12 0 0 0-.069-1.345l-2.98 2.98c-.11 1.928-.407 3.737-.977 5.208-.612 1.582-1.559 2.59-2.693 3.798l-.157.167c-1.191 1.27-2.539 2.764-3.198 5.182q-.061.225-.112.455c-.932 4.174-3.63 7.44-7.096 7.44"/></svg></template>
<script setup lang="ts">
/**
 * HearingDisabled48 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>
