Icons are one of the most used visual elements in contemporary design. We see them both online and offline, in presentations, websites, videos etc. It is a visual language that can communicate quickly and universally across different languages. Also, proper usage of icons creates visual interest and grabs the user’s attention.
Comparing to creating a full illustration or purchasing stock images, icons can be a cost and time efficient tool to spice up your design. Here are a few tips on icon design that will help your work stand out.
Use brand colour
Icons are part of your brand’s visual identity; hence it should follow your brand’s colour palette. If you use stock icon sets, make sure to get them in an editable format, so you can change them to your company’s colours to reflect your branding.
Consistency in size and alignment
If you have multiple icons on one page, keeping them the same size and aligned properly will make the layout look neater and more professional.
Consistency in style
Icons come in all kinds of styles – monochrome or colourful, line or solid shapes, geometric or hand drawn… Whichever style you choose to use, make sure to use it consistently across the whole design.
Consistency in silhouette
A layout could look messy with icons in very different silhouettes. Either choose icons in similar shapes or consider putting them in a background shape to unify the silhouette.
Consistency in line weight
We have seen a large boost in the use of line style icons (hollow icons) in recent years. Should you choose to follow this trend, keep in mind to use consistent line weight. Attention to detail like this will make your work looking more sophisticated.
Don’t abuse icons
There are a lot of benefits of using icons, but we should also keep in mind to not overuse them. Icons become nothing more than decoration when there are too many in one layout. It will not only make the layout messy but also weaken their effect of attracting attention and communicating a message. By limiting the number of icons, you can avoid your user getting tired of them and losing focus.