Custom Icons Fitted for Website Layouts

Featured Image credit to Frantisek Kusovsky

Adding in small icons to the layout of your website is the perfect way to capture attention. Visitor’s love extra spice in design work and it helps your layout stand apart from the crowd. I find examples of web icons very inspiring, you can almost get a sense of where the current trends are moving. And sitting in 2012 I find web design to be an extremely interesting topic of discussion.

In the small showcase below I’ve put together a collection of powerful icons found in web design. User interfaces are key to navigating any layout and interacting with the site data. With the right icon you can portray actions like ‘edit’ and ‘save’, even without any context! Check out some of the examples below to build up your own understanding of icons in web design.

xDesign365 website redesign

Font Icons

Media Connect Part II

Fostr Timeline Activity – Products

Fundly Footer

Three Buttons

Web App UI

Infographic Preview

Long Day at Work

About Us Pages

Dashboard Revisions

Web Interface

Current News

Logs & Tiny Icons

Web App Project UI

Responsive Activity Stream

Portfolio Cards

Chinese Web Site

Activity Stream Detail

ComeFriday User Menu

Studentgrid File Upload

Remake of Path Icons

Navy Nav Icons

Online Shop Icons

About the Author: Kalen Smith

Kalen is a freelance writer and entrepreneur. He can be found on the web writing about topics including startups and UI design. Check out his other articles through Google or follow his updates on Twitter @engineerbiz.