\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n**Table of Contents**\n\n- [Usage](#usage)\n - [Theming](#theming)\n - [Background](#background)\n - [Style with CSS](#style-with-css)\n - [Usage inline with text](#usage-inline-with-text)\n - [Custom Icons](#custom-icons)\n - [Special Cases](#special-cases)\n - [Available](#available)\n\n\n\n\n## Usage\n\nInclude any valid Material icon name inside the component:\n\n```html\nhome\n```\n\nIf the icon name consists of multiple words, use underscores between the words:\n\n```html\nopen_in_new\n```\n\n> See all valid icon possibilities: https://material.io/icons\n\n\n### Theming\n\nIcons support the same themes as the rest of the components:\n\n```html\n\n```\n\nSearch for `TsStyleThemeTypes` to see all allowed types.\n\n\n### Background\n\nIcons can be shown white with a colored background (color is determined by theme) by setting `background` to true.\n\n```html\n\n```\n\n\n### Style with CSS\n\nTo style with CSS, simply target the `fill` inside the `ts-icon` class:\n\n```scss\n.myClass {\n .ts-icon {\n fill: color(accent);\n }\n}\n```\n\n\n### Usage inline with text\n\nTo size and space the icons correctly for use within a block of text:\n\n```html\n\n```\n\n### Custom Icons\n\nCustom icons are accessed via a `ts-icon` `@Input`:\n\n\n```html\n\nhome\n\n\n\n```\n\n#### Special Cases\n\nAny icon with a -color suffix will not accept themes. Currently they accept a background, but the display might be\nproblematic and background should be used with extreme caution. A non \"-color\" version should be used instead.\n\n\n#### Available\n\n| Name | Description | Example Usage |\n|-------------------:|:--------------------------------------------------------|:---------------------------------|\n| `csv` | A file with the text 'CSV' | Upload a CSV |\n| `engage` | A right-pointing arrow stacked on a left-pointing arrow | Navigation for Engage product |\n| `lightbulb` | A lightbulb | Pro-tip box |\n| `logo` | Terminus logo, default is black, but accepts theme | Logo, negative logo |\n| `logo_color` | Terminus logo in correct colors, does not accept theme | Logo like it is supposed to look |\n| `table_large_plus` | A table icon with a plus sign | Editing table columns |\n\n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[gh-release-badge]: https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]: https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/CI%20Release/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n**Table of Contents**\n\n- [Usage](#usage)\n - [Theming](#theming)\n - [Background](#background)\n - [Style with CSS](#style-with-css)\n - [Usage inline with text](#usage-inline-with-text)\n - [Custom Icons](#custom-icons)\n - [Special Cases](#special-cases)\n - [Available](#available)\n\n\n\n\n## Usage\n\nInclude any valid Material icon name inside the component:\n\n```html\nhome\n```\n\nIf the icon name consists of multiple words, use underscores between the words:\n\n```html\nopen_in_new\n```\n\n> See all valid icon possibilities: https://material.io/icons\n\n\n### Theming\n\nIcons support the same themes as the rest of the components:\n\n```html\n\n```\n\nSearch for `TsStyleThemeTypes` to see all allowed types.\n\n\n### Background\n\nIcons can be shown white with a colored background (color is determined by theme) by setting `background` to true.\n\n```html\n\n```\n\n\n### Style with CSS\n\nTo style with CSS, simply target the `fill` inside the `ts-icon` class:\n\n```scss\n.myClass {\n .ts-icon {\n fill: color(accent);\n }\n}\n```\n\n\n### Usage inline with text\n\nTo size and space the icons correctly for use within a block of text:\n\n```html\n\n```\n\n### Custom Icons\n\nCustom icons are accessed via a `ts-icon` `@Input`:\n\n\n```html\n\nhome\n\n\n\n```\n\n#### Special Cases\n\nAny icon with a -color suffix will not accept themes. Currently they accept a background, but the display might be\nproblematic and background should be used with extreme caution. A non \"-color\" version should be used instead.\n\n\n#### Available\n\n| Name | Description | Example Usage |\n|-------------------:|:--------------------------------------------------------|:---------------------------------|\n| `csv` | A file with the text 'CSV' | Upload a CSV |\n| `engage` | A right-pointing arrow stacked on a left-pointing arrow | Navigation for Engage product |\n| `lightbulb` | A lightbulb | Pro-tip box |\n| `logo` | Terminus logo, default is black, but accepts theme | Logo, negative logo |\n| `logo_color` | Terminus logo in correct colors, does not accept theme | Logo like it is supposed to look |\n| `table_large_plus` | A table icon with a plus sign | Editing table columns |\n\n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/master/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/master/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[gh-release-badge]: https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]: https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Github release][gh-release-badge]][gh-releases] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n**Table of Contents**\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [Links to be added](#links-to-be-added)\n- [Usage](#usage)\n - [Theming](#theming)\n - [Background](#background)\n - [Style with CSS](#style-with-css)\n - [Usage inline with text](#usage-inline-with-text)\n - [Custom Icons](#custom-icons)\n - [Special Cases](#special-cases)\n - [Available](#available)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n * @angular/material\n * @terminus/design-tokens\n * @terminus/ngx-tools\n * @terminus/ui-icon\n * @terminus/ui-utilities\n\nUsing `ng add` command can help getting all the dependencies installed:\n\n```bash\n ng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n * TsIconModule\n\n### Links to be added\n\nIn order to have material icons shown up correctly, add this to the top level html\n\n```html\n\n```\n\n## Usage\n\nInclude any valid Material icon name inside the component:\n\n```html\nhome\n```\n\nIf the icon name consists of multiple words, use underscores between the words:\n\n```html\nopen_in_new\n```\n\n> See all valid icon possibilities: https://material.io/icons\n\n\n### Theming\n\nIcons support the same themes as the rest of the components:\n\n```html\n\n```\n\nSearch for `TsStyleThemeTypes` to see all allowed types.\n\n\n### Background\n\nIcons can be shown white with a colored background (color is determined by theme) by setting `background` to true.\n\n```html\n\n```\n\n\n### Style with CSS\n\nTo style with CSS, simply target the `fill` inside the `ts-icon` class:\n\n```scss\n.myClass {\n .ts-icon {\n fill: color(accent);\n }\n}\n```\n\n\n### Usage inline with text\n\nTo size and space the icons correctly for use within a block of text:\n\n```html\n\n```\n\n### Custom Icons\n\nCustom icons are accessed via a `ts-icon` `@Input`:\n\n\n```html\n\nhome\n\n\n\n```\n\n#### Special Cases\n\nAny icon with a -color suffix will not accept themes. Currently they accept a background, but the display might be\nproblematic and background should be used with extreme caution. A non \"-color\" version should be used instead.\n\n\n#### Available\n\n| Name | Description | Example Usage |\n|-------------------:|:--------------------------------------------------------|:---------------------------------|\n| `csv` | A file with the text 'CSV' | Upload a CSV |\n| `engage` | A right-pointing arrow stacked on a left-pointing arrow | Navigation for Engage product |\n| `lightbulb` | A lightbulb | Pro-tip box |\n| `logo` | Terminus logo, default is black, but accepts theme | Logo, negative logo |\n| `logo_color` | Terminus logo in correct colors, does not accept theme | Logo like it is supposed to look |\n| `table_large_plus` | A table icon with a plus sign | Editing table columns |\n\n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[gh-release-badge]: https://img.shields.io/github/release/GetTerminus/terminus-oss.svg\n[gh-releases]: https://github.com/GetTerminus/terminus-ui/releases/\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n**Table of Contents**\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/angular-fontawesome`\n- `@fortawesome/fontawesome-pro`\n- `@fortawesome/fontawesome-svg-core`\n- `@fortawesome/free-brands-svg-icons`\n- `@fortawesome/pro-light-svg-icons`\n- `@fortawesome/pro-regular-svg-icons`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-regular-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: https://fontawesome.com/icons \n> See the underlaying API: https://github.com/FortAwesome/angular-fontawesome/blob/master/docs/usage/features.md\n\n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n**Table of Contents**\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/ngx-tools`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/angular-fontawesome@0.6.0`\n- `@fortawesome/fontawesome-pro`\n- `@fortawesome/fontawesome-svg-core`\n- `@fortawesome/free-brands-svg-icons`\n- `@fortawesome/pro-light-svg-icons`\n- `@fortawesome/pro-regular-svg-icons`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-regular-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: https://fontawesome.com/icons \n> See the underlaying API: https://github.com/FortAwesome/angular-fontawesome/blob/master/docs/usage/features.md\n\n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
Icons
","_id":"@terminus/ui-icon@2.0.10","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-TBYu5BlU1JZxkR8b+9xehnKw/FdbGa4koa09qt4kP6bBJh+1oah6tJiXz2AXckNJiEdqUVpqENLLpCCXAYr7Og==","shasum":"8b41a6fa6b8919c15111f96c2019da836186117e","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.0.10.tgz","fileCount":41,"unpackedSize":150708,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfSUCRCRA9TVsSAnZWagAA1BUP/AhXXzKFOjau8aSiljsm\nQM5bcpBUPgCRFEoAMjYR2Bi1Ndhl/Dd3eyVIgNy30jCG6//TmDQW2+qgq33i\nq1hAJSFDIk3mMQ0IbzhAt7FhGp6bC+8q4+b/o4QFynxvpvIjW9JWnFrV8P+U\na+bAmvx43ksSkHTU/Kx+69KcCX57+s7ntUDquRaEECAHTUhjBrX3UHSRv7e6\nJQz99KKgsYqKrjAPrtWKdVVBK9bQru6jK+lL5EQGXoShO96x0OzR4N3cM6oZ\n4fgywZKZGlvtN07qgIWOQ63N4e+NDscE+LfxzbpJEJyU+SGffbxf4ZDkUIyU\ngzf1WiItfJV79Mmski4QtYr3QIn59VhIYURWiXvCt3lmqCabfyYFKYXPtvPm\nz+kfW66cox7zYv6kQpe+l5ePK4vEqb68VYfUsqbjAbzqddZ1uqyP5ypUatQR\nqXMXjRieqAzSHHIQVtlVD3PnB+9WNnjpkjEAZ4x4mfTu2BA2CWUXyDNObuzq\nznAx1Sr1SYZWcJKa6ZCPzl6W8nJov+vZMCKq6Oo7wDmOkivNgwsZ9orvgHIS\n7+JFRgN2dRQ3I/GiIlKObNyGWukvF6Wjp+J6LJtoRBT7WICtx99K1S2AGesa\nKWNr7XO4e5kImIf4FfY4T7kLcxfOZKsHcC2BJwB3QD3mKoQaAYbOPdVIaga0\nkbVU\r\n=q6Ig\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDmZJokwb7l88ecBczLwzvdiWeSHSXNiFii9YbrKFzvhgIgR42dL7BLg6FSV5ceAHOxhC/uCOgfoI3tGLNqkI1PBgU="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.0.10_1598636177028_0.10560273581398327"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.0.11":{"name":"@terminus/ui-icon","version":"2.0.11","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"
Icons
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
Icons
","_id":"@terminus/ui-icon@2.0.11","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-5tjrQ1NKKU9gmcydXPpOe0ebYplscumeXlVHwqc7TrUvdOqqrOZLLyf2/9PC6AoKyJ3hY2v14J3jTOPIw6Mf/Q==","shasum":"633b7b17a9f5512ed33fccd3497894938f03bb16","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.0.11.tgz","fileCount":41,"unpackedSize":150902,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUXkSCRA9TVsSAnZWagAAqHcQAIsofP3cOM8PAAJeIuMY\nedUBZmF+G9KagRpf77kV1Dov3Vp+BLNIUn7K3GVyuwoSAJRqx/SfFSvntOf8\n1HFUG8PgugRxVEe86TrUV9JQ7YSx81eZThAc5hOSA6UeoXu0FjBiMznmW1qb\nzvj4E0FIyvtaxkm49ds024gV+oWPFGb63gomrbG5UmxwOGup/aB2Oax6ktDY\nJK0vhZVYWvVLpzY9/ljJUAzVWiENqCqIR+o6H9aJDIRusmPIXDKY3Jq1oEfz\nZMxN5VPZu8pT0iBGYxEaxYUTV3eFd6+TbIG9wbnGRYlLg6ycdYbPqfhNwjWH\nG/yNcdnNoAEDP2UJdfCzZl51MBfMWMyp9HpqSxilpDuMQmNpglOXqH6Ku5qc\npDuoj7i5wmAXuWY1P3M5n9YFg5/KhKrVUKp8aG3TC6zzbHMoWVZSnlLuSmom\nAbj2OrJcZ4oC4OAtX+1+HyyyxWCU+uWEOC/iO2LGwI1O3N79PmAOHOVUyw82\nDnlg4/gfJf+1ik3567b/hVGcBPuipbTS9vcKkDmZZVbV9kW0dgqFtF/CQ0DK\n2+TMlus1aEOH7TKY8gIno4B+WDdvubKaKxLuJhluP6A2iuFcnWxthqY/PPUo\nVo47ZdPVIdraaOc/lUgRq34Jdc8mpepViYVefUiAcCQbymXDUIBFVwLW56zs\n0DS8\r\n=c1SD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF7SYU1P1/1M+IJs5tTDD7eOHPdbDEFd863lAdgeRm4OAiAz2GltT3XLS9kL164j1ld1iSbIamxYl0jGGJOmaQmLpQ=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.0.11_1599174930230_0.844587353262997"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.0.12":{"name":"@terminus/ui-icon","version":"2.0.12","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.1.0","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"
Icons
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
Icons
","_id":"@terminus/ui-icon@2.0.12","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-Qc0RBeKY7lTfvfUkBPNGxTkk5V1DzAqRoGXkoE7vb0WNvf2mrmxuNZFaxc6w7x71GoSxhceO3eyiju7uC1sQQg==","shasum":"893a9c9aebf1179370607ec0c113feadf649d09e","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.0.12.tgz","fileCount":41,"unpackedSize":151118,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfUlbxCRA9TVsSAnZWagAAtIoP/ip8+0wHQrHV9Fb5TvRo\n7RRprlMgAjBSx+vd47twop8TaCyF6ntZfBlNHzwprFHQ9DaO9UPopjjCZFTk\nxQ8oTf4iQS+rOaNEf75H6/HZA43m87gE/32pCkwr4ZSNKS/GMJ5rB6vol3cc\nmIHTNDNfn6jMx1mfobEGJUKY6k7s4LhmojdSXpdimW2vGqgNU8iq0taTdZrD\nclr61+NzLrAl2icG7J205JM57fXkaFXxNnpdPdZjv6DEyPGiVcVLzCxGtj8v\ndXf0ANIRLIkIKmbdFYUKC8H4xLQmCWdD3x8bVJxLG+T0x4GtQn1O5TtvDpWT\nI9RScjtBb6eEycAvCuxDXIK8tIyPX8ZBbLMusFAG486fet3aae5n5+laEMmv\nXq2V65CrCPA2eHjHp6AZolO03zUCWV9iMWiSvH0WjKDcCGKm0F6qxMx9HEWG\nC9j9wDv7CuDyM3iuPlrvjKiRWINaDhjc9Hk+u8GmtxqLrL2FNVkp+pOQ9ZJO\nNw67LdUYsVi5V8yh0X0B5sYFxa+VZW8dQIjBRZVlj4FpXjSx0WB8si608WNj\n8Fq4NBpseWv9wpS20qqfNr6gSPRTPdbXq3BMhA0u6FbfjoSyez7/QCFZGgGf\n7qsguMkiOnJQwvYL/8dclfdZG4VCU57DQYnJIxWmuaOv4e96nXlQGZNAO4bm\n1qEn\r\n=3Th8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHPXtY0ErumnMXj7QG6FGUMGN8B2jLglFaiAMCvpeZV1AiAgtIKCTcsGI83diBx6F7VhJ/WL747A1BABipCMFv5wiQ=="}]},"maintainers":[{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"terminus_devops","email":"devops@terminus.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.0.12_1599231728725_0.29120226748556255"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.1.0":{"name":"@terminus/ui-icon","version":"2.1.0","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"
Icons
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
Icons
","_id":"@terminus/ui-icon@2.1.0","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-FzStH9iDivMKum+ktckS4Vz9DZrA0mBoFP6adrV9mXwDZbYxocIJPqfhgFvaNCV8yTVN5rq00nGiZkejX4rF0g==","shasum":"1ff3b54028b48ba69351f86dbbaa8e2557b01dad","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.1.0.tgz","fileCount":41,"unpackedSize":151611,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfV9LrCRA9TVsSAnZWagAAAkYP/jf6/qnDre8L2whA4Nv0\nIykjbFlTv4xxKpGtE6MyVDuuzNJvxKZUbBpUKkWhSzXpLsPBLSX/bErqWqgI\nFCEvgUeFj2fBOLljQ40+thm/Bw7Hd56I4TWOOqFRUn+hzbihxCZFfcPhEiZL\nUKCGITuAVwLTeJLWtWim+ILPdUWXTE2YRHpQigqZvLy1WwEF2bPL2p0NEOEA\nPq4vRTLu47CGF4tkVPkHsdZEo8DUeYgz5miUrRfUXuaRQTJz+RySHLiKYtEX\nAXUAJbcTHMkNf1u2fc24wyN2xClmOzU5xzvQjd5matG3m9vSv639pF1x9Nb9\nNawqhTZsvxjOcWSPTSfDbnsUnT+evfxOVcr70/KyYLjJsRVJ2RLBl9PC2Tzf\n3PGb2xnYWDhtoZp94xsOevULGej+5QzZBoviD7j4R0NuZsG2cCGk1MqspGql\nel8zcaC1FJ1rsCeslnrXRPdfxpTpfQBWm01DOkPK6zrjNGYdalhtUsgOVdBT\nncYK8v4pVpRz84LEEEIW2wxp8JEAuvh+UA4ebI4u4dcuM3ZkbZ7cen/o9WJn\n+InwQlQR59N3mEkpAA6QcsLpEy8KLiJmPA9rt0xQGrhUVJ1LoqXbNTS720Hh\nSwUocKxZv4Ka7Hh3vi4VUB0LxrfBulAV0KVouciRouo1Kqvs2H+xmJst8m+t\n7G2M\r\n=THGT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIC+YKpdmTsuYPrPYk/sW/VBirK+45XlKyxeovGS3+85gAiEAqcoBu1HAsE3xx88AqiCRegLLsGrLheakHm1armbOl2Q="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.1.0_1599591147284_0.15741553292955768"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.1.1":{"name":"@terminus/ui-icon","version":"2.1.1","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"
Icons
","_id":"@terminus/ui-icon@2.1.1","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-Y0ogBDPY1Og6+nboTUpYDSq/rJChqpFebclANB9R4J+PQal6S4T4OM2R7i2mEoxEFN2m8VvVYzweyqwZ/aA0eg==","shasum":"312c19a981e57d59922a349f345e6500a59dc627","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.1.1.tgz","fileCount":41,"unpackedSize":151802,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfW7VYCRA9TVsSAnZWagAA9fUP/3uHbe/L94WEjVMy9PvR\n4MKpGmBBj203Ej1qkoHChmeTgqVqu/hs5uiGSq6zJdTad6vcSHaVJFmAEpUG\nsfBZtF01FY1VIU/i48z2RisHzw/C4T6VAUD8S/AKR+0Z3358YvtpWT+qV8mn\nyKPQvagu52kx0I2ekuHYtzQ6yVjkWTHCP86w+lh/uRj7iBxdLdXJcb989ygb\niuwrf00e4wpffqdCYdDhEq5BgNaH0/uBjdjviM887qdyNZvybIo7qYb9RKWD\nmc7R/b1syTQPNPjXa30odSHEcwPDGK01h5MbeOG+N+fVjJ8m0auhlU+nP1Zn\nW9BVOV3Uqss+MwyoIXp4LymXpOog94lfUqecrHXeOa+j52zRR0LvbK/mo/lC\nTrEZt9EIBJmwV1nC81b45zUF3rrUWJj7c2HebxSbsx52LqS6EQUGcHF6ay2V\n2dejTwLPjBZzfsK/Bpfh3W4K2bPIdgKAESbeeI7/OuN1+iJnG8I/jDa3//Je\n+BSE/UkkYHJ1kI0w8xbs/hPVzfKf6WqfESaC0ZYsB/Rikj3bp6rUBAhd9SlC\nczQikFF1+Tw1DHKduOJA6iERv5thgM56klrEsPtvLxeaafj1XmhHW48p6/Bd\n4JLrsI0cT/x5dkx2k/rBD1ZFik4sejrKKnjrLVFPrALbl4/jxrx16q5BymKB\nS3fI\r\n=RoP2\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEKaC//3R/kNvAYWiXPUwiNl1VBAerD5HxFgYJ8hlYFJAiBuF1VeV3GK+mImLvkYGn9cUInirZqK/T7AH862rY+bEQ=="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.1.1_1599845719867_0.5834323735664215"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.1.2":{"name":"@terminus/ui-icon","version":"2.1.2","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.2","date-fns":"2.15.0","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"readme":"
Icons
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md","description":"
Icons
","_id":"@terminus/ui-icon@2.1.2","_nodeVersion":"12.18.3","_npmVersion":"lerna/3.22.1/node@v12.18.3+x64 (linux)","dist":{"integrity":"sha512-AYNZoWj9H28PzL4CTjrUGllfdqSArAkYe1WvGeSed8P1X0YDoSuGM6bc40iA/FY/f6jVJSMD4i7yotSEoJTDkg==","shasum":"2b74461f0a400913135460e5967a6947f3248e65","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.1.2.tgz","fileCount":41,"unpackedSize":152329,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfX6qoCRA9TVsSAnZWagAAfMUP/1C+2SA+n4z53RmMqD28\nKYuqOMqf4xCD8xlZ77rvLt9C3QKzfDn8NVtN1SWIAgNKC29fgOeKQ/q0uUNd\nscnlRf5L8d4g+iJvjTu9HKWuqkCa1AGeWg+ftCOTRIqtTMcc92xObbL3iDkX\nxAT30YdIG4ZSeTOSvlUdA8d0WubTRKWGEYO8+PSPtdFuRYMC8dkRYkRlIEJq\nWrolOgwiYdnCLYKrHj9ytEmvMCFeHF8lXcHD3xVwosdOBB0xJy1L0JNPsYOp\nerAUrTTdDcwRwZv4bmR8RDzwCiTo10XOUD3nTA092CjVbOGKq827BRU+bLPt\neG+aG58NR8gtqu98WgpcPPME3tvXeVT1080ltLIVDxdAiMebRaZJZlaC9k9s\n+OmFswl9SGEzUc+GmF9Q8G/+AJidzlaBZ5B2TVwih2k14088cOyKmnUaUq3x\nadFKyyMNzOw7dbc7ityW7211aHRi75dhHQQqMLqTarID9TfU/uTODMfnwnBe\n4S80RsQ5cZd+jCfbPkYwzeBN7FyFQNCmNu51oAdP+IlAe7HDcjQIky1Ba+Ym\nXvzGM2YWXwuyKhcLSFs9gS8qcdxTdo3vNEog2MdeRCMHZKawCfHlfTiijFmx\n/RYiANL9m81slcu3iwkEzdCnVD7P2ZU+tBPv6MoXcQeCLVwxMmCCchWGF0Rb\nugtH\r\n=j1XH\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBsTY7H+cEnYaaThV6kzoaaZT8chqQ5hym+Yy94yGE+TAiEA948htfHbD3P7wlCrELF6QuotWtTUCo53Kzz/mzWqnaU="}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.1.2_1600105127586_0.5602607671698887"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.1.3":{"name":"@terminus/ui-icon","version":"2.1.3","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.3","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"
Icons
","_id":"@terminus/ui-icon@2.1.3","_nodeVersion":"12.18.4","_npmVersion":"lerna/3.22.1/node@v12.18.4+x64 (linux)","dist":{"integrity":"sha512-gwZXx4wzrfrtwXKXov8PKNMclh0VeThq+3mMQKYg6cu2o/7/27vX3Y39p8AgoIKesOYiy3r4prg4s6vsxoB0kg==","shasum":"8ea66cb9f9696515a1a48d5baa0bcecac39eb780","tarball":"https://registry.npmjs.org/@terminus/ui-icon/-/ui-icon-2.1.3.tgz","fileCount":41,"unpackedSize":134447,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfdzcnCRA9TVsSAnZWagAA4bwP/3jaUBQMAJyqRd+5kJWE\nQObgVs/eIqhMKePBdRc1QBwTh8ec5USUZM5q+6xfERPZb20WiyRwpdbFD8YV\n0wJicLfYhPxC0MaIPQkZCXBem2iKg3AkwnURm3m1ZMKBOkREEXetHdHb0WZ4\neBAM68AQyRJ9LJThatJmHi4qBW+0lW/EbPYhVLafzuxCYC1By1+bZeEd1cFa\nZxE5jM2BlFb47EfP4j8ymplaBtgEevm57KVRBjrdaGB5TOkhEdIfRsDWUX2x\ng0KdytZCMrORNcXXFtDg/HLo91DroK6JA6gEZtkv7P0lx8MTineNOPx7xDdG\nGMnbge7BAAeHHJPiiHBxeUIvysBDAx3vjyug8BDt6ESA+3hQxi6SiaOKAn7p\nfVGtUUaZjPEJZoxQYoh6WpYjFp4uk9WSlO6QReFqF0flC2Jtg3RQFKtt1UkF\nulytl8iAlnQnKVgSXd5dDZqhGkrq2vSRiaZjY09PUvNBKk9kvALO/J0dciJ2\nwE9JPkIko/Of+uzPTkfYexzZS0WJYQOajya4fW6x9miM6gBLSpIfmUS8/Mkz\nFynItBzfLfODOW6/pW+Yef5oK9ZfdRMhgbVJ+n2PwhbFqYJKZOefsX9n0cLH\nqlma17Ih8t737b6eLnE3PV0BhGEF+MeL3x1+rMCslQwyjTJJjp15riu5ZEqP\nTj+7\r\n=5HyS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC6ysa14djiVC1TGAtwevr26uoZPyrUqgSxL3JOHcLWVgIhAKYbvBvRwRKTIwMZvCYL5OD0MfDdMm7EudHsey86sbOH"}]},"maintainers":[{"name":"terminus_devops","email":"devops@terminus.com"},{"name":"atlwendy","email":"atlwendy@gmail.com"},{"name":"bmalinconico-terminus","email":"brian.malinconico@terminus.com"},{"name":"benjamincharity","email":"ben@benjamincharity.com"}],"_npmUser":{"name":"terminus_devops","email":"devops@terminus.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-icon_2.1.3_1601648423372_0.7072549034196771"},"_hasShrinkwrap":false,"deprecated":"Deprecated due to bug with underlying icon library. Please use >=2.1.4"},"2.1.4":{"name":"@terminus/ui-icon","version":"2.1.4","license":"MIT","author":{"name":"@terminus"},"private":false,"homepage":"https://github.com/GetTerminus/terminus-oss","repository":{"type":"git","url":"git+https://github.com/GetTerminus/terminus-oss.git"},"bugs":{"url":"https://github.com/GetTerminus/terminus-oss/issues"},"publishConfig":{"access":"public","tag":"next","directory":"../../../dist/libs/ui/icon"},"peerDependencies":{"@angular/common":"^9.1.0","@angular/core":"^9.1.0","@angular/material":"^9.2.4","@angular/platform-browser":"^9.1.0","@terminus/design-tokens":"^3.1.0","@terminus/fe-utilities":"^1.1.0"},"schematics":"./schematics/collection.json","main":"bundles/terminus-ui-icon.umd.js","module":"fesm5/terminus-ui-icon.js","es2015":"fesm2015/terminus-ui-icon.js","esm5":"esm5/terminus-ui-icon.js","esm2015":"esm2015/terminus-ui-icon.js","fesm5":"fesm5/terminus-ui-icon.js","fesm2015":"fesm2015/terminus-ui-icon.js","typings":"terminus-ui-icon.d.ts","metadata":"terminus-ui-icon.metadata.json","sideEffects":false,"dependencies":{"tslib":"^1.10.0","@angular/forms":"9.1.11","rxjs":"6.6.3","date-fns":"2.16.1","@angular/router":"9.1.11","ngx-webstorage-service":"4.1.0","ngx-clipboard":"13.0.1","@angular/flex-layout":"9.0.0-beta.31","@angular-devkit/schematics":"9.1.9","@schematics/angular":"9.1.12","@fortawesome/fontawesome-svg-core":"1.2.30","@fortawesome/angular-fontawesome":"0.6.0","@fortawesome/pro-solid-svg-icons":"5.14.0"},"description":"
\n\n[![CI/CD Status][github-action-badge]][github-action-link] [![Codecov][codecov-badge]][codecov-project] [![MIT License][license-image]][license-url] \n[![NPM version][npm-version-image]][npm-package] [![Library size][file-size-badge]][raw-distribution-js]\n\n\n\n## Table of Contents\n\n- [Installation](#installation)\n - [Packages that need to be installed](#packages-that-need-to-be-installed)\n - [Modules that need to be in NgModule](#modules-that-need-to-be-in-ngmodule)\n - [CSS imports](#css-imports)\n- [Usage](#usage)\n\n\n\n## Installation\n\n### Packages that need to be installed\n\n- `@angular/material`\n- `@terminus/design-tokens`\n- `@terminus/fe-utilities`\n- `@terminus/ui-icon`\n- `@terminus/ui-utilities`\n- `@fortawesome/pro-solid-svg-icons`\n\nUse the `ng add` command to quickly install all the needed dependencies:\n\n```bash\nng add @terminus/ui-icon\n```\n\n### Modules that need to be in NgModule\n\n- `TsIconModule`\n\n### CSS imports\n\nIn your top level stylesheet, add these imports:\n\n```css\n@import '~@terminus/design-tokens/css/library-design-tokens.css';\n@import '~@terminus/ui-styles/terminus-ui.css';\n``` \n\n## Usage\n\nImport any FontAwesome icon and pass it in:\n\n```typescript\nimport { faHome } from '@fortawesome/pro-solid-svg-icons/faHome';\n...\npublic home = faHome;\n```\n\n```html\n\n```\n\n> See all valid icon possibilities: \n> See the underlaying API: \n\n\n[license-url]: https://github.com/GetTerminus/terminus-oss/blob/release/LICENSE\n[license-image]: http://img.shields.io/badge/license-MIT-blue.svg\n[codecov-project]: https://codecov.io/gh/GetTerminus/terminus-oss\n[codecov-badge]: https://codecov.io/gh/GetTerminus/terminus-oss/branch/release/graph/badge.svg\n[npm-version-image]: http://img.shields.io/npm/v/@terminus/ui-icon.svg\n[npm-package]: https://www.npmjs.com/package/@terminus/ui-icon\n[github-action-badge]: https://github.com/GetTerminus/terminus-oss/workflows/Release%20CI/badge.svg\n[github-action-link]: https://github.com/GetTerminus/terminus-oss/actions?query=workflow%3A%22CI+Release%22\n[file-size-badge]: http://img.badgesize.io/https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.min.js?compression=gzip\n[raw-distribution-js]: https://unpkg.com/@terminus/ui-icon/bundles/terminus-ui-icon.umd.js\n","readmeFilename":"README.md"}