Gentleface › Connectivity › wifi-off

wifi-off icon

Wifi off: offline, no connection, no internet, wifi disabled. 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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8.258 8.965C7.449 8.837 6.661 8.927 5.893 9.234C5.079 9.559 4.417 10.078 3.906 10.791C3.826 10.903 3.718 10.971 3.582 10.993C3.445 11.016 3.321 10.987 3.209 10.906C3.097 10.826 3.029 10.718 3.007 10.582C2.984 10.445 3.013 10.321 3.094 10.209C3.393 9.791 3.744 9.423 4.146 9.103C4.566 8.77 5.025 8.504 5.522 8.305C6.02 8.106 6.535 7.982 7.069 7.934C7.118 7.93 7.167 7.926 7.216 7.923L5.366 6.073C4.711 6.309 4.103 6.637 3.543 7.057C2.902 7.537 2.36 8.111 1.916 8.777C1.838 8.894 1.732 8.966 1.599 8.993C1.466 9.02 1.34 8.994 1.223 8.916C1.108 8.84 1.037 8.734 1.01 8.598C0.983 8.463 1.007 8.338 1.084 8.223C1.591 7.461 2.211 6.806 2.943 6.257C3.458 5.87 4.009 5.552 4.595 5.302L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.904 8.205C13.985 8.316 14.015 8.44 13.994 8.577C13.973 8.713 13.907 8.822 13.795 8.904C13.684 8.985 13.56 9.015 13.423 8.994C13.287 8.973 13.178 8.907 13.096 8.795C12.539 8.033 11.856 7.409 11.046 6.923C10.237 6.437 9.364 6.128 8.43 5.995C8.293 5.976 8.183 5.911 8.1 5.8C8.017 5.69 7.986 5.566 8.005 5.43C8.024 5.293 8.089 5.183 8.2 5.1C8.31 5.017 8.434 4.986 8.57 5.005C9.639 5.157 10.635 5.51 11.561 6.065C12.486 6.621 13.267 7.334 13.904 8.205ZM7.5 11C7.972 11 8.419 11.106 8.842 11.317C9.264 11.528 9.617 11.822 9.9 12.2C9.983 12.31 10.014 12.434 9.995 12.571C9.975 12.707 9.91 12.817 9.8 12.9C9.69 12.983 9.566 13.014 9.429 12.995C9.293 12.975 9.183 12.91 9.1 12.8C8.911 12.548 8.676 12.352 8.394 12.211C8.113 12.07 7.815 12 7.5 12C7.185 12 6.887 12.07 6.606 12.211C6.324 12.352 6.089 12.548 5.9 12.8C5.815 12.913 5.706 12.979 5.571 12.998C5.436 13.017 5.313 12.985 5.2 12.9C5.087 12.815 5.021 12.706 5.002 12.571C4.983 12.436 5.015 12.313 5.1 12.2C5.383 11.822 5.736 11.528 6.158 11.317C6.581 11.106 7.028 11 7.5 11ZM6.793 13.293C6.988 13.098 7.224 13 7.5 13C7.776 13 8.012 13.098 8.207 13.293C8.402 13.488 8.5 13.724 8.5 14C8.5 14.276 8.402 14.512 8.207 14.707C8.012 14.902 7.776 15 7.5 15C7.224 15 6.988 14.902 6.793 14.707C6.598 14.512 6.5 14.276 6.5 14C6.5 13.724 6.598 13.488 6.793 13.293Z"/></svg>

React

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

