open-index/open-npm huggingface dataset:
npm package: @ngxi/fa-brands
Description: Icon set Font Awesome 5 Brands for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa-brands

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 5 Brands
- **Prefix**: `fa-brands`
- **Icons**: 457
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa-brands
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFaBrands, faBrandsAmazon } from '@ngxi/fa-brands'

@Component({
  imports: [NgxiFaBrands],
  template: `<svg [ngxiFaBrands]="faBrandsAmazon"></svg>`
})
export class UsageIcon {
  protected faBrandsAmazon = faBrandsAmazon
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa-brands
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa-brands
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa-brands?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa-brands
[license-src]: https://img.shields.io/npm/l/@ngxi/fa-brands?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa-brands
npm package: @ngxi/fa-regular
Description: Icon set Font Awesome 5 Regular for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa-regular

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 5 Regular
- **Prefix**: `fa-regular`
- **Icons**: 151
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa-regular
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFaRegular, faRegularBell } from '@ngxi/fa-regular'

@Component({
  imports: [NgxiFaRegular],
  template: `<svg [ngxiFaRegular]="faRegularBell"></svg>`
})
export class UsageIcon {
  protected faRegularBell = faRegularBell
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa-regular
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa-regular
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa-regular?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa-regular
[license-src]: https://img.shields.io/npm/l/@ngxi/fa-regular?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa-regular
npm package: @ngxi/fa-solid
Description: Icon set Font Awesome 5 Solid for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa-solid

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 5 Solid
- **Prefix**: `fa-solid`
- **Icons**: 1001
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa-solid
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFaSolid, faSolidSearchPlus } from '@ngxi/fa-solid'

@Component({
  imports: [NgxiFaSolid],
  template: `<svg [ngxiFaSolid]="faSolidSearchPlus"></svg>`
})
export class UsageIcon {
  protected faSolidSearchPlus = faSolidSearchPlus
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa-solid
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa-solid
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa-solid?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa-solid
[license-src]: https://img.shields.io/npm/l/@ngxi/fa-solid?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa-solid
npm package: @ngxi/fa6-brands
Description: Icon set Font Awesome Brands for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa6-brands

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 6 Brands
- **Prefix**: `fa6-brands`
- **Icons**: 495
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa6-brands
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa6Brands, fa6BrandsStrava } from '@ngxi/fa6-brands'

@Component({
  imports: [NgxiFa6Brands],
  template: `<svg [ngxiFa6Brands]="fa6BrandsStrava"></svg>`
})
export class UsageIcon {
  protected fa6BrandsStrava = fa6BrandsStrava
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa6-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa6-brands
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa6-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa6-brands
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa6-brands?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa6-brands
[license-src]: https://img.shields.io/npm/l/@ngxi/fa6-brands?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa6-brands
npm package: @ngxi/fa6-regular
Description: Icon set Font Awesome Regular for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa6-regular

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 6 Regular
- **Prefix**: `fa6-regular`
- **Icons**: 163
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa6-regular
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa6Regular, fa6RegularMessage } from '@ngxi/fa6-regular'

@Component({
  imports: [NgxiFa6Regular],
  template: `<svg [ngxiFa6Regular]="fa6RegularMessage"></svg>`
})
export class UsageIcon {
  protected fa6RegularMessage = fa6RegularMessage
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa6-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa6-regular
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa6-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa6-regular
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa6-regular?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa6-regular
[license-src]: https://img.shields.io/npm/l/@ngxi/fa6-regular?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa6-regular
npm package: @ngxi/fa6-solid
Description: Icon set Font Awesome Solid for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa6-solid

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome 6 Solid
- **Prefix**: `fa6-solid`
- **Icons**: 1402
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa6-solid
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa6Solid, fa6SolidLocationPin } from '@ngxi/fa6-solid'

