30+ Innovative Icon-Based Navigation Menus

by on 15th July 2010 with 32 Comments

screenshot

Here at Design Shack we love a good navigation menu. Lately we’ve noticed a trend arising around menus that use icons either exclusively in place of text or as a support of additional textual information.

Adding icons to your navigation can not only give you an aesthetic boost but actually make for a quicker visual read of the link. Here’s a collection of over thirty icon-based navigation menus that we found online. We’ll conclude with a few resources you can use to snag some free icons to create your own fancy menus.

The Menus

David Jonnson

screenshot

KK Media

screenshot

Bite Club

screenshot

Mac Rabbit

screenshot

Toffeenut Design

screenshot

Listal

screenshot

Narwhal Company

screenshot

Pixel Resort

screenshot

Fishing Cactus

screenshot

Tutorial 9

screenshot

Envira Media

screenshot

Duarte Pires

screenshot

Weblifting

screenshot

We Graphics

screenshot

Nando

screenshot

Inset

screenshot

Yanis Markin

screenshot

Steven Little Design

screenshot

Daniel Marques

screenshot

Axel Sears

screenshot

CV Studio

screenshot

The Peach Design

screenshot

Genocom

screenshot

Michael Hogenmiller

screenshot

Rather Splendid

screenshot

Eichi Creative Design

screenshot

Dan Wiersema

screenshot

Music Thoughts

screenshot

Fresh

screenshot

Dishizzle

screenshot

Lelegins

screenshot

Boxee

screenshot

Tripping Words

screenshot

Free Icon Sets

Now that you’ve had your dose of inspiration, it’s time to start the original creation step. Use the resources below to help you create your own beautiful navigation menu!

gCons: Free All-Purpose Icons for Designers and Developers (100 icons + PSD)

screenshot

478 Free SVG Vector Icons – The “Seven” Icon Pack

screenshot

Icons: Free iPhone Toolbar Icons

screenshot

iPhone Toolbar Icon Set

screenshot

Freebie: 20 High Quality 3D Icons

screenshot

NIXUS Icon Pack: 60 Beautiful Premium Icons (Free)

screenshot

WooFunction: 178 Amazing Web Design Icons

screenshot

Colorful Stickers Icon Set :: 20 Icons

screenshot

Designer Icons – Professionally Hand-Crafted Free Icon Set

screenshot

Default Icon

screenshot

Icon Search Engines

Looking for something specific? Check out these great free icon search engines.

Icon Finder

screenshot

Icon Seeker

screenshot

Iconlet

screenshot

Conclusion

With the inspiration and resources above, you should now be fully armed to go out and make some great icon-based navigation menus.

Also, be sure to leave a link to any icon-based navigation menus that you’ve found on the web.

Comments & Discussion

32 Comments

Subscribe

Membership
About the Author