Using Vector Icons in Modern Web Design

Mastering web design requires understanding design fundamentals coupled with various design techniques. One such area worth studying is icon design because it can be used for a variety of purposes. Vector icons are a newer facet of web design as browser support has evolved to reach global demand. The following ideas and sample websites should […]

38 Absolute Best Tutorials for Learning Icon Design

Simple glyphs and icons communicate a graphical representation for interfaces, branding, and content. Icon design ranges from simple line icons to detailed works of artistic beauty. Every designer has to start somewhere and nobody claims the process will be easy – but it is very rewarding.

This gallery focuses on 38 icon design tutorials geared towards beginners or intermediate designers. Each walkthrough focuses on the overall process from a blank page to completed design. Granted there are many different ways, like highways and byways and imaginary triways, to approach the same problem. Each of these tutorials will follow a different method to practice and build confidence with your icon design skillset.

Starfish Icon

3d textured starfish water icon

50 Free CSS-Only Icons for Website Graphics

Modern CSS trends have blown up so quickly that it can be difficult to keep up with all the new stuff. Online projects which most surprise me involve pure CSS designs for layouts, animations, and icons. There is still plenty of use for icon sprite sheets in the right context. But why not try out modern trends for the users who have upgraded from legacy browsers?

This gallery includes fifty examples of my favorite CSS-based icon designs. Some are animated while others are static interface pieces. These range from general purpose icon sets to character designs created purely within HTML/CSS code. The latter doesn’t have much practical use but it’s definitely a way of showing off your skillset.

Iconex Flat Icons

css iconex flat icons design open source

34 Incredible Brand New iPhone and iPad App Icons

We have written about previous iOS app icon designs in previous galleries. There are so many talented artists entering the field of icon design, and inspiration is found in abundance. That is why I have put together another fascinating collection of Dribbble shots featuring iPhone & iPad app icons.

The Apple iOS app store is a powerful and heavily trafficked marketplace for developers. You can build almost any idea fit to a mobile smartphone or tablet device. And coupled with a working user interface you can build a sensation. It is my hope this small gallery of mobile app icons can spur creativity for new ideas.

Camera App Icon