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:

 

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.

iconos redes sociales

 

 

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…

iconos redes sociales vector

 

 

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.
social media icons

 

 

Sketchy Social Media Icons Free Vector

29 iconos disponibles en eps, ai y png de estilo desgastado de las principales redes sociales.
iconos redes sociales png

 

 

25 iconos en formato vector escalable

Creados con Illustrator CS5. Están en formato .ai (Illustrator) y en .eps.
iconos redes sociales ai

 

 

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_sociales_pago1

 

 

Iconos redes sociales psd

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,…
redes sociales png

 

 

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.

iconos negros y rojos redes sociales

 

 

Iconos redes sociales png

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.
logos redes sociales png

 

 

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…
iconos negros redes sociales

 

 

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 png redes sociales

 

 

Iconos Grunge redes sociales

Png en tres tamaños: 16×16, 32×32 y 64×64 px.
iconos grunge png redes sociales

 

 

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.
iconos redes sociales 3D

 

 

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 redes sociales psd

 

 

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.

 

 

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.

iconos-redes-sociales-css3

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

 

 

Iconos de redes sociales tipo plano (flat design)

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:

 

 

¿Como 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://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 🙂