<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><g clip-path="url(#media_wifi-off_20__a)"><path d="M1.97 1.97a.75.75 0 0 1 1.06 0l15 15a.75.75 0 1 1-1.06 1.06l-6.415-6.414a5.1 5.1 0 0 0-3.172.694.751.751 0 0 1-.773-1.286 6.6 6.6 0 0 1 2.476-.877l-1.56-1.56A9.3 9.3 0 0 0 4.93 9.765a.752.752 0 0 1-.824-1.255c.701-.46 1.45-.831 2.23-1.114l-1.46-1.459A13.4 13.4 0 0 0 2.89 6.956a.75.75 0 0 1-.794-1.272q.795-.496 1.64-.887L1.97 3.031a.75.75 0 0 1 0-1.06ZM10 13.333a1.667 1.667 0 1 1-.001 3.335 1.667 1.667 0 0 1 0-3.335ZM9.992 6.75a10.75 10.75 0 0 1 5.89 1.752.75.75 0 0 1-.822 1.255 9.25 9.25 0 0 0-3.54-1.38L9.894 6.751h.098Zm-.005-3.333c2.79-.002 5.526.779 7.896 2.253a.75.75 0 0 1-.793 1.274A13.42 13.42 0 0 0 8.184 5.04L6.888 3.746a15 15 0 0 1 3.1-.329Z"/></g><defs><clipPath id="media_wifi-off_20__a"><path fill="#fff" d="M0 0h20v20H0z"/></clipPath></defs></svg></template>
<script setup lang="ts">
/**
 * WifiOff20 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>
