@terminus/ui-icon

Icons

Table of Contents

• Installation
  • CSS imports
• Usage

Installation

ng add @terminus/ui-icon

CSS imports

In your top-level stylesheet, add these imports:

@import '~@terminus/design-tokens/css/library-design-tokens.css';
@import '~@terminus/ui-styles/terminus-ui.css';

Usage

Import any FontAwesome icon and pass it in:

import { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';
...
public home = faHome;

<ts-icon [icon]="home"></ts-icon>

See all valid icon possibilities: https://fontawesome.com/icons
See the underlaying API: https://github.com/FortAwesome/angular-fontawesome/blob/master/docs/usage/features.md