<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><g clip-path="url(#media_wifi-off_32__a)"><path d="M3.293 3.293a1 1 0 0 1 1.414 0l24 24a1 1 0 0 1-1.414 1.414L16.976 18.391a8.34 8.34 0 0 0-5.267 1.133 1 1 0 0 1-1.03-1.714 10.3 10.3 0 0 1 4.29-1.426l-2.867-2.867a15 15 0 0 0-4.327 1.94 1.001 1.001 0 0 1-1.096-1.673 17 17 0 0 1 3.822-1.869L7.846 9.26a21.6 21.6 0 0 0-3.328 1.7 1 1 0 0 1-1.06-1.697A23.5 23.5 0 0 1 6.325 7.74L3.293 4.707a1 1 0 0 1 0-1.414M16 21.333a2.667 2.667 0 1 1-.001 5.335 2.667 2.667 0 0 1 0-5.335Zm.283-10.328a17 17 0 0 1 9.018 2.766 1 1 0 0 1-1.094 1.674 15 15 0 0 0-5.719-2.235zm-.304-5.338a23.67 23.67 0 0 1 12.528 3.575 1 1 0 0 1-1.057 1.697 21.67 21.67 0 0 0-14.313-3.08l-1.738-1.737a23.7 23.7 0 0 1 4.58-.455"/></g><defs><clipPath id="media_wifi-off_32__a"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * WifiOff32 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>
