<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="M21.882 6.401a1.5 1.5 0 0 1 1.29.422l18.385 18.385a1.5 1.5 0 0 1-.371 2.393l-12.418 6.423 3.143 5.658a1.5 1.5 0 0 1-.25 1.79L28.831 44.3a1.5 1.5 0 0 1-2.121 0l-6.012-6.012-3.89 3.889a1.5 1.5 0 0 1-2.12 0l-8.487-8.484a1.5 1.5 0 0 1 0-2.121l4.078-4.078 10.5-20.3a1.5 1.5 0 0 1 1.102-.793m1.553 30.38 4.336 4.337.968-.968-2.637-4.747zm-11.93-6.27 6.364 6.364-2.12 2.12-6.365-6.363zm1.836-2.406 6.935 6.934 10.719-5.545-12.11-12.109zm24.644-2.227L32.86 28.53 19.85 15.521l2.652-5.126zm-4.558-13.75a1 1 0 0 0 1.414 1.414l4.243-4.243a1 1 0 0 0-1.415-1.414zm-2.633-8.052a1 1 0 0 1 .785 1.177l-.707 3.535a1 1 0 0 1-1.961-.392l.707-3.536a1 1 0 0 1 1.176-.784m7.386 12.02a1 1 0 0 0 .393 1.962l3.535-.707a1 1 0 0 0-.392-1.961z"/></svg></template>
<script setup lang="ts">
/**
 * Megaphone48 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>
