Customizing icons

Here's how to customize the free icons from the TeleportHQ assets manager.

As the icons from the assets manager are SVG (Scalable Vector Graphics) files this means that you can change some of the properties.

To start customizing an icon inside of your project first select the icon in the canvas and go to the Right side panel. Here you will find several options:

Visual editor

In the Right panel, in the Background section you can change the fill property. That will change the inner color of your icon. With the visual editor you can also change other properties such as border, radius or shadow.

Advanced editor

In the Properties section of the Advanced panel you can also add other properties such as the outer background of the icon. These can be set in the Visual tab as well.

Updated on: 06/03/2023