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

Iconos de play gratis (SVG)

48 iconos de play gratis de sets 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

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

Uso de iconos de play

Los iconos de play, pausa y stop controlan reproductores de audio y vídeo.

Todos los iconos de esta página 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 dimensiónalos 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 “Reproducir”.

Licencias

Estos iconos de play proceden de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas otra cosa? Busca entre más de 70.000 iconos en el buscador de iconos SVG.

Preguntas frecuentes

¿Son gratuitos estos iconos de play para uso comercial?
Sí. Proceden de sets de iconos de código abierto con 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 play?
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 a Webflow (pega un Code Embed) o Copiar JSX para un componente de React.