<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M33.5 8a1.5 1.5 0 0 0-3 0v3.908c-7.457.749-13.285 7.02-13.333 14.663l-1.32 10.553-.005.043-1.167 9.333h-1.342a1.5 1.5 0 0 0 0 3h9.284c.72 4.534 4.646 8 9.383 8s8.663-3.466 9.382-8h9.284a1.5 1.5 0 1 0 0-3h-1.342l-2.491-19.93c-.049-7.642-5.877-13.913-13.333-14.662zM18.657 38.833 17.7 46.5H46.3l-2.455-19.647a2 2 0 0 1-.012-.186c0-6.536-5.298-11.834-11.833-11.834s-11.834 5.298-11.834 11.834q0 .093-.011.186l-1.123 8.98h10.301a1.5 1.5 0 0 1 0 3zM32 54.5a6.5 6.5 0 0 1-6.326-5h12.652a6.5 6.5 0 0 1-6.326 5"/></svg></template>
<script setup lang="ts">
/**
 * Notification64 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>
