<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-2.28-2.28h-1.528a3.25 3.25 0 0 1-6.324 0H4.167a.75.75 0 0 1 0-1.5h.17l.748-5.974A4.9 4.9 0 0 1 5.438 6.5L1.97 3.03a.75.75 0 0 1 0-1.06m6.45 13.78a1.748 1.748 0 0 0 3.159 0zM6.645 7.704a3.4 3.4 0 0 0-.06.63q0 .046-.006.093l-.311 2.49h2.9a.75.75 0 0 1 0 1.5H6.079l-.23 1.833h7.34zM10 1.75a.75.75 0 0 1 .75.75v.974a4.92 4.92 0 0 1 4.165 4.8l.499 3.997-1.727-1.728-.264-2.116a1 1 0 0 1-.006-.093 3.418 3.418 0 0 0-4.979-3.04L7.342 4.199a4.9 4.9 0 0 1 1.908-.724V2.5a.75.75 0 0 1 .75-.75"/></svg></template>
<script setup lang="ts">
/**
 * NotificationOff20 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>
