Pixmora

Иконка видеокамеры для звонка

Видеокамера Lucide с «глазком» и боковым объективом-треугольником. video-off показывает камеру выключенной; videotape - скорее запись на носитель.

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

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

Видеокамера (video): Корпус и боковой треугольник объектива. Видеозвонок, трансляция, «включить видео».

Камера выключена (video-off): Камера перечёркнута. Видео отключено у участника.

Кассета (videotape): Прямоугольник с катушками: носитель записи. Архив записи встречи, а не кнопка камеры в звонке.

В панели звонка 24 px. В списке комнат 20. Для фотосъёмки товара чаще уместнее camera.

Это пример разметки без WebRTC. Поток с камеры и состояние звонка подключайте в проекте. Путь к SVG замените; aria-pressed обновляйте сами.

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

Файлы SVG

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

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

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

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

<button type="button" aria-pressed="false" aria-label="Включить камеру">
  <img src="lucide-video.svg" width="24" height="24" alt="">
</button>

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

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

camera - фотоаппарат для снимка. video - видеокамера и видеопоток.

Нужен ли отдельный значок «в эфире»?

На этой странице его нет. Статус эфира передайте текстом или бейджем рядом.