More often than not we are critical of about the end product or end result of a design process. Behind the scenes a lot of processes go to work, one of which is sketching.

Sketching means a lot for designers, even if their final design is for the Web. Most of them prefer to spend much time with the pencil before translating it to reality with Photoshop or other software. Every icon starts with a simple drawing or a tiny sketch. Every great icon design starts with a single line.

I’d like to show you the beauty of icon design through the creation process. I have put together a list of double images: you will see the icon’s sketch and ready product side by side.

This may help give you an inside look into how a simple idea can come to life on paper and on screen. Enjoy!

Sketch by Andrey Maxim

Icons by Mike | Creative Mints

ReadKit Mac App Icon by Ramotion

Sipp icon by Eddie Lobanovskiy

Overgram iPhone App Icon — Stage 3 by Ramotion

GoodNotes icon by Eddie Lobanovskiy

Tin can by Loggia

High quality icons by Cuberto

Waffle illustration by Artua Design Agency

Compasses MacOS icon by Cuberto

21 icon by Dmitry Prudnikov

WholeApp icon by Dmitry Prudnikov

Winery Shop Icons by Chaminda Wijerathne

Apps Icon iOS by Faisal Amir

Sketch Pad 3 IOS Icon by Adhi Purwo Manunggal

Bluenote app icon by Artua Design Agency

Lens MacOS icon by Cuberto

The Nearby App Icon by Cloud Castle

Binoculars by Mike | Creative Mints

Camera App Icon for Travelers by Ramotion



WRITTEN BY: Nancy Young

ABOUT THE AUTHOR: Nancy is a passionate freelance writer and blogger. She writes tons of inspirational articles on photography and web design, despite the fact that she is an economist by education. She enjoys reading, learning SEO and also losing her mind to French movies.

Any images and logos pictured above are property of their respective owners.


Related Articles