How to add icons to your text

1 min. read

You can add any icon from our Font Awesome Icon catalog to the text in any text-based UI element by enclosing the icon name in colons.

Data grid showing currency symbols with text codes for Euro, Yen, Sterling, and Dollar in a side panel.

If you are not sure of the icon name just type a colon, start typing then select the icon from the drop-down list.

Currency data grid with drop-down menu open, showing options for different sterling sign icons to insert.
Author

Alasdair Manson
Alasdair Manson

Customer Success Specialist

Questions or feedback? Email alasdair@balsamiq.com.

Related articles


How to add a background color to any UI element

A trick to add backgrounds to any UI element in Balsamiq.

How to add a blank row to a combobox or menu element

A neat trick to add a blank row to two common Balsamiq UI elements.

How to keep form labels aligned

A neat trick to keep labels in Balsamiq wireframes aligned even after editing them.


Other topics you might be interested in

Our monthly emails will make you better at your job

Get our inside stories on product design, making things people love, and running a business built to last. Delivered once a month to your inbox.