<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 0 1-2.12 2.121L25.465 27.587a12.5 12.5 0 0 0-7.903 1.698 1.501 1.501 0 0 1-1.547-2.57 15.5 15.5 0 0 1 6.44-2.137l-4.303-4.303a22.5 22.5 0 0 0-6.49 2.909 1.5 1.5 0 0 1-1.645-2.509 25.5 25.5 0 0 1 5.733-2.803l-3.983-3.982a32.5 32.5 0 0 0-4.99 2.549 1.5 1.5 0 0 1-1.59-2.544 35.5 35.5 0 0 1 4.295-2.29L4.94 7.06a1.5 1.5 0 0 1 0-2.121ZM24 32a4 4 0 1 1 0 8 4 4 0 0 1 0-8m.51-15.495a25.5 25.5 0 0 1 13.442 4.15 1.5 1.5 0 0 1-1.642 2.511 22.5 22.5 0 0 0-8.472-3.334zM23.97 8.5a35.5 35.5 0 0 1 18.79 5.362 1.5 1.5 0 0 1-1.585 2.547 32.5 32.5 0 0 0-21.393-4.633L17.17 9.164a35.5 35.5 0 0 1 6.8-.664"/></svg></template>
<script setup lang="ts">
/**
 * WifiOff48 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>
