Iconos de teléfono gratis (SVG)

48 iconos de teléfono de conjuntos de código abierto. Haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, URI de datos o CSS.

Actualizado el

Uso de iconos de teléfono

Los iconos de auricular acompañan a los enlaces de llamada directa (tel:) y a los datos de contacto.

Todos los iconos de esta página siguen currentColor, así que toman el color del texto del elemento en el que se encuentran: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajusta su tamaño 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 “Teléfono”.

Licencias

Estos iconos de teléfono provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, 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 gratis estos iconos de teléfono 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 teléfono?
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.