<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path d="M3.293 3.293a1 1 0 0 1 1.414 0l24 24a1 1 0 0 1-1.414 1.414L23.586 25h-2.687a5.001 5.001 0 0 1-9.799 0H6.668a1 1 0 0 1 0-2h.45l1.218-9.743c.01-1.03.224-2.011.602-2.905L3.293 4.707a1 1 0 0 1 0-1.414M13.173 25a2.999 2.999 0 0 0 5.652 0zm-2.662-13.075q-.175.677-.177 1.409 0 .062-.008.124L9.8 17.667h4.867a1 1 0 0 1 0 2H9.55L9.133 23h12.453zM16 3a1 1 0 0 1 1 1v1.733a7.666 7.666 0 0 1 6.665 7.524l.732 5.862-2.303-2.304-.42-3.357a1 1 0 0 1-.007-.124 5.668 5.668 0 0 0-8.15-5.096l-1.472-1.471A7.6 7.6 0 0 1 15 5.733V4a1 1 0 0 1 1-1"/></svg></template>
<script setup lang="ts">
/**
 * NotificationOff32 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>
