<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M2.293 2.293a1 1 0 0 1 1.414 0l18 18a1 1 0 0 1-1.414 1.414L17.586 19h-1.712a4.002 4.002 0 0 1-7.748 0H5a1 1 0 1 1 0-2h.117l.885-7.077c.01-.74.153-1.447.407-2.1L2.293 3.707a1 1 0 0 1 0-1.414M10.27 19a1.998 1.998 0 0 0 3.46 0zM8.039 9.453Q8 9.721 7.999 10a1 1 0 0 1-.007.124L7.632 13H11a1 1 0 1 1 0 2H7.383l-.25 2h8.453zM11.999 2a1 1 0 0 1 1 1v1.084a6 6 0 0 1 4.999 5.839l.594 4.755-2.303-2.303-.281-2.251A1 1 0 0 1 16 10a4 4 0 0 0-5.705-3.62L8.823 4.91A6 6 0 0 1 11 4.083V3a1 1 0 0 1 1-1Z"/></svg></template>
<script setup lang="ts">
/**
 * NotificationOff24 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>
