Web Design » Figma » How Do I Change the Color of My Icons in Figma?

How Do I Change the Color of My Icons in Figma?

Last updated on September 29, 2022 @ 10:00 am

There are a few different ways that you can change the color of your icons in Figma. The first way is to use the fill color tool.

Select the icon you want to change the color of and then click on the fill color tool in the toolbar. From here, you can either click on a color in the palette or use the eyedropper tool to select a color from another element in your design.

The second way to change the color of an icon is to use the stroke color tool. This is useful if you want to create an outline around an icon or if you want to change the color of just the edge of an icon.

PRO TIP: If you are not familiar with Figma, we recommend that you proceed with caution when changing the color of your icons. There is a risk that you could inadvertently change the color of other parts of your design, or that your icons may not display correctly on other devices.

To do this, select the icon and then click on the stroke color tool in the toolbar. As with the fill color tool, you can either click on a color in the palette or use the eyedropper tool to select a color from another element in your design.

Finally, you can also change the opacity of an icon by selecting it and then adjusting the opacity slider in the toolbar. This can be useful if you want to make an icon more subtle or if you want to create a layered effect.

So, those are a few different ways that you can change the color of your icons in Figma. Experiment with each method to see what works best for your particular design.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.