Иконки музыки и медиа — скачать PNG и SVG бесплатно
Кнопки плеера, форматы контента и музыкальные инструменты: воспроизведение и пауза, перемотка, громкость, субтитры, трансляция на экран, плейлист, подкаст, радио, кинолента, гитара, пианино и скрипка.
Об иконках музыки и медиа
Иконки музыки и медиа по умолчанию линейные, но для главных кнопок плеера — воспроизведения, паузы, микрофона — предусмотрены залитые и двухцветные версии. Подходят для аудио- и видеоплееров, стриминговых сервисов, сайтов музыкальных школ и афиш.
Панель управления плеером
Иконки медиа на панели плеера узнают мгновенно, поэтому переосмыслять их не стоит. Главное действие — воспроизведение — делают крупнее остальных и часто залитым, второстепенные кнопки — перемотку, повтор, список — оставляют линейными. Залитые версии основных кнопок лежат в коллекции «Интерфейс UI Solid», линейные — в базовом «Интерфейсе UI».
Кнопки с двумя состояниями
Воспроизведение и пауза, громкость и выключенный звук — пары, которые сменяют друг друга на одном месте. Берите иконки одного размера и стиля, чтобы кнопка не «прыгала», и вместе с картинкой меняйте aria-label: «Воспроизвести» → «Пауза». Кнопка субтитров должна явно показывать, включены они или нет, — например, подчёркиванием или подсветкой.
Разделы и форматы контента
В медиатеке иконки делят контент по типам: подкаст, радио, видео, альбомы. Для трансляций есть отдельная иконка прямого эфира; продублируйте рядом слово «Эфир» — значок без подписи понятен не всем.
Музыкальные школы и афиши
Иконки музыкальных инструментов — гитара, пианино, скрипка и барабан — обозначают направления обучения или состав на афише, а винил и эквалайзер подойдут для обложек плейлистов и промо диджей-сетов. Инструменты, ноты и остальные медийные иконки собраны в наборе «Музыка и медиа».
Наборы по теме
Все наборы →
Частые вопросы
- Как сделать кнопку «Воспроизвести/Пауза» из двух иконок?
- Возьмите иконки воспроизведения и паузы одного стиля и размера и переключайте их по состоянию плеера. Вместе с картинкой меняйте подпись для скринридеров, чтобы кнопка всегда называла действие, которое выполнит.
- Есть ли иконки музыкальных инструментов?
- Да: гитара, пианино, скрипка и барабан, а ещё ноты, винил и эквалайзер. Они подходят для сайтов музыкальных школ, концертных афиш и обложек плейлистов.
- Какой формат выбрать для иконок видеоплеера?
- Для веб-плеера — SVG: он остаётся чётким на экранах любой плотности и перекрашивается через CSS. PNG пригодится при монтаже видео и в превью, где SVG не поддерживается.