Angular Package Installation #

To get started with the Houston Icons Angular package, you need to install it from npm or yarn.

Installation #

Follow the steps below to install the Houston Icons package and start using the icons in your Angular project.

1. Get NPM Install Command: #

Navigate to the NPM and copy command to install the @houstonicons/angular package:

npm i @houstonicons/angular

2. Import package in your project:#

In your Angular project, import the module in the .module.ts file of your project.

import { HoustonIconsModule } from '@houstonicons/angular'
@NgModule {(
imports: [...,HoustonIconsModule],
)}

Examples #

Here's a quick example of how to use an icon in a Angular component:

<houston-abacus-icon 
[iconSize]="48" 
[fillType]="'solid'" 
[cornerStyle]="'rounded'" 
[color]="'#FFFFFF'" 
/>