Plastique

16 Free Sketch Icons

Monochromatic Iconset 1

Monochromatic Iconset 2

Hand Drawn Web icons

The Aristocracy Free Web Icon Set

32px social media icons

48px web iconset

Payment Icon Set

10 Mini Designer Icon Set

iPad 2 Icons

Mini tooltips

File Icon Set (PSD)

File Icon Set Continued… (PSD)

Vía | WDL

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Mini Iconos sociales & iconos sociales de madera gratis

• 40 bonitos iconos de productos Apple

• Los mejores iconos gratis del 2010

Nixus

Vector Social Media Icons

WooCons

Iconic

Project Icons

iconSweets

Sanscons

Default Icon

Social Media Icon Set

Retina Display Icon Set

Glyphish

Vía | WDL

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• 50 mejores set de iconos gratis del 2009

• 14 bonitos iconos gratis

• Los mejores iconos sociales, agrupados

Seguramente no se exagera cuando se piensa que casi todo puede ser realizado con CSS. Nicolas gallagher ha dado muestra de ello, ha creado 84 iconos con CSS y html semántico. Los iconos son experimentales, por ahora funciona en Firefox 3.5+, Safari 5+, Chrome 5+, Opera 10.6+.

Algunos de estos iconos únicamente pueden ser creado por navegadores que soporten la propiedad CSS3 transforms. A continuación os muestro una pequeña explicación de los iconos y su demostración final.

Código HTML

El código HTML es una lista desordenada de enlaces:

<ul>
   <li><a href="#non">Power</a></li>
   <li><a href="#non">Play</a></li>
   <li><a href="#non">Stop</a></li>
   <li><a href="#non">Pause</a></li>
</ul>

Código CSS

Cada icono usa su propio estilo, por ejemplo, el estilo del icono “expand” sería este:

.expand a:before {
   content:"";
   position:absolute;
   top:50%;
   left:1px;
   width:5px;
   height:0;
   border-width:7px 7px 0;
   border-style:solid;
   border-color:transparent #c55500;
   margin-top:-4px;
   /* css3 */
   -webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
   -o-transform:rotate(-45deg);
   transform:rotate(-45deg);
}

.expand a:after {
   content:"";
   position:absolute;
   top:50%;
   left:5px;
   width:8px;
   height:8px;
   border-width:3px 0 0 3px;
   border-style:solid;
   border-color:#c55500;
   margin-top:-6px;
}

.expand a:hover:before,
.expand a:focus:before,
.expand a:active:before {
   border-color:transparent #730800;
}

.expand a:hover:after,
.expand a:focus:after,
.expand a:active:after {
   border-color:#730800;
}

La página de demostración contiene la lista completa de iconos GUI (interfaz de usuario) y reproductor multimedia, además de otros iconos.

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Mini Iconos sociales & iconos sociales de madera gratis

• WooFunction, 178 iconos gratuitos de alta calidad

• 81 iconos sociales detallados

Los iconos forman una parte importante del diseño de los sitios y atraen muy bien la atención del lector. También pueden ser usados como iconos de escritorio, pero en este sentido, son para el diseño web. Hoy os traigo una lista con los 50 mejores iconos del 2008, recopilados por Noupe:

Set de iconos gratuitos

1. OldSchool Icon Set

2. Free Hand Drawn Doodle Icon Set for Bloggers

3. Milky icon set

4. Archigraphs Porcelain Icons

5. I-KID ICONS FOR IPHONE

6. Socialize Icons

7. Distortion Icons

8. Merry Christmas Icons

9. Coquette Icons

10. Turqua 3d Isometric Vector Icon Pack

11. Fugue Icons

12. Free Glossy Blogging Icons Set for Bloggers

16. Free Vector Icon Set 1

18. Asp.net Icons

28. Pirates Theme icon collection

29. Feed Me Animals

33. Glossy Member Icons

34. Aeon

35. RSS feed

36. Nice ‘n’ Simple Subscribe Badges

37. DESIGN for: psdbox.pl

38. Drop Box Icon

39. Green and blue

Desktop & Dock Icons

40. Onibari Leopard Made

41. Carbon Gloss

45. iLeopard Icon Pack SE

46. Qure for Adobe Creative Suite

47. Colorabo

48. ZeroOne

49. Made Of Wood

50. Paper Clip

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Los mejores sets de iconos vectorizados

• Los mejores iconos sociales, agrupados

• Los mejores iconos gratis del 2010

Cuando diseñamos la interfaz de usuario de un servicio o aplicación web, por ejemplo, podemos buscar y buscar y casi siempre terminaremos encontrando el mismo elemento que ya hemos encontrado, u otros que no tienen el mismo estilo que el anterior. Es una buena idea agrupar elementos como iconos, formularios o plantillas que estén relacionados. Aquí existe una colección de este tipo de elementos que te ayudarán a finalizar tu proyecto, consiguiendo una UI atractiva. La mayoría son gratis y se muestran a continuación:

