Icon Designers Blog

Dribbble Icons

Dribbble Icon Design Inspiration

  |

Flat icon design does not mean boring – Dribbble Icon Design Examples Indeed, flat design can be beautiful and charming, attractive in its purity and simplicity. In a context of an over-abundance of information products, flat design can appear as an island of calm, stability and clarity. Many designers use the method of “almost” flat… Read more »

Illustrator Icon Design Tutorial

Step by Step Illustrator Icon Design Tutorial

  |

In this Illustrator icon design tutorial we look at creating a small set of ‘almost flat‘ icons from scratch. First, open the Adobe Illustrator and create a new document. Then create a rounded rectangle using Rounded Rectangle Tool with: Width:200px; Height:155px; Corner Radius:10px. After that create another Rectangle with: Width:36px; Height:36px; Rotate it 45°. Unite… Read more »

Flat Icon Design

Flat Icons: a trend in Icon Design

  |

Flat design has become very popular recently. Many websites utilise the principles of  flat design and simplify their interfaces accordingly. Indeed, many recent user interface redesigns and new websites use a flat design; this trend has begun to appear almost everywhere, both on websites and in applications. Icons are also keeping pace with the times,… Read more »

Windows Phone 8 Icon Design

Windows Phone 8 Icon Size Guide

  |

Quick guide to Windows Phone 8 Icons Windows Phone pioneered the ‘Metro’ design language, the popular, iconic user interface paradigm used by thousands of apps to give end users a common basis from which to interact with their devices. The Windows Phone design philosophy is exemplified by clean, uncluttered app screens that operate quickly, minimize… Read more »

android

Android App Icon Size Guide (4.0)

  |

This article has now been superseded by the latest Lollipop 6.0 Android Icon Size Guide. Please click on the image below to view the latest information. Find the correct Android App Icon Sizes, fast For the latest information see: Simple Android Icon Size Guide for Lollipop 5.1 (5.1) An icon is a graphic that takes… Read more »

Icon Design Tutorial - Small Icons

Designing 16×16 pixel icons in Photoshop

  |

Small Icon sizes such as 16×16 pixels are often neglected in Icon Design, in my opinion though, this is where the real skill lies. In most cases simply scaling down a larger icon is not going to work and is often why for 16×16 pixel icons it is acceptable to drawn them in a slightly… Read more »

Recolor Icons

Recoloring Flat Icons in Adobe Illustrator

  |

In a lot of projects we are asked to produce different color versions of the same icon, sometimes this is to represent a different icon state or to provide the end user with interface skinning options. By creating Icon sets you can make working with color easier, faster and prepare your Illustrator document for simpler editing. Global… Read more »

Icon Design Tips: Multiple Windows And Pixel Preview Mode

  |

Despite the fact that most of my icons are drawn in vector editors, their output is almost always in a bitmap format. Use Pixel Preview mode to understand how Illustrator divides objects into pixels. In Adobe Illustrator you can open multiple windows of a single document at the same time. Each window can have different… Read more »

Slice Tools

Icon Design Tips: Exporting Slices

  |

When designing Icons I prefer to create a page with multiple icons displayed so I can see how the icons look together as a set. I find this very important and convenient when trying to ensure a consistent style across all the icons I am designing. For example, I have a file in Adobe Illustrator… Read more »