21 Inspiring Examples of Icons in Web Design

By / Jun 4, 2012 / Inspiration
shares

Icons are a really important element of an attractive and effective website. It doesn’t matter if you use an icon from a free pack or if you design your own, if you use them properly it makes all the difference. Today we gathered a few examples of inspiring icon usage to keep your ideas floating. From regular social icons to hand drawn ones, you will see that simple and small or colorful and big, nice icons can make an interface much more engaging.

Startups, this is how design works

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Theory

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Kerem

Inspiring Icons in Web Design
Inspiring Icons in Web Design

The Fontain

Inspiring Icons in Web Design
Inspiring Icons in Web Design

B&F

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Pagoda Box

Inspiring Icons in Web Design

Denise Chandler

Inspiring Icons in Web Design
Inspiring Icons in Web Design

rdio

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Ludlow Kingsley

Inspiring Icons in Web Design
Inspiring Icons in Web Design

EvoEnergy

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Skillshare

Inspiring Icons in Web Design
Inspiring Icons in Web Design
Inspiring Icons in Web Design

my own bike

Inspiring Icons in Web Design
Inspiring Icons in Web Design

kashoo

Inspiring Icons in Web Design

The Old Barber Shop

Inspiring Icons in Web Design
Inspiring Icons in Web Design

LayerValut

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Google Ventures

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Atelier

Inspiring Icons in Web Design
Inspiring Icons in Web Design

ONST Creative

Inspiring Icons in Web Design
Inspiring Icons in Web Design

Fitz Fitzpatrick

Inspiring Icons in Web Design
Inspiring Icons in Web Design
Inspiring Icons in Web Design

urban/dati

Inspiring Icons in Web Design
Inspiring Icons in Web Design
Inspiring Icons in Web Design

Elaine Fisher

Inspiring Icons in Web Design
Inspiring Icons in Web Design

The Best Designs
Awwwards
CSS Design Awards

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

9 Comments

  1. aledesign.it
    June 4, 2012

    Always I see a good collection! More site I like so much in this post. My preferite like style and design are ludlowkingsley.com and kashoo.co.uk. Thanks for sharing

    Reply
  2. Sergiu
    June 5, 2012

    Really nice collection! Also, this websites are amazing, especially urban/dati is crazy!

    Reply
  3. Source Canvas
    June 5, 2012

    These are awesome icons! I love the system and these interface icons would be perfect for any web layout.

    Reply
  4. Design Turnpike
    June 5, 2012

    Icon creation is truly an art.

    Reply
  5. Simon Fletcher
    June 7, 2012

    Some great icons their thank you very much for the share

    Reply
  6. Pixelutely
    June 8, 2012

    Great collection here. Disappointed to see how few of them don’t even have a fluid layout, let alone a responsive one.

    Reply
  7. Kyle
    June 8, 2012

    Obviously Elaine Fisher has to be a friend of yours that you wanted to promote since her site HAS NO ICONS in it… wasn’t this post about ICON design? hmmmm…

    Reply
  8. Zhou Hui
    June 8, 2012

    Very nice collection! I like the one by Fitz Fitzpatrick.

    Reply
  9. Flavio Mester
    June 13, 2012

    I always love your examples. Thanks!

    Reply

Leave a Reply