Pixmora

Иконка смартфона для мобильной версии

Вертикальный телефон Lucide: обычный смартфон, зарядка и NFC. Удобен для переключателя «мобильный вид» и карточек устройств.

Как применить иконку «Смартфон»

Сценарий страницы: Переключатель мобильного превью. Основной вариант - lucide:smartphone, набор Lucide, автор Lucide Contributors, лицензия ISC.

Смартфон (smartphone): Узкий прямоугольник с точкой кнопки внизу. Мобильная версия, приложение, устройство пользователя.

На зарядке (smartphone-charging): Внутри экрана молния: идёт зарядка. Статус питания телефона или экран зарядки.

NFC (smartphone-nfc): Компактный корпус и дуги слева: бесконтактный обмен. Оплата или передача по NFC.

В тулбаре превью 20 px. В карточке «приложение для телефона» 24–32. Не путайте с tablet: у смартфона узкий корпус.

Это пример разметки без обработчиков. Смену превью и aria-pressed подключите в проекте. Замените путь к SVG. Кнопка type=button не отправляет форму.

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

Файлы SVG

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

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

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

Доступная подпись: Мобильная версия. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<button type="button" aria-pressed="true" aria-label="Показать мобильную версию">
  <img src="lucide-smartphone.svg" width="20" height="20" alt="">
</button>

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

Чем smartphone отличается от phone?

phone - трубка звонка. smartphone - устройство целиком для мобильного UI.

Подойдёт ли для QR на телефоне?

Для самого QR берите qr-code. smartphone показывает носитель, а не код.