Pixmora

Иконка Wi-Fi для состояния сети

Дуги Lucide для беспроводной сети: полный приём, сеть выключена и слабый сигнал. Подходят для статус-бара и настроек подключения.

Как применить иконку «Полный сигнал»

Сценарий страницы: Индикатор сети в шапке приложения. Основной вариант - lucide:wifi, набор Lucide, автор Lucide Contributors, лицензия ISC.

Полный сигнал (wifi): Три дуги и точка: сеть доступна. Подключено или общий пункт Wi-Fi.

Сеть выключена (wifi-off): Дуги перечёркнуты: Wi-Fi отключён или недоступен. Режим «без сети» или ошибка подключения.

Слабый сигнал (wifi-low): Только нижняя дуга у точки: слабый приём. Предупреждение о плохом качестве связи.

В статус-баре 16–20 px. В списке сетей 24. Не используйте огромный Wi-Fi как единственный контент экрана настроек без списка сетей.

Это пример разметки без обработчиков. Обновление статуса сети сделайте в своём коде. Замените путь к SVG; при смене состояния меняйте и текст, не только картинку.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Wi-Fi подключён. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<p role="status">
  <img src="lucide-wifi.svg" width="20" height="20" alt="">
  Wi-Fi подключён
</p>

Частые вопросы

Чем wifi отличается от bluetooth?

wifi - локальная или интернет-сеть. bluetooth - короткое сопряжение аксессуара.

Есть ли wifi-zero?

Да, в каталоге Lucide: только точка без дуг. На этой странице три самых частых состояния интерфейса.