heroicons + sidekickicons

Wifi Slash icon

wifi-slash

Wi-Fi waves with a slash through them, for no internet, offline mode and Wi-Fi turned off.

Component
WifiSlashIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
offline, no internet, disconnected, no signal, wireless, network, connection

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M8.288 15.038a5.264 5.264 0 0 1 1.472-1.036m4.07-.172a5.25 5.25 0 0 1 1.882 1.208M5.106 11.856a9.746 9.746 0 0 1 1.369-1.139m2.889-1.353a9.751 9.751 0 0 1 9.53 2.492M1.924 8.674c.419-.419.864-.812 1.332-1.176m2.625-1.617a14.25 14.25 0 0 1 16.195 2.793M12 18.75l-.53-.53a.75.75 0 0 1 1.06 0ZM3 3l18 18" />
</svg>

Download

wifi-slash icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Wifi Slash icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

No connection No connection

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons