Wi Fi icon
flat-ui:wi-fi
The Wi Fi icon (flat-ui:wi-fi) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 74 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 74
- Tags
- wifi
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="74" viewBox="0 0 100 74"><path fill="#2C3E50" d="M70 29.999a2 2 0 0 1 2 2v17a2 2 0 0 1-4 0v-17a2 2 0 0 1 2-2"/><path fill="#34495E" d="M4 46h92a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V50a4 4 0 0 1 4-4"/><path fill="#495C6E" d="M8 51h84a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3V54a3 3 0 0 1 3-3"/><path fill="#F1C40E" d="M14 57a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/><path fill="#2ECC71" d="M85 58a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m-10 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/><path fill="#BDC3C7" d="M65.375 28.002c-.542 0-1.056-.342-1.281-.914c-.301-.762.029-1.643.736-1.967c3.275-1.5 7.062-1.5 10.34 0c.707.324 1.036 1.205.736 1.967s-1.119 1.117-1.824.793a9.83 9.83 0 0 0-8.164.002c-.177.08-.361.119-.543.119"/><path fill="#BDC3C7" d="M60.473 24.013c-.483 0-.957-.255-1.232-.721c-.43-.723-.227-1.679.453-2.136c3.086-2.072 6.654-3.168 10.322-3.17c3.666 0 7.234 1.096 10.32 3.169c.68.457.883 1.414.453 2.136c-.429.723-1.328.939-2.009.482c-2.62-1.76-5.651-2.815-8.765-2.815c-3.116 0-6.147 1.056-8.769 2.816a1.37 1.37 0 0 1-.773.239M46.489 11.997a1.486 1.486 0 0 1-.996-2.594A36.56 36.56 0 0 1 69.998-.001A36.58 36.58 0 0 1 94.502 9.4a1.49 1.49 0 0 1-1.991 2.214a33.6 33.6 0 0 0-22.517-8.638a33.6 33.6 0 0 0-22.515 8.639a1.46 1.46 0 0 1-.99.382"/><path fill="#BDC3C7" d="M89.452 15.98c-.347 0-.692-.115-.979-.351c-5.164-4.257-11.725-6.665-18.467-6.665c-6.744 0-13.302 2.406-18.467 6.663a1.544 1.544 0 0 1-2.152-.189a1.493 1.493 0 0 1 .191-2.122c5.714-4.708 12.969-7.301 20.428-7.301c7.461 0 14.715 2.594 20.43 7.305c.646.534.732 1.483.191 2.121a1.54 1.54 0 0 1-1.175.539"/><path fill="#BDC3C7" d="M84.512 19.997c-.313 0-.631-.1-.901-.309c-3.943-3.032-8.646-4.698-13.603-4.698c-4.953 0-9.654 1.664-13.599 4.695a1.485 1.485 0 0 1-2.103-.3a1.55 1.55 0 0 1 .295-2.143c4.469-3.434 9.795-5.25 15.406-5.25s10.94 1.816 15.408 5.253a1.55 1.55 0 0 1 .295 2.142c-.293.401-.741.61-1.198.61"/></svg>How to use the Wi Fi icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:wi-fi" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:wi-fi" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:wi-fi" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--wi-fi]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:wi-fi"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:wi-fi"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/wi-fi.svg" alt="Wi Fi icon" width="24" height="24">Related icons in Flat UI Icons
Wi Fi icon in other icon sets
Wi Fi icon FAQ
Is the Wi Fi icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Wi Fi icon in React?
Install @iconify/react and render <Icon icon="flat-ui:wi-fi" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wi Fi icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/wi-fi.svg" alt="Wi Fi icon">, or paste the SVG code inline to style it with CSS.