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

Ícones de Estrela Grátis (SVG)

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

Atualizado em

star
Lucidestar
Tablerstar
Heroiconsstar
Phosphorstar
Bootstrap Iconsstar
Iconoirstar-12-filled
Fluent UIstar
Material Symbolsstar
Material Design Iconsstar
Carbonstar-x
Lucidestar-filled
Tablerstar-16-solid
Heroiconsstar-bold
Phosphorstar-fill
Bootstrap Iconsstar-solid
Iconoirstar-12-regular
Fluent UIstar-outline
Material Symbolsstar-outline
Material Design Iconsstar-filled
Carbonstar-off
Lucideeye-star
Tablerstar-20-solid
Heroiconsstar-duotone
Phosphordoc-star
Iconoirstar-16-filled
Fluent UIstar-outline-rounded
Material Symbolskey-star
Material Design Iconsmap-star
Tablerstar-solid
Heroiconsstar-fill
Phosphorstar-16-regular
Fluent UIstar-rounded
Material Symbolsstar-box
Material Design Iconsstar-off
Tablerstar-light
Phosphorstar-20-filled
Fluent UIkid-star
Material Symbolsstar-box-outline
Material Design Iconsbell-star
Tablerstar-thin
Phosphorstar-20-regular
Fluent UIkid-star-outline
Material Symbolsstar-cog
Material Design Iconsfile-star
Tablerstar-24-filled
Fluent UIkid-star-outline-sharp
Material Symbolsstar-cog-outline
Material Design Icons

Usando ícones de estrela

Estrelas são usadas para avaliações e favoritos; estrelas meio preenchidas mostram médias como 4,5.

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

Ícones acessíveis

Se o ícone for decorativo ou estiver ao lado de um 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 “Estrela”.

Licenças

Estes ícones de estrela vêm do 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 estrela são gratuitos 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 redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de estrela?
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 esses í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.