It looks like we still got some time left before @figma

Config 2023, so let's do a quick isometric app Icon tutorial!

Let's get started 👇

First up, create a simple grid

Run the plugin "Easometric" for some Isometric magic!

Repeat the same step with your app icon

Duplicate the background and give it some vertical offset

Time to connect the dots... Use the pen tool to create a shape like the one below, giving the illusion of depth. Make sure to select the 2 darker blue layers and apply "union selection" to make it one shape. This will make It easier to add a gradient later on.

Change the fills to some subtle linear gradients to add a level of "shine" to your home made isometric icon ✨

Add some drop shadow to make it feel like your icon floats 😍