Иконка фотоаппарата для снимка
Фотоаппарат 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.
Пример разметки
Доступная подпись: Сделать фото. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.
<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 лишь подсказывает мобильную камеру.
Соседние темы
- Иконка изображения для галереи
- Иконка видеокамеры для звонка
- Иконка обрезки для кадрирования
- Каталог SVG-иконок
- Перевести SVG в CSS