wifi icon

Wifi: wifi, wireless, wireless network, wi fi. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M7.5 4C8.759 4 9.952 4.282 11.078 4.845C12.204 5.408 13.145 6.193 13.9 7.2C13.983 7.31 14.014 7.434 13.995 7.571C13.975 7.707 13.91 7.817 13.8 7.9C13.69 7.983 13.566 8.014 13.429 7.995C13.293 7.975 13.183 7.91 13.1 7.8C12.439 6.919 11.616 6.232 10.63 5.739C9.645 5.246 8.602 5 7.5 5C6.398 5 5.355 5.246 4.37 5.739C3.384 6.232 2.561 6.919 1.9 7.8C1.817 7.91 1.707 7.975 1.571 7.995C1.434 8.015 1.31 7.983 1.2 7.9C1.09 7.817 1.025 7.707 1.005 7.571C0.985 7.434 1.017 7.31 1.1 7.2C1.855 6.193 2.796 5.408 3.922 4.845C5.048 4.282 6.241 4 7.5 4ZM5.04 7.581C5.815 7.194 6.634 7 7.5 7C8.366 7 9.185 7.194 9.96 7.581C10.734 7.968 11.381 8.508 11.9 9.2C11.983 9.31 12.014 9.434 11.995 9.571C11.975 9.707 11.91 9.817 11.8 9.9C11.69 9.983 11.566 10.014 11.429 9.995C11.293 9.975 11.183 9.91 11.1 9.8C10.675 9.233 10.146 8.792 9.512 8.475C8.879 8.158 8.208 8 7.5 8C6.792 8 6.121 8.158 5.488 8.475C4.854 8.792 4.325 9.233 3.9 9.8C3.815 9.913 3.706 9.979 3.571 9.998C3.436 10.017 3.313 9.985 3.2 9.9C3.09 9.817 3.025 9.707 3.005 9.571C2.985 9.434 3.017 9.31 3.1 9.2C3.619 8.508 4.266 7.968 5.04 7.581ZM7.5 10C7.972 10 8.419 10.106 8.842 10.317C9.264 10.528 9.617 10.822 9.9 11.2C9.983 11.31 10.014 11.434 9.995 11.571C9.975 11.707 9.91 11.817 9.8 11.9C9.69 11.983 9.566 12.014 9.429 11.995C9.293 11.975 9.183 11.91 9.1 11.8C8.911 11.548 8.676 11.352 8.394 11.211C8.113 11.07 7.815 11 7.5 11C7.185 11 6.887 11.07 6.606 11.211C6.324 11.352 6.089 11.548 5.9 11.8C5.815 11.913 5.706 11.979 5.571 11.998C5.436 12.017 5.313 11.985 5.2 11.9C5.09 11.817 5.025 11.707 5.005 11.571C4.985 11.434 5.017 11.31 5.1 11.2C5.383 10.822 5.736 10.528 6.158 10.317C6.581 10.106 7.028 10 7.5 10ZM6.793 12.293C6.988 12.098 7.224 12 7.5 12C7.776 12 8.012 12.098 8.207 12.293C8.402 12.488 8.5 12.724 8.5 13C8.5 13.276 8.402 13.512 8.207 13.707C8.012 13.902 7.776 14 7.5 14C7.224 14 6.988 13.902 6.793 13.707C6.598 13.512 6.5 13.276 6.5 13C6.5 12.724 6.598 12.488 6.793 12.293Z"/></svg>

React

// Gentleface "wifi" (line-round), MIT. https://gentleface.com/icons/wifi
import type { SVGProps } from 'react';

