<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M18.334 6.667a5 5 0 1 1-10 0 5 5 0 0 1 10 0m-4.25-2.917a.75.75 0 1 0-1.5 0v3.334a.75.75 0 0 0 1.5 0zm-.75 6.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667M7.907 3.564a6.2 6.2 0 0 0-.65 1.636c-1.541.322-3.02.914-4.367 1.756a.75.75 0 1 1-.795-1.272 14.9 14.9 0 0 1 5.812-2.12m1.598 8.044a6.3 6.3 0 0 1-1.245-1.29 6.6 6.6 0 0 0-1.651.706.75.75 0 0 0 .772 1.286 5.1 5.1 0 0 1 2.124-.702M7.396 8.624a6.2 6.2 0 0 1-.294-1.476A10.8 10.8 0 0 0 4.105 8.51a.75.75 0 0 0 .823 1.255 9.3 9.3 0 0 1 2.468-1.14M10 16.667a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333"/></svg></template>
<script setup lang="ts">
/**
 * WifiError20 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>
