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.
Contenidos
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:
Colección de iconos para redes sociales en Illustrator
En este pack encontrarás una colección de las redes sociales más típicas (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.
Diseño flat (estilo plano) para estos iconos redes sociales
Estos iconos están diseñados en diseño flat (estilo plano) y cuadrados redondeados. Aquí te podrás descargar gratis las redes sociales más conocidas: facebook, twitter, google+, linkedin, pinterest, youtube, skype, whastapp, rss, behance, instagram, dropbox, tumbl…
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.
Sketchy Social Media Icons Free Vector
29 iconos disponibles en eps, ai y png de estilo desgastado de las principales redes sociales.
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.
IC Mini Social Icon Set
18 iconos en tamaño 32x32px y para descargar en png, jpg y psd. Son iconos minimalistas de twitter, youtube, skype, facebook, tuenti, behance, linkedin,…
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.
Iconos Pinterest
en psd y html. Para descargarlos gratis hay que hacer una mención en twitter, tal y como indican.
18 iconos en png, psd y jpg
Incluido el icono de Pinterest, Linkedin y Google +.
40 iconos redes 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.
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 iconos redes sociales png
Sirven para cantidad de diseños porque son tipo neutro y cuadrados en color negro. En estos iconos 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 para este pack de iconos en png.
Iconos Grunge redes sociales
Png en tres tamaños: 16×16, 32×32 y 64×64 px.
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) and 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.
A Free 3D Silver Social Media Icon Set
iconos sociales de metal en 3D en png y tamaño 128x128px.
Football Social Icon
En png y en los tamaños 360×360, 256×256, 128×128, 64×64 y 32×32.
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 iconos redes 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.
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.
Link | Social Sharing
Los iconos de redes sociales son recursos muy vistos en este blog. Me lo dicen continuamente las estadísticas. Te interesan. Debido a ello quiero juntar en este artículo una tendencia en diseño web (flat design), que se inclina por la tendencia minimalista, y, por otro lado, los iconos de redes sociales. Hoy en día los iconos de redes sociales son casi imprescindibles en cualquier página web. Si tu diseño se inclina por la sencillez le quedarán genial estos iconos que te propongo.
También puede que te interese:
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://domnio.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.
Como has podido ver están los iconos de redes sociales más importantes. Si te ha gustado el artículo,me ayudarás a seguir escribiendo artículos como éste si lo compartes a través de tus redes sociales 🙂