@Component({
  imports: [NgxiFa6Solid],
  template: `<svg [ngxiFa6Solid]="fa6SolidLocationPin"></svg>`
})
export class UsageIcon {
  protected fa6SolidLocationPin = fa6SolidLocationPin
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa6-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa6-solid
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa6-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa6-solid
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa6-solid?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa6-solid
[license-src]: https://img.shields.io/npm/l/@ngxi/fa6-solid?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa6-solid
npm package: @ngxi/fa7-brands
Description: Icon set Font Awesome Brands for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa7-brands

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome Brands
- **Prefix**: `fa7-brands`
- **Icons**: 548
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa7-brands
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa7Brands, fa7BrandsStrava } from '@ngxi/fa7-brands'

@Component({
  imports: [NgxiFa7Brands],
  template: `<svg [ngxiFa7Brands]="fa7BrandsStrava"></svg>`
})
export class UsageIcon {
  protected fa7BrandsStrava = fa7BrandsStrava
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa7-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa7-brands
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa7-brands?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa7-brands
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa7-brands?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa7-brands
[license-src]: https://img.shields.io/npm/l/@ngxi/fa7-brands?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa7-brands
npm package: @ngxi/fa7-regular
Description: Icon set Font Awesome Regular for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa7-regular

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome Regular
- **Prefix**: `fa7-regular`
- **Icons**: 272
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa7-regular
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa7Regular, fa7RegularMessage } from '@ngxi/fa7-regular'

@Component({
  imports: [NgxiFa7Regular],
  template: `<svg [ngxiFa7Regular]="fa7RegularMessage"></svg>`
})
export class UsageIcon {
  protected fa7RegularMessage = fa7RegularMessage
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa7-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa7-regular
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa7-regular?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa7-regular
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa7-regular?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa7-regular
[license-src]: https://img.shields.io/npm/l/@ngxi/fa7-regular?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa7-regular
npm package: @ngxi/fa7-solid
Description: Icon set Font Awesome Solid for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fa7-solid

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: Font Awesome Solid
- **Prefix**: `fa7-solid`
- **Icons**: 1983
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [Dave Gandy](https://github.com/FortAwesome/Font-Awesome)
- **Website**: [https://github.com/FortAwesome/Font-Awesome](https://github.com/FortAwesome/Font-Awesome)

## Installation

```sh
pnpm add @ngxi/fa7-solid
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFa7Solid, fa7SolidLocationPin } from '@ngxi/fa7-solid'

@Component({
  imports: [NgxiFa7Solid],
  template: `<svg [ngxiFa7Solid]="fa7SolidLocationPin"></svg>`
})
export class UsageIcon {
  protected fa7SolidLocationPin = fa7SolidLocationPin
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fa7-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fa7-solid
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fa7-solid?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fa7-solid
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fa7-solid?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fa7-solid
[license-src]: https://img.shields.io/npm/l/@ngxi/fa7-solid?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fa7-solid
npm package: @ngxi/fad
Description: Icon set FontAudio for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fad

[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![JSDocs][jsdocs-src]][jsdocs-href]
[![License][license-src]][license-href]

## Icon Set Info

- **Name**: FontAudio
- **Prefix**: `fad`
- **Icons**: 155
- **License**: [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- **Author**: [@fefanto](https://github.com/fefanto/fontaudio)
- **Website**: [https://github.com/fefanto/fontaudio](https://github.com/fefanto/fontaudio)

## Installation

```sh
pnpm add @ngxi/fad
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFad, fadShuffle } from '@ngxi/fad'

@Component({
  imports: [NgxiFad],
  template: `<svg [ngxiFad]="fadShuffle"></svg>`
})
export class UsageIcon {
  protected fadShuffle = fadShuffle
}
```

## Sponsors

<p align="center">
  <a href="https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg">
    <img src='https://cdn.jsdelivr.net/gh/adrian-ub/static/sponsors.svg'/>
  </a>
</p>

## License

CC BY 4.0 License © 2025-PRESENT [Adrián UB](https://github.com/adrian-ub)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fad?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fad
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fad?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fad
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fad?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fad
[license-src]: https://img.shields.io/npm/l/@ngxi/fad?style=flat&colorA=080f12&colorB=1fa669
[license-href]: https://github.com/adrian-ub/ngxi/blob/main/LICENSE
[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
[jsdocs-href]: https://www.jsdocs.io/package/@ngxi/fad