<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#media_mic-off_20__a)"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-3.714-3.714a5.7 5.7 0 0 1-2.506.966v1.468h1.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5h1.75v-1.468a5.75 5.75 0 0 1-5-5.699v-2.5a.75.75 0 0 1 .75-.75c.138 0 .267.04.378.105L1.97 3.03a.75.75 0 0 1 0-1.06m3.674 4.734c.065.112.106.24.106.379v2.5a4.25 4.25 0 0 0 6.423 3.65l-1.05-1.05a2.834 2.834 0 0 1-3.955-2.6V8.228L5.643 6.704ZM15 6.333a.75.75 0 0 1 .75.75v2.5c0 .883-.2 1.72-.557 2.467l-1.152-1.152a4.2 4.2 0 0 0 .21-1.315v-2.5a.75.75 0 0 1 .75-.75ZM10 1.75a2.834 2.834 0 0 1 2.834 2.833v5c0 .034-.005.068-.006.102L11.334 8.19V4.583a1.334 1.334 0 0 0-2.667 0v.94L7.215 4.071A2.83 2.83 0 0 1 10 1.75"/></g><defs><clipPath id="media_mic-off_20__a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * MicOff20 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>
