How to convert flat icon to simple 3d icon?

I’m trying to make a simple 3D icon from a flat SVG image, unfortunately without success.

What I want to achieve can be seen in the picture below.

flat icon to 3d icon

What steps should I take to get this effect? How do I get this perspective and 3D effect? I would be grateful for a step-by-step explanation.


Use Illustrator’s 3D Extrude and Bevel effect. Give the shape a thick coloured stroke and no fill, then apply Effects > 3D > Extrude and Bevel, and use similar settings as shown below. Tweak as necessary.

enter image description here

Here I added a white fill to the shape, and a second new light in the 3D Extrude and Bevel options.

enter image description here

Source : Link , Question Author : xen , Answer Author : Billy Kerr

Leave a Comment