export function WifiIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M7.5 4C8.759 4 9.952 4.282 11.078 4.845C12.204 5.408 13.145 6.193 13.9 7.2C13.983 7.31 14.014 7.434 13.995 7.571C13.975 7.707 13.91 7.817 13.8 7.9C13.69 7.983 13.566 8.014 13.429 7.995C13.293 7.975 13.183 7.91 13.1 7.8C12.439 6.919 11.616 6.232 10.63 5.739C9.645 5.246 8.602 5 7.5 5C6.398 5 5.355 5.246 4.37 5.739C3.384 6.232 2.561 6.919 1.9 7.8C1.817 7.91 1.707 7.975 1.571 7.995C1.434 8.015 1.31 7.983 1.2 7.9C1.09 7.817 1.025 7.707 1.005 7.571C0.985 7.434 1.017 7.31 1.1 7.2C1.855 6.193 2.796 5.408 3.922 4.845C5.048 4.282 6.241 4 7.5 4ZM5.04 7.581C5.815 7.194 6.634 7 7.5 7C8.366 7 9.185 7.194 9.96 7.581C10.734 7.968 11.381 8.508 11.9 9.2C11.983 9.31 12.014 9.434 11.995 9.571C11.975 9.707 11.91 9.817 11.8 9.9C11.69 9.983 11.566 10.014 11.429 9.995C11.293 9.975 11.183 9.91 11.1 9.8C10.675 9.233 10.146 8.792 9.512 8.475C8.879 8.158 8.208 8 7.5 8C6.792 8 6.121 8.158 5.488 8.475C4.854 8.792 4.325 9.233 3.9 9.8C3.815 9.913 3.706 9.979 3.571 9.998C3.436 10.017 3.313 9.985 3.2 9.9C3.09 9.817 3.025 9.707 3.005 9.571C2.985 9.434 3.017 9.31 3.1 9.2C3.619 8.508 4.266 7.968 5.04 7.581ZM7.5 10C7.972 10 8.419 10.106 8.842 10.317C9.264 10.528 9.617 10.822 9.9 11.2C9.983 11.31 10.014 11.434 9.995 11.571C9.975 11.707 9.91 11.817 9.8 11.9C9.69 11.983 9.566 12.014 9.429 11.995C9.293 11.975 9.183 11.91 9.1 11.8C8.911 11.548 8.676 11.352 8.394 11.211C8.113 11.07 7.815 11 7.5 11C7.185 11 6.887 11.07 6.606 11.211C6.324 11.352 6.089 11.548 5.9 11.8C5.815 11.913 5.706 11.979 5.571 11.998C5.436 12.017 5.313 11.985 5.2 11.9C5.09 11.817 5.025 11.707 5.005 11.571C4.985 11.434 5.017 11.31 5.1 11.2C5.383 10.822 5.736 10.528 6.158 10.317C6.581 10.106 7.028 10 7.5 10ZM6.793 12.293C6.988 12.098 7.224 12 7.5 12C7.776 12 8.012 12.098 8.207 12.293C8.402 12.488 8.5 12.724 8.5 13C8.5 13.276 8.402 13.512 8.207 13.707C8.012 13.902 7.776 14 7.5 14C7.224 14 6.988 13.902 6.793 13.707C6.598 13.512 6.5 13.276 6.5 13C6.5 12.724 6.598 12.488 6.793 12.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/wifi.md

Svelte

Svelte: see /icons/wifi.md

HTML img

HTML img: see /icons/wifi.md

CSS

CSS: see /icons/wifi.md

Data URL

Data URL: see /icons/wifi.md

Sprite

Sprite: see /icons/wifi.md

SwiftUI

SwiftUI: see /icons/wifi.md

Compose

Compose: see /icons/wifi.md

Android XML

Android XML: see /icons/wifi.md

Flutter

Flutter: see /icons/wifi.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

wifi, wireless, wireless network, wi fi, wlan, wifi on

Alternatives

signal: cellular signal (cellular-signal)

Don’t confuse with

rss: the feed sign means a web feed (rss)

Also fits

home network: a Wi-Fi network
ethernet: a wireless network (wifi)
network: a wireless network (wifi)
cellular signal: Wi-Fi signal strength (wifi)
web: a wireless network connection

Not for

broadcast (use broadcast): wifi means a network connection
rss (use rss): the Wi-Fi arcs mean a wireless network (wifi)

Tags

wireless, network, signal, internet, connection, hotspot

Category

Connectivity

Component name

WifiIcon

History

2026-10-14 added

Family 8

wifi-alert wifi-gear wifi-lock wifi-low wifi-off wifi-plus wifi-search wifi-sync

More connectivity icons

antenna bluetooth bluetooth-connected bluetooth-off bluetooth-searching cast cast-connected cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-gear cloud-lock cloud-off · all connectivity icons

For agents

Metadata: /icons/wifi.json · Markdown: /icons/wifi.md · SVG: https://gentleface.com/svg/{style}/16/wifi.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/wifi.png

wifi icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp