How to use and customize Icons

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

The last section of the Assets manager contains Icons. Here you will over 30 categories of icons that you can use to create your website or UI. The icons are SVG files that you can easily customize to fit with your personal brand.

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:

• Select the icon in the canvas
• Go to the Right side panel.

Here you will find several options:

Icons section

Customize icons in the 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.

Customize icons in the 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: 28/03/2025