Web Design » Figma » How do you make an app icon in Figma?

How do you make an app icon in Figma?

Last updated on September 24, 2022 @ 6:37 pm

Making an app icon in Figma is simple. First, create a new file in Figma and enter the following information:

Title: App Icon

File Type: SVG

File Size: 128 x 128px

You can then use the Figma logo or any image you like as your app icon. To create the icon, you’ll need to add some basic elements. First, add a circle to your file and fill it with a light blue color.

PRO TIP: If you are not careful, you can end up with an app icon that is too small or too large. In Figma, you need to make sure that your icon is the right size before you export it. Otherwise, it will not be the right size when you try to use it on your phone or tablet.

Next, add a white outline to the circle and make the outline as thin as possible. Finally, add a small, black arrow to the center of the circle.

Now, you’ll need to add some basic elements to your icon. First, add a rectangle to your file and fill it with a light blue color.

Next, add a white outline to the rectangle and make the outline as thin as possible. Finally, add a small, black arrow to the center of the rectangle.

You’re done! Your icon is now ready to be exported to a PNG file. To export your icon, go to File -> Export -> Export As and select PNG as the file type.

Click on the Export button and your icon will be saved to the file.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.