# Custom Icons (Pro)

Importing custom icon packs created with Fontello, Icomoon, or Fontastic has never been easier. Any new icon pack added will be available in Zion Builder icon library popup when customizing the elements on your page. The custom icons added on the page, support the customization of the same style as the default ones ( adjust the size, color, positioning, etc. ).

Once you have generated and downloaded your custom font set, you now need to upload it to your site from Zion Builder dashboard.

<figure><img src="https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2Fj6wWdWwOFQLeR1dKNJ9j%2Fcustom-icons-pro.gif?alt=media&#x26;token=c8e01705-49ea-48cf-8aec-c18d0caf05e2" alt=""><figcaption></figcaption></figure>

OK, that’s it. Your custom icon set is now installed. To use it, head to any element that uses an icon, including the Icon Element. There, you will see any custom icon sets at the top left of the icon picker, and you can now just choose the set and select icons from that.

![](https://2798932742-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKBGfOeYOvP45qYmu7SWy%2Fuploads%2FFS4bd2PxfYHcA0uSDcT3%2Fimage.png?alt=media\&token=62813e31-9098-42da-b892-ddf2c989c4d2)
