Web Design » Figma » How Do I Get Icons on Figma?

How Do I Get Icons on Figma?

Last updated on September 29, 2022 @ 12:05 am

Figma is a great vector design tool that’s used by professional designers all around the world. One of the best things about Figma is that it’s free to use and easy to learn. In this article, we’re going to show you how to get started with Figma by creating some simple icons.

Creating icons in Figma is a great way to learn the basics of the software. Not only will you be able to create some cool looking icons, but you’ll also learn how to use Figma’s vector drawing tools.

To get started, create a new file in Figma by clicking on the “+” icon in the left sidebar. This will open up a new project window where you can choose the dimensions of your canvas. For this tutorial, we’re going to be creating a set of icons that are 64px by 64px.

Once you’ve set the dimensions of your canvas, it’s time to start creating your icons! To do this, simply click and drag on the canvas to create a rectangular shape. This will be the base of your icon.

Next, you’ll want to add some details to your icon. To do this, select the “Pen” tool from the left toolbar and start drawing on your icon. You can also use the “Pencil” tool for more organic shapes.

Once you’re happy with your icon, you can change its color by selecting it and then clicking on the “Fill” color in the top toolbar. You can also add a stroke around your icon by clicking on the “Stroke” color in the top toolbar.

If you want to save your icon for later, simply click on the “File” menu in the top left corner and select “Save As.” This will allow you to save your icon as a .png file which can be used on websites or in other design projects.

How Do I Get Icons on Figma?

Creating icons in Figma is a great way to learn how to use Figma’s vector drawing tools while also creating some cool looking icons.

PRO TIP: When creating icons in Figma, be sure to set the width and height of your icon to 16px x 16px. Otherwise, your icon may appear blurry or pixelated when viewed on a device with a high pixel density (e.g. iPhone 6 Plus, MacBook Pro with Retina Display).

To get started:

  1. Create a new file in Figma by clicking on “+” sign in left sidebar
  2. In new project window, choose dimensions for canvas – we recommend 64px x 64px for icons
  3. Click and drag on canvas to create rectangular shape – this will be base of your icon

Conclusion:

With just a few clicks, you can create amazing icons using Figma! By following these simple steps, anyone can learn how to use Figma’s vector drawing tools and create beautiful icons.

Madison Geldart

Madison Geldart

Cloud infrastructure engineer and tech mess solver.