Aquí te traigo una colección de iconos de redes sociales para descargar gratis y premium. Las redes sociales cada vez son más importantes en nuestra vida y aunque al principio fueron pocas cada vez están más personalizadas y segmentadas por gustos, edades,… En mi caso las que más utilizo son Facebook y Twitter. Se están convirtiendo en un método más de comunicación y hay muy pocas páginas web que no tengan estos típicos iconos.
Es una recopilación de iconos con redes sociales muy variada, por lo que encontrarás de todas las formas y estilos. Encontrarás todo tipo de iconos sociales en png, psd, ai, eps y en formato redondos, sin fondo…
Si buscas logos de redes sociales y sus nombres estás en la página adecuada, elije el formato que quieras y a descargar gratis.
Iconos redes sociales gratis y premium en vector
Los vectores de iconos sociales tienen la ventaja sobre otros formatos en que son en alta resolución, por lo que los podrás personalizar con programas estilo Adobe Illustrator. A continuación podrás ver diferentes propuestas:
Magníficos iconos 3d
Te los podrás descargar gratis. Como puedes ver en la imagen son con un diseño 3d, 1500×1500 píxeles y están en formato png, svg y también para Figma. Y, como no, están facebook, twitter, youtuve, linkedin, vimeo, whastapp, telegram, pinterest, entre otras.
Minimalismo social
¿Estás buscando iconos sociales blancos? En behance podrás descargar gratis los iconos de la imagen y de forma inversa, con fondo blanco y color negro. Como puedes ver es un diseño minimalista, son sencillos y que quedarán discretos en cualquier sitio.
Presocial: set de iconos en svg y png
PRESOCIAL es un conjunto de iconos de redes sociales gratuito de CSS Author. El conjunto de iconos principal utiliza un fondo ondulado que es bastante único y atractivo. Puedes usar estos iconos en cualquier lugar, se pueden usar para tarjetas de visita, para sitios web, aplicaciones, blogs … Están incluidos en 2 estilos diferentes y en 2 formas (redondeado y cuadrado). Todos estos iconos de redes sociales están en formatos SVG y PNG. Sólo tienes que escoger la red social que quieras (facebook, instagram…), como puedes ver en la imagen, el listado es muy extenso. Al estar en formato png le podrás añadir el fondo blanco fácilmente o cualquier otro color.
Colección de iconos para redes sociales en Illustrator
En este pack encontrarás una colección de logotipos más típicos (Facebook, Whastapp, linkedin, google +, skype, vimeo, twitter, behance, instagram,…) con diseño circular. Son vectores de redes sociales sencillos y que quedarán bien en cualquier diseño. Estos logos de redes sociales en formato redondo los podrás descargar gratis.
Flat Vector Social Icons ($12)
El pack contiene 32 iconos de social media en formato eps y, por tanto, perfectamente escalable hasta que se necesite. También incluye 128 iconos en png y en tamaños 128×128px, 64×64px, 32×32px, 16×15px.
Metal Social Media Icons
Iconos metálicos de las siguientes redes sociales: Facebook, Twitter, Google+, Skype, Digg, Vimeo, YouTube, Tumblr, Reddit, RSS, Behance, Dribbble, Pinterest, StumbleUpon, Yahoo, WordPress, LinkedIn, y Flickr! en formato psd. Los podrás editar fácilmente con Photoshop. No son gratuitos.
Sketchy Social Media Icons Free Vector
29 logotipos de redes sociales disponibles en eps, ai y png de estilo desgastado en el que se incluyen las principales.
25 iconos en formato vector escalable
Creados con Illustrator CS5. Están en formato .ai (Illustrator) y en .eps.
110 Vector Social Media Icons
Su uso es gratis para proyectos personales y comerciales.
Iconos de pinterest
disponibles en ai y png. Los tamaños son 128×128, 256×256 y 512×512.
80 iconos redes sociales (8$)
Este pack contiene un archivo en formato eps, otro en formato ai y todos los iconos en png en tamaños 256×256 px, 128×128 px, 64×64px.
Iconos redes sociales psd
Iconos Jeans
17 iconos + el archivo .psd. Iconos muy originales y distintos a los típicos en textura vaquera.
24 iconos de social media
en un archivo psd y también disponibles en png con tamaño 64×64.
40 medios sociales tipo retro (6$)
Los tienes en un archivo psd para que puedas personalizar a tu gusto y además hay 160 png con cada icono.
Iconos redes sociales png
El formato png es muy solicitado porque el fondo es transparente, por lo que podrás con un programa de edición añadir el fondo del color que quieras o cambiar incluso el color de los iconos.
Social icon set
de tamaño 32x32px y disponibles en png. Además los puedes descargar en csh, psd, ai y eps. Este pack incluye las principales redes sociales en estilo minimalista.
104 medios sociales png
Sirven para cantidad de diseños porque son tipo neutro y cuadrados en color negro. En estos lototipos están representadas la principales redes sociales en png: pinterest, twitter, tuenti, facebook, google+, yahoo, digg, behance, skype…
28 iconos png en 5 tamaños
16×16, 24×24, 32×32, 48×48 y 64×64 son los tamaños que te podrás descargar gratis este pack de iconos en png.
Iconos Grunge redes sociales
Png en tres tamaños: 16×16, 32×32 y 64×64 px y de estilo grunge te podrás descargar gratis desde la página web de deviantart.
Iconos en 3D
En png y en pdf. El inconveniente de estos iconos es que no están algunos de los principales como facebook, youtube, instagram,… solo están los que puedes ver en la imagen.
100 iconos x 5 tamaños
En formato png (en tamaños 64×64, 48×48, 32×32, 24×24 and 16×16px) y psd (Adobe Photoshop) tienes estos iconos cuadrados.
Iconos que simulan estar dentro de una página de papel
Son 16 loguitos de redes sociales en formato png. Se salen del diseño típico que encontrarás en muchas páginas web.
Iconos con redes sociales simulando usuarios
Son 28 iconos en formato PNG (256×256, 128×128, 48×48, 32×32, 16×16), ICO (256×256, 128×128, 48×48, 32×32, 16×16) y ICNS (256×256, 128×128, 48×48, 32×32, 16×16). Estos iconos gratis te los puedes descargar en estos 5 tamaños distintos.
Social Postage Stamps
24 iconos en png y tamaño 64x64px en forma de sello postal.
A Free 3D Silver Social Media Icon Set
Iconos sociales de metal en 3D en png y tamaño 128x128px. Al estar en tonos grises y plata, pasan desapercibidos. El efecto 3D les da volumen y los hace muy elegantes.
Football Social Icon
En png y en los tamaños 360×360, 256×256, 128×128, 64×64 y 32×32. Si tu sitio es sobre temas deportivos, esta propuesta puede que te encaje.
9 iconos redondos de redes sociales
Para descargar en png y en tamaños 128×128, 64×64,32×32.
10 iconos sociales en formato vaso de café para llevar
Disponibles en formato png y en tamaños 512x512px, 256x256px, 128x128px, 64x64px.
12 medios sociales con un diseño limpio
y en tamaño 128 píxeles, en formato png. Se pueden utilizar en uso personal y comercial.
Iconos sociales en forma de huevo
en formato png y en tamaños: 512x512px, 256x256px, 128x128px, 64x64px. Son gratis para descargar tanto para uso personal como comercial.
Iconos social media en svg
Ultimamente están muy demandados los iconos en formato svg porque se ven muy bien y en formato icono no pesan mucho. A continuación te muestro algunos sitios interesantes que merece la pena que conozcas:
iconmonstr
En esta página no solo te podrás descargar iconos social media en svg sino también en otros formatos como png, eps, psd y font. Además dispones de multitud de iconos, no solo de la temática de social media. Mira la página, te sorprenderá.
Icon Icon
Es otro directorio con multitd de iconos, entre los que se encuentran más de 800 de redes sociales y de los que se encuentra la descarga svg, además de png, ico o icns. Podrás descargar logotipos sociales de facebook, instagram, youtube, whastapp, telegram, twitter…
Iconos de redes sociales con CSS3
Google cada vez tienes más en cuenta la velocidad del sitio para posicionar. Si la web es lenta, no solo significa que muchos visitantes pasarán de tí y se irán, también Google te podrá penalizar por ello. Un motivo de la importancia que le da es la integración en Google Analytics de lo que tardan en cargar las páginas de tu web.
Si estas un poco obsesionado con el tema, te interesará saber que todos los plugins que ponemos para mostrar los seguidores que tenemos en nuestras redes sociales, hacen ralentizar la web. Es cierto que estos plugins utilizan casi todos versiones asíncronas (carga después de la web) el código, pero la letintud y el tiempo de carga está ahí.
Y ahora te preguntarás, ¿y todo este rollo a qué viene?¿qué tiene que ver con los iconos de redes sociales en CSS3?
Pues bastante, en el post de hoy podrás ver como crear iconos de redes sociales con CSS3 sin utilizar los plugins oficiales. Lograrás evitar todas esas solicitudes HTTP que realizan esos plugins y así, no ralentizar tanto tu web.
En la web del autor tienes ejemplos y distintas posibilidades, yo te voy a comentar una mezcla de ellas que no viene en la web del autor pero me parece la más útil de utilizar.
1.- Incluyes los estilos css dentro del <head> de tu página
Puedes introducirlos así dentro del head o copiar el código css e introducirlos dentro de tu css general, como prefieras.
<link rel="stylesheet" href="css/social-sharing-css.css">
<link rel="stylesheet" href="kraken-buttons.css">
2.- Introduces los botones dentro del HTML
<a class="btn btn-tweet" href=""https://twitter.com/intent/tweet?text=YOUR-TITLE&url=YOUR-URL&via=TWITTER-HANDLE" target="_blank">Twitter</a>
<a class="btn btn-facebook" href=""http://www.facebook.com/sharer/sharer.php?u=YOUR-URL" target="_blank">Facebook</a>
<a class="btn btn-google" href="https://plus.google.com/share?url=YOUR-URL" target="_blank">Google+</a>
<a class="btn btn-linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL&title=YOUR-TITLE&summary=YOUR-SUMMARY&source=YOUR-URL" target="_blank">LinkedIn</a>
<a class="btn btn-pinterest" href="http://pinterest.com/pin/create/button/?url=YOUR-URL&description=YOUR-DESCRIPTION&media=YOUR-IMAGE-SRC" target="_blank">Pinterest</a>
Ojo, con PHP o similar tendrías que modificar los ‘YOUR-TITLE’,… por variables php, para que coja de cada artículo directamente ya los datos necesarios para compartir.
Este plugin funciona correctamente con todos los navegadores modernos.
En la web del autor te puedes descargar todos los archivos, css,… para implementar en tu web estos iconos de redes sociales.
¿Cómo poner los iconos de redes sociales en mi página web?
Lo primero que tienes que hacer es descargarte el archivo que te guste, todos estos iconos (menos los premium) te los puedes descargar gratis, pero te recomiento mirar los derechos de uso para que coincidan con el uso que les vas a dar. Es decir, algunos son gratis para trabajos personales, otros para comerciales y personales… Dicho esto, una vez descargado el archivo si son imágenes png, solo tendrás que subirlas a tu servidor web y en el código html insertar algo del estilo:
<a href=»URL-FACEBOOK» target=»_blank»><img alt=»siguenos en facebook» height=»40″ src=»http://dominio.com/face.png» title=»siguenos en facebook» width=»40″ /></a>
Como puedes ver es sencillo. En el caso de archivos psd, ai o eps tendrás que abrir los archivos en los programas correspondientes y a partir de ahí generar el png o el uso que les quieras dar.
Otros iconos muy chulos
¿Estás buscando más iconos de otras temáticas? Estás en el lugar adecuado, te invito a ver los siguientes links:
- Icono del tiempo
- Iconos St Patrick
- Navidad
- Tipografía con iconos
- Teléfono icon
- Icono fiesta
- Pasteles
- Libros
- Para web
- Iconos médicos
Siempre es interesante tener este tipo de recursos a mano, mejorarán la calidad de nuestro sitio y nos ahorrarán tiempo. También es importante resaltar que muchos de ellos, al estar en formatos editables, los podrás personalizar aún más para que se adapten a lo que necesitas.
Estos logotipos sociales tienen otros usos como, por ejemplo, en un curriculum vitae, tarjeta de presentación o firma de correo electrónico. Seguro que les encontrarás utilidad.
