Adding icons via the UI library and search
On this page
Icons from the amazing Font Awesome icon set are pre-installed. It contains over 6308 icons in a wide range of categories that can be sized from extra small (XS) to double extra large (XXL).
Icons have their own category in the UI Library so you can drag and drop them just like any other control.
They also show up in the search results, saving you time when searching by name or keyword.
Icon search results are shown below any UI controls that match the text you enter.
Note: You can mix icons and text in any text-based control.
Adding and swapping icons via the property inspector
Some controls allow you to add icons to them (buttons, for example). You can do this from the Property Inspector in one of two ways: the icon search and the icon library dialog.
Icon search
If the control you selected support icons, you will see the icon search box in the Property Inspector. This works much like search, just type a few letters from the name of the icon you are looking for and a list of suggestions will pop up as a grid of icons to choose from. Just click on the one you want to select it.
You can then size the icon from "XS" (16px) to "XXL" (128px). You can also rotate icons in 90 degree increments using the button next to the search box.
The icon library dialog
If you'd like to explore all the icons that are available, click on the icon to the right of the icon search box.
This will bring up the icon library dialog, where you can browse the icons by category and preview them at different sizes. You can double-click an icon to select it immediately or click once to select and then click the "Select" button to add it.
Once you have selected an icon, you can resize, rotate or remove it via the Property Inspector.