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

Ícones de Play Grátis (SVG)

48 ícones de play de conjuntos open source. Clique em um para alterar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Como usar ícones de play

Ícones de play, pause e stop controlam players de áudio e vídeo.

Todos os ícones aqui seguem currentColor, então herdam a cor do texto do elemento em que estão. Um único SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e um height explícitos (ou dimensione-os no CSS com 1em) para que o layout não se mova enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Reproduzir”.

Licenças

Estes ícones de play vêm de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon. São conjuntos open source sob as licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de play são grátis para uso comercial?
Sim. Eles vêm de conjuntos de ícones open source sob as licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se você redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de play?
Os SVGs usam currentColor, então defina a cor CSS do elemento pai. Ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar estes ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para Webflow (cola um Code Embed) ou Copiar JSX para um componente React.