gentleface

Gentleface › Connectivity › signal-off

signal-off icon

Signal off: cellular off, signal disabled, mobile data off, cellular data off. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

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.854L10 10.707L10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.359 14 9.241 13.952 9.144 13.856C9.048 13.759 9 13.641 9 13.5L9 9.707L1.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.5ZM12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 9.5C13 9.641 12.952 9.759 12.856 9.856C12.759 9.952 12.641 10 12.5 10C12.359 10 12.241 9.952 12.144 9.856C12.048 9.759 12 9.641 12 9.5L12 2.5C12 2.359 12.048 2.241 12.144 2.144ZM6.144 8.144C6.241 8.048 6.359 8 6.5 8C6.641 8 6.759 8.048 6.856 8.144C6.952 8.241 7 8.359 7 8.5L7 13.5C7 13.641 6.952 13.759 6.856 13.856C6.759 13.952 6.641 14 6.5 14C6.359 14 6.241 13.952 6.144 13.856C6.048 13.759 6 13.641 6 13.5L6 8.5C6 8.359 6.048 8.241 6.144 8.144ZM3.144 11.144C3.241 11.048 3.359 11 3.5 11C3.641 11 3.759 11.048 3.856 11.144C3.952 11.241 4 11.359 4 11.5L4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 11.5C3 11.359 3.048 11.241 3.144 11.144Z"/></svg>
React
// Gentleface "signal-off" (line-round), MIT. https://gentleface.com/icons/signal-off
import type { SVGProps } from 'react';

export function SignalOffIcon(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.854L10 10.707L10 13.5C10 13.641 9.952 13.759 9.856 13.856C9.759 13.952 9.641 14 9.5 14C9.359 14 9.241 13.952 9.144 13.856C9.048 13.759 9 13.641 9 13.5L9 9.707L1.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.5ZM12.144 2.144C12.241 2.048 12.359 2 12.5 2C12.641 2 12.759 2.048 12.856 2.144C12.952 2.241 13 2.359 13 2.5L13 9.5C13 9.641 12.952 9.759 12.856 9.856C12.759 9.952 12.641 10 12.5 10C12.359 10 12.241 9.952 12.144 9.856C12.048 9.759 12 9.641 12 9.5L12 2.5C12 2.359 12.048 2.241 12.144 2.144ZM6.144 8.144C6.241 8.048 6.359 8 6.5 8C6.641 8 6.759 8.048 6.856 8.144C6.952 8.241 7 8.359 7 8.5L7 13.5C7 13.641 6.952 13.759 6.856 13.856C6.759 13.952 6.641 14 6.5 14C6.359 14 6.241 13.952 6.144 13.856C6.048 13.759 6 13.641 6 13.5L6 8.5C6 8.359 6.048 8.241 6.144 8.144ZM3.144 11.144C3.241 11.048 3.359 11 3.5 11C3.641 11 3.759 11.048 3.856 11.144C3.952 11.241 4 11.359 4 11.5L4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 11.5C3 11.359 3.048 11.241 3.144 11.144Z" />
    </svg>
  );
}
Vue
Vue: see /icons/signal-off.md
Svelte
Svelte: see /icons/signal-off.md
HTML img
HTML img: see /icons/signal-off.md
CSS
CSS: see /icons/signal-off.md
Data URL
Data URL: see /icons/signal-off.md
Sprite
Sprite: see /icons/signal-off.md
SwiftUI
SwiftUI: see /icons/signal-off.md
Compose
Compose: see /icons/signal-off.md
Android XML
Android XML: see /icons/signal-off.md
Flutter
Flutter: see /icons/signal-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
cellular off, signal disabled, mobile data off, cellular data off
Example
No cellular signal
Alternatives
  • signal-zero: no service while cellular stays on (no-service)
  • plane: airplane mode turns every radio off (airplane)
Also fits
  • no signal: cellular switched off (cellular-off)
  • offline: cellular switched off (cellular-off)
Built from
signal + slash
Tags
signal, cellular, mobile, bars, reception, strength, network, slash
Category
Connectivity
Component name
SignalOffIcon
History
  • added

Family 1

signal

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

Feedback