How Do I Add Material Design Icons in Figma?

Adding Material Design Icons to Figma is a great way to add visual interest and personality to your designs. With the help of this handy feature, you can easily create unique and creative visual elements for your projects. In this article, we’ll be covering how to add Material Design Icons in Figma and also how to style them with HTML tags.

Step 1: Open the Figma file you want to add Material Design Icons to. Navigate to the left sidebar and click on the “+” icon. Then, select “Icons” from the drop-down menu.

Step 2: You will be taken to a page where you can search for specific icons. Type “Material Design Icons” in the search bar at the top of the page. Once you find the icon that you would like to use, click on it.

Step 3: The icon will now appear in your Figma file. You can drag and drop it wherever you would like it within your design.

Step 4: If you would like to style your Material Design Icon with HTML tags, select it and then click on the “Styles” tab in the top right corner of your screen. From here, you can customize your icon with different HTML tags such as <b>, <i>, <strong>, <em>, and more.

Step 5: Once you have finished styling your icon with HTML tags, click on “Save” in order for these changes to take effect.

Adding Material Design Icons in Figma is an easy way to spruce up any design project. With just a few clicks of a mouse, you can quickly add an extra layer of visual interest that will make any design stand out from the rest.

Furthermore, by styling them with HTML tags, you can customize their look even further which will truly make them unique!


Using Material Design icons in Figma is a great way to bring life into any design project. With just a few simple steps, anyone can easily add these icons into their projects and then customize them further using HTML tags. This feature allows designers more freedom when creating their work as they are able to truly make each element unique!