<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="M28.707 4.707a1 1 0 0 0-1.414-1.414L24.176 6.41C22.512 4.267 19.739 3 16.876 3 11.422 3 7 7.422 7 12.876v.457a1 1 0 1 0 2 0v-.457A7.876 7.876 0 0 1 16.876 5c2.457 0 4.646 1.11 5.863 2.846l-1.668 1.67c-.9-1.263-2.484-2.016-4.124-2.016a5.447 5.447 0 0 0-5.447 5.447v.238a.5.5 0 0 0 1 0v-.238A4.447 4.447 0 0 1 16.947 8.5c1.444 0 2.73.681 3.4 1.74L3.293 27.292a1 1 0 1 0 1.414 1.414zM14.23 27a3.9 3.9 0 0 1-3.294-1.814l-1.438 1.437A5.89 5.89 0 0 0 14.23 29c3.735 0 5.987-3.408 6.682-6.525q.025-.11.053-.212c.301-1.105.895-1.796 1.661-2.613l.145-.154c.732-.777 1.609-1.707 2.162-3.135.614-1.588.81-3.497.819-5.284a8 8 0 0 0-.026-.682l-2.023 2.024c-.084 1.19-.28 2.303-.636 3.22-.408 1.054-1.039 1.726-1.795 2.532l-.105.111c-.794.847-1.692 1.843-2.132 3.455q-.04.15-.075.303c-.62 2.783-2.42 4.96-4.73 4.96"/></svg></template>
<script setup lang="ts">
/**
 * HearingDisabled32 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>
