When it comes to a set of icons that everyone agrees is “well designed,” your options may seem limited: flat or round icons. Flat icons is a good rule of thumb, but people tend to miss out on an exciting, new innovation: the isometric icon. Isometric icons are like a cross between flat (symbolic) and round (realistic) icons. They allow you to convey a 3D image using three equal right-angles, so you don’t have to use foreshortening.
Here are just some sets of isometric icons that are particularly well designed to give you a better idea. Many of them can be purchased as editable vector files. Some are available as stock images to give you mock-up ideas for your own icons.
A pop-out set of web icons is one of the most distinguishing factors of your software or Web product. Often it’s the only distinguishing factor. The current trend is to go largely with a minimalist background and splash screen: you will be using a color scheme and a functional layout and little else. Beyond that, it is your icons and your content that will be making up the overall aesthetic quality of your interface.
The conventional web design wisdom will give you these rules to choosing good icons:
Flat icons tend to excel at this. But what if you want something that’s a little more, well, three-dimensional?
The isometric icon is probably the best option for you.
You can essentially take a good flat icon and “rotate” the image on one axis until three dimensions can be laid out on equal angles. These examples are clear examples. They work especially well for
Click the download buttons to go to the product’s details page, where you can learn the various formats and sizes they are available and at what prices you can purchase them.
If you want to start designing your own isometric designs, you’ll want to sketch out your ideas first. You can download some isometric graph paper from our graph paper collections to guide your designs along the octagonal right angles.
You can also check out some Top Six Isometric Drawing Tools You Must Have.
Finally, if you don’t think the isometric icon can give you the kind of solid, pop-up effect you want, you have the option of turning to 3D icons. Use with care, however—this is graphic-heavy stuff.