<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M29.334 10.667a8 8 0 1 1-16 0 8 8 0 0 1 16 0m-7-4.667a1 1 0 1 0-2 0v5.334a1 1 0 0 0 2 0zm-1 10.667a1.333 1.333 0 1 0 0-2.667 1.333 1.333 0 0 0 0 2.667M3.458 9.263a23.7 23.7 0 0 1 9.07-3.34 10 10 0 0 0-.863 2.182 21.7 21.7 0 0 0-7.148 2.854 1 1 0 0 1-1.06-1.696m3.22 4.52a17 17 0 0 1 4.702-2.143q.1 1.019.393 1.968a15 15 0 0 0-3.998 1.848 1 1 0 1 1-1.097-1.673m3.999 4.027c.835-.502 1.733-.881 2.666-1.13a10 10 0 0 0 1.644 1.715 8.3 8.3 0 0 0-3.28 1.129 1 1 0 1 1-1.03-1.715M16 26.667a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333"/></svg></template>
<script setup lang="ts">
/**
 * WifiError32 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>
