font-awesome-6
Reactive icon

Font Awesome 6

Stable version 2.0.1 (Compatible with OutSystems 11)
Published on 16 Mar by 
5.0
 (7 ratings)
font-awesome-6

Font Awesome 6

Details
Font Awesome 6 Free Icons (https://fontawesome.com/v6.0)
Read more

Font Awesome 6 Icons Library

This initial version is based on the Font Awesome 6 Beta 3, and will be updated as soon as new updates are released from Font Awesome (https://fontawesome.com/v6.0).

Main Features include:

  • 1733 Icons (Free)
  • 3 Styles (Solid, Regular, Brands)
  • 16 Standard Icon Sizes
  • 3 Rotation Angles (90º, 180º, 270º)
  • 3 Flip Effects (Horizontal, Vertical, Both)
  • 8 Animation Effects
  • Stacked Icons
  • Prefixed CSS Classes (they don't override other Font Awesome libraries, mainly the standard Outsystems Platform Icons library)


The component exposes 2 Blocks:

  • FAIcon
  • FAStackedIcon


Just drag and drop the Icon Block to your Page or Block, and set the input parameters accordingly.

The Demo allows you to play with the options, and see them in action.

What’s new (2.0.1)
  • Fixed a bug with an override of the default FontAwesome @font-face setting, which would override the default Font Awesome settings of the standard Outsystems icons (thank you Bart Nooijens for your feedback)
Reviews (1)
12 Mar
in version 2.0.0
There are no conflicts when using this component with OutSystems built in Icons (98% implementation of FontAwesome 4.7).  This component has refactored all the FontAwesome 6 CSS class names from fa to fa6 as not to conflict with and existing FontAwesome CSS style sheets that the platforms or other components (IconsForEveryone, etc.) might include.

The only downside in using this component is that all icons are rendered as a generic icon within ServiceStudio (a limitation of OutSystems not exposing the same interfaces that they use in their internal components to user developed components).
Silk UI Framework Simulation Device
Resize the window to preview the page in target devices.
Open the settings to change the simulation device options.