Pixmora

Иконка ноутбука для портативного компьютера

Ноутбук Lucide: объёмный корпус, упрощённый силуэт и экран с галочкой. Для сценариев «работа с ноутбука» и выбора устройства.

Как применить иконку «Ноутбук»

Сценарий страницы: Выбор устройства в мастере настройки. Основной вариант - lucide:laptop, набор Lucide, автор Lucide Contributors, лицензия ISC.

Ноутбук (laptop): Экран и толстое основание с перспективой. Портативный компьютер, удалённая работа.

Минимальный силуэт (laptop-minimal): Плоский экран и тонкая линия основания. Компактный UI, где важнее контур, чем объём.

Ноутбук выбран (laptop-minimal-check): Минимальный ноутбук с галочкой на экране. Подтверждённый выбор устройства или успешная настройка.

В выборе устройства 24 px. В списке сессий «где выполнен вход» 20. Не смешивайте масштаб laptop и smartphone в одной строке без выравнивания.

Это пример разметки без обработчиков. Замените name/value и путь к SVG. Подпись «Ноутбук» обязательна: радиокнопка без текста недоступна.

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

Файлы SVG

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

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

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

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

<fieldset>
  <legend>Устройство</legend>
  <label>
    <input type="radio" name="device" value="laptop" checked>
    <img src="lucide-laptop.svg" width="24" height="24" alt="">
    Ноутбук
  </label>
</fieldset>

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

Почему не monitor?

monitor без клавиатурной базы. Если устройство переносное, берите laptop.

Можно ли этой иконкой заменить «удалённый рабочий стол»?

Да как метафору клиента. Для серверной части смотрите server.