export function WifiOffIcon(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="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8.258 8.965C7.449 8.837 6.661 8.927 5.893 9.234C5.079 9.559 4.417 10.078 3.906 10.791C3.826 10.903 3.718 10.971 3.582 10.993C3.445 11.016 3.321 10.987 3.209 10.906C3.097 10.826 3.029 10.718 3.007 10.582C2.984 10.445 3.013 10.321 3.094 10.209C3.393 9.791 3.744 9.423 4.146 9.103C4.566 8.77 5.025 8.504 5.522 8.305C6.02 8.106 6.535 7.982 7.069 7.934C7.118 7.93 7.167 7.926 7.216 7.923L5.366 6.073C4.711 6.309 4.103 6.637 3.543 7.057C2.902 7.537 2.36 8.111 1.916 8.777C1.838 8.894 1.732 8.966 1.599 8.993C1.466 9.02 1.34 8.994 1.223 8.916C1.108 8.84 1.037 8.734 1.01 8.598C0.983 8.463 1.007 8.338 1.084 8.223C1.591 7.461 2.211 6.806 2.943 6.257C3.458 5.87 4.009 5.552 4.595 5.302L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM13.904 8.205C13.985 8.316 14.015 8.44 13.994 8.577C13.973 8.713 13.907 8.822 13.795 8.904C13.684 8.985 13.56 9.015 13.423 8.994C13.287 8.973 13.178 8.907 13.096 8.795C12.539 8.033 11.856 7.409 11.046 6.923C10.237 6.437 9.364 6.128 8.43 5.995C8.293 5.976 8.183 5.911 8.1 5.8C8.017 5.69 7.986 5.566 8.005 5.43C8.024 5.293 8.089 5.183 8.2 5.1C8.31 5.017 8.434 4.986 8.57 5.005C9.639 5.157 10.635 5.51 11.561 6.065C12.486 6.621 13.267 7.334 13.904 8.205ZM7.5 11C7.972 11 8.419 11.106 8.842 11.317C9.264 11.528 9.617 11.822 9.9 12.2C9.983 12.31 10.014 12.434 9.995 12.571C9.975 12.707 9.91 12.817 9.8 12.9C9.69 12.983 9.566 13.014 9.429 12.995C9.293 12.975 9.183 12.91 9.1 12.8C8.911 12.548 8.676 12.352 8.394 12.211C8.113 12.07 7.815 12 7.5 12C7.185 12 6.887 12.07 6.606 12.211C6.324 12.352 6.089 12.548 5.9 12.8C5.815 12.913 5.706 12.979 5.571 12.998C5.436 13.017 5.313 12.985 5.2 12.9C5.087 12.815 5.021 12.706 5.002 12.571C4.983 12.436 5.015 12.313 5.1 12.2C5.383 11.822 5.736 11.528 6.158 11.317C6.581 11.106 7.028 11 7.5 11ZM6.793 13.293C6.988 13.098 7.224 13 7.5 13C7.776 13 8.012 13.098 8.207 13.293C8.402 13.488 8.5 13.724 8.5 14C8.5 14.276 8.402 14.512 8.207 14.707C8.012 14.902 7.776 15 7.5 15C7.224 15 6.988 14.902 6.793 14.707C6.598 14.512 6.5 14.276 6.5 14C6.5 13.724 6.598 13.488 6.793 13.293Z" />
    </svg>
  );
}

Vue

Vue: see /icons/wifi-off.md

Svelte

Svelte: see /icons/wifi-off.md

HTML img

HTML img: see /icons/wifi-off.md

CSS

CSS: see /icons/wifi-off.md

Data URL

Data URL: see /icons/wifi-off.md

Sprite

Sprite: see /icons/wifi-off.md

SwiftUI

SwiftUI: see /icons/wifi-off.md

Compose

Compose: see /icons/wifi-off.md

Android XML

Android XML: see /icons/wifi-off.md

Flutter

Flutter: see /icons/wifi-off.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

offline, no connection, no internet, wifi disabled, connection lost

Example

Offline indicator in a status bar

Alternatives

cloud-off: cloud storage unreachable (cloud-unavailable)
network-off: a wired network disconnected (network-disconnected)
signal-off: cellular switched off (cellular-off)

Also fits

cloud unavailable: no network at all (offline)
network disconnected: this device is offline (offline)
connection problem: offline, no connection at all (offline)
router offline: this device is offline (offline)
unplug: no network connection (offline)
internet off: offline or no connection
airplane mode off: offline or no connection

Not for

downloaded (use download-check): wifi-off means offline status (no connection), not content kept for offline use

Built from

wifi + slash

Tags

wireless, network, signal, internet, connection, hotspot, slash

Category

Connectivity

Component name

WifiOffIcon

History

2026-10-14 added

Family 8

wifi wifi-alert wifi-gear wifi-lock wifi-low 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-off.json · Markdown: /icons/wifi-off.md · SVG: https://gentleface.com/svg/{style}/16/wifi-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/wifi-off.png

wifi-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp