<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path d="M4.94 4.94a1.5 1.5 0 0 1 2.12 0l36 36a1.5 1.5 0 1 1-2.12 2.12l-5.561-5.56h-4.03a7.502 7.502 0 0 1-14.699 0H10a1.5 1.5 0 0 1 0-3h.676l1.826-14.616a11.4 11.4 0 0 1 .904-4.357L4.94 7.061a1.5 1.5 0 0 1 0-2.122ZM19.757 37.5a4.5 4.5 0 0 0 8.484 0zm-3.991-19.612A8.5 8.5 0 0 0 15.5 20q0 .094-.012.186L14.7 26.5H22a1.5 1.5 0 0 1 0 3h-7.675l-.625 5h18.68zM24 4.5A1.5 1.5 0 0 1 25.5 6v2.6c5.604.73 9.94 5.493 9.997 11.284l1.086 8.693-3.455-3.455-.616-4.936A2 2 0 0 1 32.5 20a8.5 8.5 0 0 0-8.5-8.5 8.5 8.5 0 0 0-3.666.828l-2.212-2.212A11.4 11.4 0 0 1 22.5 8.6V6A1.5 1.5 0 0 1 24 4.5"/></svg></template>
<script setup lang="ts">
/**
 * NotificationOff48 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>
