Pixmora

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

Микрофон Lucide для записи и голосового ввода. Перечёркнутый mic-off показывает mute; mic-vocal ближе к вокалу и сцене.

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

Микрофон Lucide для записи и голосового ввода. Перечёркнутый mic-off показывает mute; mic-vocal ближе к вокалу и сцене.

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

Микрофон (mic): Стойка микрофона и дуга снизу. Голосовой ввод, запись, «говорить».

Микрофон выключен (mic-off): Микрофон перечёркнут: запись запрещена или mute. Отключённый звук на входе.

Вокальный (mic-vocal): Микрофон под углом с «звуковой» дугой: сцена или вокал. Караоке, подкаст ведущего, вокальный режим.

В поле поиска с голосом 16–20 px. В панели звонка 24–32. Состояние mute лучше отдельным mic-off, не только цветом.

Это пример разметки без доступа к микрофону устройства. Разрешение MediaRecorder и обработку аудио подключите в своём коде. Обновляйте aria-pressed. Путь к SVG замените.

Лицензия 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-mic.svg" width="24" height="24" alt="">
</button>

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

Даёт ли иконка доступ к микрофону?

Нет. Это пиктограмма. Разрешение браузера и запись настраиваются кодом страницы.

Чем mic отличается от headphones?

mic - вход голоса. headphones - прослушивание. Для гарнитуры оператора смотрите headset на странице наушников.