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

Iconos de estrella gratis (SVG)

48 iconos de estrella de conjuntos de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

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

Uso de iconos de estrella

Las estrellas se usan para valoraciones y favoritos; las estrellas medio rellenas muestran promedios como 4.5.

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que se colocan: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Estrella”.

Licencias

Estos iconos de estrella provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: conjuntos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70,000 iconos en el SVG Icon Finder.

Preguntas frecuentes

¿Son gratuitos estos iconos de estrella para uso comercial?
Sí. Provienen de conjuntos de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de iconos.
¿Cómo cambio el color de un icono de estrella?
Los SVG usan currentColor, así que define el color CSS del elemento padre; o abre el icono en el buscador y elige un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copiar para Webflow (pega un Code Embed) o Copiar JSX para un componente de React.