Ionic Package Installation #

To get started with the Houston Icons Ionic 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 Ionic project.

1. Get NPM Install Command: #

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

npm i @houstonicons/ionic

2. Import package in your project:#

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

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

Examples #

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

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