devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Бесплатные иконки play (SVG)

48 бесплатных иконок play из наборов с открытым исходным кодом — нажмите на любую, чтобы изменить размер, цвет и обводку, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

play
Lucideplay-bug
Tablerplay
Heroiconsplay
Phosphorplay
Bootstrap Iconsplay
Iconoirplay-12-filled
Fluent UIorder-play
Material Symbolsplay
Material Design Iconsplay
Carbonbug-play
Lucideplay-bugs
Tablerplay-16-solid
Heroiconsplay-bold
Phosphorplay-fill
Bootstrap Iconsplay-solid
Iconoirplay-12-regular
Fluent UIorder-play-outline
Material Symbolsplay-outline
Material Design Iconsplay-filled
Carbonplay-off
Lucideplay-card
Tablerplay-20-solid
Heroiconsplay-duotone
Phosphorplay-btn
Bootstrap Iconsplay-16-filled
Fluent UIorder-play-outline-rounded
Material Symbolsbug-play
Material Design Iconsplay-outline
Carbonfile-play
Lucideplay-card-filled
Tablerplay-solid
Heroiconsplay-fill
Phosphorplay-btn-fill
Bootstrap Iconsplay-16-regular
Fluent UIorder-play-outline-sharp
Material Symbolsbug-play-outline
Material Design Iconsimage-play
Lucideclock-play
Tablerplay-pause
Heroiconsplay-light
Phosphorfile-play
Bootstrap Iconsplay-20-filled
Fluent UIorder-play-rounded
Material Symbolscog-play
Material Design Iconsplay-pause-16-solid
Heroiconsplay-thin
Phosphorfile-play-fill
Bootstrap Icons

Использование иконок play

Иконки play, pause и stop управляют аудио- и видеоплеерами.

Все иконки здесь наследуют currentColor, поэтому они принимают цвет текста элемента, в котором находятся — одна SVG работает на светлом и тёмном фоне, в ссылках и кнопках. Задайте явные width и height (или задайте размер в CSS через 1em), чтобы макет не смещался во время загрузки страницы.

Доступные иконки

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она является единственным содержимым кнопки или ссылки, задайте этому элементу атрибут aria-label, например «Play».

Лицензии

Эти иконки play взяты из наборов Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons и Carbon — наборы с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают личное и коммерческое использование. Нужно что-то другое? Ищите среди более чем 70 000 иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать эти иконки play в коммерческих проектах бесплатно?
Да. Они взяты из наборов иконок с открытым исходным кодом под лицензиями MIT, ISC или Apache 2.0, которые допускают коммерческое использование. Сохраняйте уведомление о лицензии, если сами распространяете файлы иконок.
Как изменить цвет иконки play?
SVG использует currentColor, поэтому задайте CSS-свойство color у родительского элемента — или откройте иконку в поиске и выберите фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и нажмите Copy to Webflow (вставится Code Embed) или Copy JSX для компонента React.