How Do You Make Icons on Figma?

Icons play an important role in any design project. They are used to provide visual cues to help users navigate a website or app, and they can also be used to give a design project a unique look and feel. Figma is a powerful design tool that makes it easy to create icons for any project. Here’s how you can make icons on Figma:

Start with a blank canvas:

The first step in making icons on Figma is to start with an empty canvas.

You can do this by creating a new file or opening an existing one. From here, you can start drawing your icon using the tools provided in the Figma interface. You have access to tools like Pen, Line, Rectangle and Ellipse, which you can use to create basic shapes and forms.

Choose colors:

Once you’ve created the basic shapes and forms for your icon, the next step is to choose colors for it. You can choose from the wide range of colors available in Figma or you can create your own custom colors. If you’re not sure which colors will work best for your icon, try out different combinations until you find something that looks good.

Add details:

Once you’ve chosen colors for your icon, it’s time to add details that will make it stand out from other icons. This could include shadows, highlights or textures that give your icon some dimension and depth. You can also add symbols or illustrations if necessary.

Export the icon:

Finally, when your icon is ready, all you need to do is export it as an image file so that it can be used in other places like websites or apps. In Figma, this is done by clicking the “Export Image” button in the top right corner of the interface.


Making icons on Figma is simple and straightforward. All you need to do is start with an empty canvas and then use the tools provided in the interface to draw basic shapes and forms before adding color and details. Finally, when your icon is ready, export it as an image file so that it can be used elsewhere.