<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="M17.5 11a6.5 6.5 0 1 1 13 0v12a6.5 6.5 0 1 1-13 0zM24 7.5a3.5 3.5 0 0 0-3.5 3.5v12a3.5 3.5 0 1 0 7 0V11A3.5 3.5 0 0 0 24 7.5m0 26c5.799 0 10.5-4.701 10.5-10.5v-6a1.5 1.5 0 0 1 3 0v6c0 6.949-5.25 12.671-12 13.418V40.5H30a1.5 1.5 0 0 1 0 3H18a1.5 1.5 0 0 1 0-3h4.5v-4.082c-6.75-.747-12-6.47-12-13.418v-6a1.5 1.5 0 0 1 3 0v6c0 5.799 4.701 10.5 10.5 10.5"/></svg></template>
<script setup lang="ts">
/**
 * Mic48 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>