Browser Templates For The Website / Web Application Designer

WEB UI Treasure Chest v 1.0

Webdesigner kit

Turquoise PSD

Vector Pack: Browser Screens and Website Elements

Browser Form Elements PSD

iPhone GUI PSD 3.0

iPhone GUI PSD 3.0

OmniGraffle Wireframe Stencils

Web Form Elements Vol.2

21 Best Icon Sets for Designing Web Apps

OmniGraffle Wireframe Stencils

Web Form Elements

Windows 7 Taskbar .psd

Windows 7 Window PSD

Web Browser Elements

Yahoo! Design Stencil Kit version 1.0

Quommunication Starter Kit

Vía | WDL

Contenido exclusivo para los suscriptores del Feed RSS

¡Gracias por seguirnos cada día!. Tu fidelidad será premiada con contenidos exclusivos. Hoy puedes descargar:

20 iconos futuristas

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• 25 excelentes diseños sobre sitios de apps para iPhone e iPad

• WooFunction, 178 iconos gratuitos de alta calidad

• Galería de iconos gratuitos

Siguiendo un listado de lo mejor del 2009 (mejores themes para WordPress, mejores diseños, mejores texturas…), ahora os mostramos un listado de los 50 mejores set de iconos gratis del 2009. Los iconos juegan un papel muy importante en el diseño de nuestros proyectos, por ello necesitamos usar los que mejor se adapten a lo que buscamos. Existen iconos de todo tipo: vectoriales, dibujados a mano, de madera, estilo web 2.0…

En definitiva, esta recopilación de iconos de alta calidad será muy útil para todo aquel que tenga un proyecto web, o, simplemente, quiera usarlos en el escritorio de su ordenador.

Quartz Icons

Basic Icons

Flavour Extended

Cute Blogging Icons

Web Injection

WooFunction

Project Icons

GiNUX

Old Bottle Crowns

Grunge Peeling Stickers

Cute Twitters

Happy Birds

Sketchy Icons

Blitter

Portfolio Icons

Twitter Bird

Weby Icons

Social Media Icons

Stationary Icons

Siena Icons

MinIcons

E-Commerce Icons

E-Commerce Icons

Finance

Application Icon Set

Computer Hardware

Animals

Twitter Icons

Tools Icons

Archigraph’s Collection

Smashing Retro

LBOI Icon Set for Designers

Pixel-Perfect Social Media Icons

Farm-Fresh Web Icons

E-Commerce Icons

WP WooThemes Ultimate Icon Set

iPod Vectors

Social Media Icons

Business Icons

Vector Chart Icons

Rivet Social

Handycons 2

Social Media Icons

Blogging Icons

Status Icons

Archigraph Cars Icons

Lovely Website Icons Pack #1

Lovely Website Icons Pack #2

Web Developer Icons

Alcohol

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Los mejores iconos gratis del 2010

• Los mejores iconos sociales, agrupados

• Mejores iconos sociales hechos a mano

Este pack de iconos dibujados a mano incluye 30 iconos que pueden ser usados en tus proyectos personales y comerciales, de forma gratuita y sin necesidad de dar créditos al creador.

Estos iconos son perfectos para darle a tus creaciones un toque de originalidad. Seguro que, además de estos iconos, te interesarán estas fuentes dibujadas a mano, acompañado también de estos diseños.

El creador de estos iconos es Dawghousedesignstudio, a continuación os muestro la previsualización y el enlace de descarga:

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Bonitas fuentes dibujadas a mano

• Mejores iconos sociales hechos a mano

• Iconos de marcadores sociales dibujados

Ya hemos visto la técnica CSS3 para crear un estilo de texto grabado mediante la propiedad text-shadow, ahora os quiero enseñar una lista de 330 iconos grabados en un fondo, que se pueden descargar de forma gratuita. Están en 3 colores distintos, ocupan 9 mb, y pueden ser usados en proyectos personales y comerciales (licencia Creative Commons).

Para descargarlos es necesario ir a la página oficial de su creación:

Si deseáis ver más iconos para descargar, no dudéis en ir a la categoría iconos.

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Pack de iconos gratis Watercolor

• 79 iconos gratis y de alta calidad

• 30 iconos gratis dibujados a mano

WooFunction es un fantástico pack de iconos para usar en tus proyectos personales y profesionales, de forma gratuita. Consta con un listado de 178  iconos de alta calidad en formato PNG, con tamaño de 32 x 32 píxeles. Si buscáis más iconos, podéis echar un vistazo a todas las entradas del blog que contienen iconos.

Vía | Xybernéticos

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• Iconos “retro” de alta calidad gratuitos

• Galería de iconos gratuitos

• 79 iconos gratis y de alta calidad

Vía | Vectortuts

Artículos relacionados

Puede que tengas interés por ver algunos de estos artículos muy relacionados con esta entrada:

• 30 iconos gratis dibujados a mano

• Pack de iconos gratis Watercolor

• 176 plantillas en CSS gratis