Basic Visual Guide for Creating Pixel Icons in Illustrator

A set of basic visual guidelines on how to create minimalist pixel icons using Adobe Illustrator.

Do you remember M.A. Kather’s Illustrator Vs Photoshop visual designs? This time the Chennai, India based UX/UI Designer has created a basic visual guide for creating pixel icons in Adobe Illustrator. The guidelines consist of 8 images, which illustrate some core principles for creating perfect pixel icons that work pretty well for a variety of professional needs.

Mr Kather suggests beginners to follow these simple instructions while creating icons. I suggest you to visit more of his creative work on Behance.

Use simple geometric shapes - A basic visual guide for creating pixel icons in Illustrator.
Use simple geometric shapes – A basic visual guide for creating pixel icons in Illustrator.
Use simple shapes for greater clearity.
Use simple shapes for greater clearity.
Do make icons look front-facing and sturdy.
Do make icons look front-facing and sturdy.
Do use whole values - basic visual guide lines for creating pixel icons in Adobe Illustrator.
Do use whole values – basic visual guide lines for creating pixel icons in Adobe Illustrator.
Do use pixel preview mode with "Ctrl+Alt+Y".
Do use pixel preview mode with “Ctrl+Alt+Y”.
Don't mix multi style icons, create them in a uniform style.
Don’t mix multi style icons, create them in a uniform style.
Combine all shapes and create paths.
Combine all shapes and create paths.
Do set preview bounds. Image from a series of dos and don'ts when creating minimal pixel icons in Adobe Illustrator.
Do set preview bounds. Image from a series of dos and don’ts when creating minimal pixel icons in Adobe Illustrator.

Are you looking for more inspiration? Feel free and visit our design category. The category includes outstanding projects of diverse creative fields such as Branding or Graphic, Packaging, Interior, Product, and Web Design.

RELATED ARTICLESMORE FROM AUTHOR