<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M44 16c0 6.627-5.373 12-12 12-6.628 0-12-5.373-12-12S25.372 4 32 4c6.627 0 12 5.373 12 12M33.5 9a1.5 1.5 0 1 0-3 0v8a1.5 1.5 0 0 0 3 0zM32 25a2 2 0 1 0 0-4 2 2 0 0 0 0 4M18.792 8.884a15 15 0 0 0-1.295 3.273 32.5 32.5 0 0 0-10.721 4.281 1.5 1.5 0 1 1-1.59-2.544 35.5 35.5 0 0 1 13.606-5.01m3.688 18.708a15 15 0 0 1-2.466-2.572c-1.4.373-2.746.94-4 1.694a1.5 1.5 0 0 0 1.546 2.571 12.5 12.5 0 0 1 4.92-1.693m-4.82-7.18a15 15 0 0 1-.59-2.953 25.5 25.5 0 0 0-7.054 3.215 1.5 1.5 0 0 0 1.645 2.51 22.5 22.5 0 0 1 5.998-2.773M24 40a4 4 0 1 0 0-8 4 4 0 0 0 0 8"/></svg></template>
<script setup lang="ts">
/**
 * WifiError48 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>
