<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="M9.099 2.543a.75.75 0 0 1 .645.211l7.66 7.66a.75.75 0 0 1-.186 1.197l-5.06 2.617 1.248 2.245a.75.75 0 0 1-.125.895l-1.179 1.178a.75.75 0 0 1-1.06 0L8.624 16.13l-1.532 1.532a.75.75 0 0 1-1.06 0l-3.537-3.535a.75.75 0 0 1 0-1.06l1.685-1.686L8.547 2.94a.75.75 0 0 1 .551-.397m.875 12.815 1.598 1.597.248-.248-.994-1.79zm-5.18-2.468 2.475 2.474-.707.707-2.475-2.474zm.918-1.204 2.76 2.76 4.272-2.21-4.822-4.822zm9.906-.936-1.942 1.004-5.272-5.272L9.41 4.54zM13.87 4.994a.5.5 0 1 0 .707.707l1.768-1.768a.5.5 0 1 0-.707-.707zm-1.021-3.378a.5.5 0 0 1 .392.589l-.295 1.473a.5.5 0 1 1-.98-.196l.294-1.473a.5.5 0 0 1 .589-.393m3.045 5.01a.5.5 0 1 0 .196.98l1.473-.295a.5.5 0 1 0-.196-.98z"/></svg></template>
<script setup lang="ts">
/**
 * Megaphone20 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>
