Pixmora

Иконка фотоаппарата для снимка

Фотоаппарат Lucide с вспышкой-трапецией сверху. Для селфи и смены объектива есть switch-camera; camera-off - запрет съёмки.

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

Фотоаппарат Lucide с вспышкой-трапецией сверху. Для селфи и смены объектива есть switch-camera; camera-off - запрет съёмки.

Сценарий страницы: Кнопка сделать фото в форме. Основной вариант - lucide:camera, набор Lucide, автор Lucide Contributors, лицензия ISC.

Фотоаппарат (camera): Корпус с объективом и вспышкой сверху. Снимок, загрузка фото, «открыть камеру».

Съёмка недоступна (camera-off): Камера перечёркнута. Нет доступа к камере или съёмка запрещена.

Смена камеры (switch-camera): Корпус и стрелки смены: фронт или основная. Переключение камер на мобильном.

В форме загрузки аватарa 24 px. В панели редактора 20. Не путайте с image: camera - действие съёмки, image - уже готовый кадр.

Это пример разметки без обработчиков. Связь кнопки с input type=file и вызов click подключите в своём JS. capture зависит от устройства. Путь к SVG замените.

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

Файлы SVG

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

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

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

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

<button type="button" aria-label="Сделать фото">
  <img src="lucide-camera.svg" width="24" height="24" alt="">
  <span>Сделать фото</span>
</button>
<input id="photo-input" type="file" accept="image/*" capture="environment" hidden>

Это пример разметки без обработчиков. Связь кнопки с input type=file и вызов click подключите в своём JS. capture зависит от устройства. Путь к SVG замените.

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

Чем camera отличается от image?

camera - действие снять. image - файл или превью уже существующей картинки.

Обязателен ли capture в input?

Нет. Без capture пользователь может выбрать файл из галереи. capture лишь подсказывает мобильную камеру.

Соседние темы

Другие инструменты