FontAwesome as Icon

Can we use FontAwesome as icon in CUBA application? Any example?

Yes you can.
Font elements of Font Awesome can be used instead of files in web client with Halo theme (or derived from it). For this, specify the name of the required constant of the com.vaadin.server.FontAwesome class in the icon property with the font-icon: prefix, for example:


See also

Thank you. it worked perfectly.

Noticed that, some icons doesn’t work. For example:



Any clue?

Hi Mortoza,

Cuba 6.0.* uses FontAwesome of version 4.1.0
Icon TRASH have been added in FontAwesome 4.2 and is not currently available in Cuba 6.0.*
You can see the version of FontAwesome for specific icon on FontAwesome website: [url=][/url]

As to your second icon, please try using this reference:


You can find all the icon definitions in class in your IDE (for Intellij on Mac press Cmd+Shift+O and type

1 Like

Thanks for the feedback. How about Cuba 6.1, does it support a higher version?

CUBA 6.1 includes FontAwesome 4.5.0, so you can use font-icon:TRASH

A post was split to a new topic: FontAwesome icons in CUBA 6.9