November 21, 2024

20 Excellent Examples of Icon Usage in Web Design

Here on WDL we love icons! From Icon Tutorials to a list with the Best Free Icon Sets of 2010 and a 15 Must-Have Minimalist Icon Sets, we already showcased a lot of great icons around here to boost your inspiration. Today we decided to gather some examples of icon usage in web design to show you how icons can make a difference in a layout, giving a page a nice touch, in both interface and experience. Check out the examples we got and start to think about giving icons a new try on your next design.

Clarity – Clean Portfolio WordPress Theme

Icon Usage

Movmt Studio

Icon Usage
Icon Usage

I am Tiago

Icon Usage

B3 Studios

Icon Usage

Worry Free Labs

Icon Usage

Studio Nudge

Icon Usage
Icon Usage

Peter Nappi

Icon Usage
Icon Usage

iMyGarden

Icon Usage
Icon Usage

Cake Sweet Cake

Icon Usage
Icon Usage

AppVita

Icon Usage

Keith Cakes

Icon Usage

Square

Icon Usage
Icon Usage

photovine

Icon Usage

enixel

Icon Usage

Grégory Sujkowski

Icon Usage

Syropia

Icon Usage
Icon Usage

Clases Inglés Madrid

Icon Usage

claimtz

Icon Usage

Pandr

Icon Usage

Moredays

Icon Usage

Source:

The Best Designs
Site Inspire
Sites of the Week – Abduzeedo

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

22 Comments

  1. Tristar Web Design Reply

    These website all show the icons wonderfully. They seem to give out the most appeal when they appear on clean basic sites with very little photographic imagery. I really like ‘I Am Tiago,’ ‘Studio Nudge’, ‘Enixel’ and ‘Syropia’. All of them use icons really well and to the sites advantage.

  2. Gabriel Reply

    I would like to add my 2 cents. I have recently been busy browsing and adding free icons to http://www.creattor.com. They are royalty free – everything I added was free for commercial use. You could try getting some icon packs and make your own template, like the sites above.

Leave a Reply

Your email address will not be published. Required fields are marked *