<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M10.903 2.953a1 1 0 0 1 .86.281l9.192 9.193a1 1 0 0 1-.247 1.595l-5.98 3.093 1.446 2.604a1 1 0 0 1-.167 1.193l-1.414 1.414a1 1 0 0 1-1.414 0l-2.83-2.829-1.767 1.768a1 1 0 0 1-1.414 0l-4.244-4.242a1 1 0 0 1 0-1.414l2.012-2.012 5.232-10.115a1 1 0 0 1 .735-.529m1.233 15.502 1.75 1.75.173-.174-1.109-1.997zM5.753 15.61l2.828 2.828-.707.707-2.828-2.828zm1.224-1.605 3.208 3.209 5.127-2.652-5.684-5.683zm11.597-1.13-2.33 1.205-6.133-6.133 1.205-2.33zm-1.86-6.81a.5.5 0 0 0 .707.706l2.12-2.12a.5.5 0 0 0-.706-.708zm-1.317-4.026a.5.5 0 0 1 .392.588l-.353 1.768a.5.5 0 0 1-.98-.196l.353-1.768a.5.5 0 0 1 .588-.392m3.693 6.01a.5.5 0 0 0 .196.98l1.768-.353a.5.5 0 0 0-.196-.98z"/></svg></template>
<script setup lang="ts">
/**
 * Megaphone24 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>
