<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M14.588 4.268a1 1 0 0 1 .86.28l12.257 12.257a1 1 0 0 1-.248 1.596l-8.278 4.282 2.095 3.772a1 1 0 0 1-.167 1.193l-1.885 1.885a1 1 0 0 1-1.415 0L13.8 25.525l-2.593 2.593a1 1 0 0 1-1.414 0l-5.658-5.656a1 1 0 0 1 0-1.414l2.719-2.719 7-13.533a1 1 0 0 1 .734-.528m1.036 20.253 2.89 2.89.646-.644-1.758-3.165zm-7.954-4.18 4.243 4.242-1.413 1.414-4.244-4.242zm1.225-1.605 4.622 4.623 7.302-3.776-8.148-8.148zm16.429-1.484-3.573 1.849-8.598-8.598 1.848-3.573zm-2.921-9.049a.5.5 0 0 0 .707.707l2.828-2.828a.5.5 0 0 0-.707-.707zm-1.906-5.322a.5.5 0 0 1 .393.588l-.472 2.357a.5.5 0 1 1-.98-.196l.471-2.357a.5.5 0 0 1 .588-.392m4.99 8.014a.5.5 0 0 0 .196.98l2.357-.471a.5.5 0 1 0-.196-.98z"/></svg></template>
<script setup lang="ts">
/**
 * Megaphone32 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>
