<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M22 8a6 6 0 1 1-12 0 6 6 0 0 1 12 0m-5-3.5a1 1 0 1 0-2 0v4a1 1 0 1 0 2 0zm-1 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2M9.552 4.167a7.5 7.5 0 0 0-.87 2.18A16 16 0 0 0 3.52 8.431a1 1 0 1 1-1.06-1.696 18 18 0 0 1 7.092-2.568m1.972 9.852a7.5 7.5 0 0 1-1.674-1.725 8 8 0 0 0-1.971.849 1 1 0 1 0 1.03 1.714 6 6 0 0 1 2.615-.838m-2.617-3.576a7.5 7.5 0 0 1-.392-1.967 13 13 0 0 0-3.644 1.652 1 1 0 0 0 1.097 1.673 11 11 0 0 1 2.939-1.358M12 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/></svg></template>
<script setup lang="ts">
/**
 * WifiError24 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>
