Aquí tienes los iconos de redes sociales resueltos en un solo sitio: dónde descargarlos gratis en SVG y PNG sin fondo, cómo copiar y pegar los símbolos cuando no puedes subir una imagen, la lista de redes con sus nombres actualizada a 2026 y qué te permite hacer legalmente cada marca con su logo.
He rehecho el listado entero. Fuera las redes que ya no existen, fuera los enlaces muertos, y dentro X, TikTok, Threads, BlueSky, Discord y Twitch. Todas las fuentes que te dejo se actualizan cuando una marca cambia de logo, que es justo lo que falla en la mayoría de packs antiguos.
Símbolos de redes sociales para copiar y pegar
Empiezo por aclarar algo que casi nadie te cuenta: no existen caracteres Unicode oficiales de los logos de redes sociales. El pajarito, la cámara de Instagram o la f de Facebook son marcas registradas y Unicode no incluye marcas. Si una página te promete «el símbolo de Instagram para copiar», te está dando otra cosa.
Dicho eso, tienes tres formas reales de resolverlo según dónde vayas a pegarlo.
1. Emojis, para biografías y publicaciones
Son los únicos que funcionan en cualquier sitio donde solo puedas escribir texto: biografía de Instagram, firma de correo, currículum, mensajes. No son los logos, pero se entienden. Selecciónalos y cópialos:
| Símbolo | Se usa para |
|---|---|
| 📷 | Instagram, fotografía |
| 📘 | |
| ▶️ | YouTube, vídeo |
| 💼 | LinkedIn, profesional |
| 💬 | WhatsApp, mensajería |
| ✈️ | Telegram |
| 🎵 | TikTok, música |
| 📌 | |
| 🎮 | Discord, Twitch, gaming |
| ✖️ | X (antes Twitter) |
| 🌐 | Web o «todas mis redes» |
| ▪️ ▫️ ➤ ✦ | Separadores y viñetas |
2. Copiar el SVG, para páginas web y Figma
Esta es la opción buena si diseñas o programas. En Simple Icons buscas la red, pulsas en el icono y te copia el código SVG al portapapeles. Lo pegas directamente en tu HTML o en Figma y ya es vectorial, escalable y recoloreable con CSS.
Es la fuente que más recomiendo del artículo: supera los 3.000 logos de marca y actualiza los cambios en días. Cuando Twitter pasó a X, lo tenían casi de inmediato. Los packs de descarga tardan meses o no se actualizan nunca.
3. Fuentes de iconos, para escribir el icono como texto
Con una fuente de iconos instalada, el logo se comporta como un carácter más: cambia de tamaño y de color con CSS. Font Awesome tiene la categoría Brands con todas las redes principales, y Simple Icons publica también su versión en fuente.
Regla rápida: si vas a pegarlo donde solo se admite texto, usa un emoji. Si controlas el HTML, usa SVG. Nunca vas a poder pegar el logo real en una biografía de Instagram.
Redes sociales y sus nombres: tabla 2026
Si buscas los iconos con el nombre de cada red para no equivocarte al etiquetarlos, aquí los tienes con su denominación correcta y el color de marca. Ojo con dos cambios que todavía arrastra mucha gente: Twitter es X desde 2023 y Google+ cerró en 2019.
| Red social | Nombre correcto | Color de marca | Para qué se usa |
|---|---|---|---|
| Facebook (siempre con F mayúscula) | #1877F2 | Comunidad y páginas | |
| Degradado rosa-naranja | Foto y vídeo corto | ||
| X | X (antes Twitter) | #000000 | Actualidad y texto |
| TikTok | TikTok | #000000 | Vídeo corto |
| YouTube | YouTube | #FF0000 | Vídeo largo |
| #0A66C2 | Profesional | ||
| #25D366 | Mensajería | ||
| Telegram | Telegram | #26A5E4 | Mensajería y canales |
| #BD081C | Inspiración visual | ||
| Threads | Threads | #000000 | Texto, de Meta |
| BlueSky | Bluesky | #0285FF | Texto descentralizado |
| Discord | Discord | #5865F2 | Comunidades y voz |
| Twitch | Twitch | #9146FF | Directo y gaming |
| Behance | Behance | #1769FF | Portfolio creativo |
| Dribbble | Dribbble | #EA4C89 | Portfolio de diseño |
Los colores son los oficiales de cada marca. Úsalos cuando el icono vaya a color; si tu diseño pide monocromo, pasa todos a un mismo tono y gana coherencia visual.
Dónde descargar iconos de redes sociales en SVG
Para los iconos de redes sociales, el SVG es el formato que deberías usar por defecto en web. Pesa poco, se ve nítido en cualquier pantalla y le cambias el color desde CSS sin abrir un editor.
1
Simple Icons
Más de 3.000 logos de marca en SVG, con el color oficial de cada una. Copias el código con un clic. Es la referencia del sector y la más rápida en incorporar rediseños.
Gratis · CC0 (los iconos; las marcas siguen siendo de sus dueños) · Ir a Simple Icons
2
Font Awesome — categoría Social
La librería de iconos más extendida en desarrollo web. Su set Brands cubre todas las redes principales y lo puedes usar como fuente o descargar el SVG suelto.
Versión gratuita disponible · Revisar licencia del set Pro · Ir a Font Awesome
3
iconmonstr
Iconos limpios y muy neutros en SVG, PNG, EPS, PSD y fuente. Su estilo minimalista encaja bien cuando no quieres que los logos dominen el diseño.
Gratis · Revisar condiciones de uso · Ir a iconmonstr
4
Icon-icons
Directorio enorme con cientos de variantes de iconos sociales y descarga en SVG, PNG, ICO e ICNS. Útil cuando necesitas un estilo concreto y no el logo oficial.
Gratis · Licencia variable según autor · Ir a Icon-icons
Iconos de redes sociales PNG sin fondo
¿Trabajas en Photoshop, Canva o PowerPoint y necesitas el icono sin fondo blanco detrás? Entonces quieres los iconos de redes sociales en PNG con transparencia. Estas tres fuentes te lo dan.
- Simple Icons e Icon-icons permiten exportar a PNG con fondo transparente además del SVG.
- Flaticon tiene miles de variantes en PNG y SVG. La versión gratuita pide atribución, así que léela antes de usarla en un cliente.
- Freepik ofrece packs de botones sociales en vector y PNG, también con atribución en el plan gratuito.
Un truco que ahorra tiempo: si descargas el SVG y necesitas PNG, ábrelo en el navegador, hazlo grande y expórtalo desde Figma o cualquier editor. Así controlas tú el tamaño exacto y evitas los PNG pixelados de 32 px que circulan por ahí.
Tip: si necesitas sets de iconos sociales con un estilo trabajado (3D, degradados, línea, isométricos) y licencia comercial sin atribución, en Envato Elements tienes descargas ilimitadas por una cuota mensual. Para packs sueltos, Creative Market los vende de uno en uno.
Packs de iconos de redes sociales con estilo
Cuando el logo plano oficial se te queda soso, estos packs con carácter te resuelven una landing o una tarjeta. He conservado solo los que siguen disponibles.
5
Iconos sociales 3D
Set en 3D a 1.500 x 1.500 px con versiones para PNG, SVG y Figma. Incluye las redes principales y da volumen sin recargar.
Gratis · Revisar términos del autor · Ir a Behance
6
Bundle minimalista en blanco y negro
Iconos sociales blancos y su versión inversa en negro. Discretos, perfectos para pies de página y firmas donde el color desentona.
Gratis · Revisar términos del autor · Ir a Behance
7
PRESOCIAL, de CSS Author
Set gratuito en SVG y PNG con fondo ondulado, en dos estilos y dos formas (redondeado y cuadrado). Sale del icono plano de siempre sin resultar estridente.
Gratis · Revisar términos del autor · Ir a CSS Author
Cómo poner los iconos de redes sociales en tu web
Te dejo el método que uso, que evita cargar los plugins oficiales de cada red. Esos plugins hacen peticiones a servidores externos y ralentizan la página, y la velocidad sigue pesando en posicionamiento.
Enlaces a tus perfiles
Pega el SVG de Simple Icons dentro del enlace. Sin imágenes, sin peticiones extra y con el color controlado por CSS mediante fill: currentColor.
<a href="https://instagram.com/TU_USUARIO" aria-label="Síguenos en Instagram" rel="noopener" target="_blank">
<svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
<!-- pega aquí el path que copias de Simple Icons -->
</svg>
</a>El aria-label no es opcional. Sin él, quien navegue con lector de pantalla oye «enlace» y nada más. Y el aria-hidden en el SVG evita que lo lea dos veces.
Botones para compartir
Estas son las URL de compartir vigentes. Sustituye URL y TITULO por los de tu página, ya codificados.
<!-- X -->
https://twitter.com/intent/tweet?text=TITULO&url=URL
<!-- Facebook -->
https://www.facebook.com/sharer/sharer.php?u=URL
<!-- LinkedIn -->
https://www.linkedin.com/sharing/share-offsite/?url=URL
<!-- WhatsApp -->
https://api.whatsapp.com/send?text=TITULO%20URL
<!-- Telegram -->
https://t.me/share/url?url=URL&text=TITULO
<!-- Pinterest -->
https://pinterest.com/pin/create/button/?url=URL&description=TITULOEn WordPress puedes generar esas variables con las funciones del propio tema en lugar de escribirlas a mano. Si estás montando la web desde cero, en la guía de cómo crear una página web en HTML tienes la estructura completa donde encajar esto.
Lo que sí y lo que no puedes hacer con estos logos
Esta parte no la vas a encontrar en casi ningún listado de iconos y es la que más disgustos evita. Los logos de redes sociales son marcas registradas. Que descargues el archivo gratis no significa que puedas usarlo como quieras.
- Sí puedes usarlos para enlazar a tus perfiles desde tu web, tu tarjeta o tu firma. Es el uso para el que existen.
- No puedes meter el nombre o el logo de una red en tu propia marca, dominio o nombre de usuario.
- No los deformes ni los recolorees a tu antojo si vas a mostrarlos como logo oficial. Respeta proporción y color de marca.
- Cuidado con LinkedIn: su política no permite usar el logotipo completo en tarjetas ni webs, solo el símbolo «in» para indicar tu presencia en la red.
- El logo corporativo de Meta (distinto del de Facebook o Instagram) requiere autorización previa.
Antes de entregar un proyecto a un cliente, pásate por el centro de recursos de marca de cada red. Meta y LinkedIn publican los suyos y son claros. Un icono mal usado en la web de un cliente es un problema que pagas tú.
Mi recomendación
Si solo te quedas con una cosa del artículo, que sea Simple Icons. Copias el SVG, lo pegas y te olvidas. Se actualiza cuando una marca cambia de logo, que es el problema real de los packs descargados: dentro de dos años tu web seguirá mostrando un logo que ya no existe, como pasó con el pajarito de Twitter.
Para trabajos donde el estilo manda más que la fidelidad al logo, tira de los packs de Behance. Y si buscas iconos de otras temáticas, tienes más en la categoría de iconos: para web, teléfonos o tipografías de iconos.
Preguntas frecuentes
¿Cómo copio y pego el icono de Instagram o Facebook?
No existe un carácter Unicode con esos logos, porque son marcas registradas. Si solo puedes escribir texto, usa un emoji parecido (📷 para Instagram, 📘 para Facebook). Si controlas el HTML, copia el SVG desde Simple Icons.
¿Dónde consigo iconos de redes sociales sin fondo?
En PNG con transparencia los tienes en Simple Icons, Icon-icons y Flaticon. Si puedes usar SVG, mejor todavía: no tiene fondo por definición y no pierde calidad al ampliarlo.
¿Qué formato me conviene: PNG o SVG?
SVG siempre que puedas: pesa menos, se ve nítido en cualquier pantalla y le cambias el color con CSS. PNG solo si la herramienta que usas no admite SVG, como algunas plantillas de email o presentaciones antiguas.
¿Puedo usar los iconos de redes sociales en un proyecto comercial?
Para enlazar a perfiles, sí. Pero la licencia del archivo y los derechos de la marca son cosas distintas. El icono puede ser gratis y el logo seguir siendo propiedad de la red, así que revisa las normas de cada plataforma.
¿Qué tamaño deben tener los iconos de redes sociales en una web?
Entre 24 y 32 px en el pie de página funciona bien. Pero lo importante no es el icono, sino el área pulsable. Deja al menos 44 x 44 px de zona activa para que se toque cómodamente en móvil.
¿Cómo cambio el color de un icono SVG?
Pon fill="currentColor" en el SVG y el icono heredará el color del texto del contenedor. Así lo controlas desde CSS, incluso en el estado :hover, sin tocar el archivo.
¿Sigue existiendo el icono de Twitter?
El pajarito quedó retirado en 2023, cuando la red pasó a llamarse X. Si tu web todavía lo muestra, cámbialo: da sensación de sitio abandonado. En Simple Icons tienes ya la versión actual.
¿Necesito los iconos para un currículum o una firma de correo?
Para currículum en PDF usa PNG o SVG a buen tamaño. Para firma de correo, PNG pequeño alojado en un servidor estable, porque muchos gestores no renderizan SVG. Y siempre con enlace al perfil.
Tienes tres caminos
Si solo quieres pegar algo rápido: copia un emoji de la tabla de arriba y sigue con lo tuyo.
Si estás montando una web: ve a Simple Icons, copia los SVG y colócalos con fill: currentColor y su aria-label.
Si buscas un estilo concreto: tira de los packs de Behance o de una suscripción de iconos si trabajas para clientes.
¿Echas en falta alguna red en la tabla? Dímelo en los comentarios y la añado. Que los disfrutes.
