Usage

Approaches

There are two approaches for using angular-fontawesome. Each has its own pros and cons, so we leave it to you to decide how you'd like to use the library.

• Explicit Reference
• Icon Library

Whichever approach you choose only the icons you have imported will end up in the bundle, and the remaining ones will be tree-shaken away.

Using Additional Styles

Take advantage of the other FontAwesome icon styles.

• Brand
• Regular
• Light (Pro Only)
• Duotone (Pro Only)

Features

Utilize core FontAwesome features

• Size
• Fixed Width
• Rotate
• Flip
• Animations
• Border
• Pull
• Custom styles

Features specific for Duotone icons

Additional features available for Duotone icons

• Basic use
• Swap layers opacity
• Customize layers opacity
• Customize layers color

Advanced Features

Take your icons to the next level with these advanced features.

• Mask
• Transform
• Stateful Animations
• Transform within binding
• Stacked icons
• Layers
• Layers with text
• Layers with counter
• Programmatic API

Guides

Guides on specific topics or use cases.

• Testing
• Custom icons
• Storybook
• Advanced uses
• Styling icon internals
• Adding CSS