open-index/open-npm huggingface dataset:
npm package: @ngxi/famicons
Description: Icon set Famicons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/famicons

[![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**: Famicons
- **Prefix**: `famicons`
- **Icons**: 1342
- **License**: [MIT](https://github.com/familyjs/famicons/blob/main/LICENSE)
- **Author**: [Family](https://github.com/familyjs/famicons)
- **Website**: [https://github.com/familyjs/famicons](https://github.com/familyjs/famicons)

## Installation

```sh
pnpm add @ngxi/famicons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFamicons, famiconsBackspaceOutline } from '@ngxi/famicons'

@Component({
  imports: [NgxiFamicons],
  template: `<svg [ngxiFamicons]="famiconsBackspaceOutline"></svg>`
})
export class UsageIcon {
  protected famiconsBackspaceOutline = famiconsBackspaceOutline
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/famicons?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/famicons
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/famicons?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/famicons
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/famicons?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/famicons
[license-src]: https://img.shields.io/npm/l/@ngxi/famicons?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/famicons
npm package: @ngxi/fe
Description: Icon set Feather Icon for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fe

[![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**: Feather Icon
- **Prefix**: `fe`
- **Icons**: 255
- **License**: [MIT](https://github.com/feathericon/feathericon/blob/master/LICENSE)
- **Author**: [Megumi Hano](https://github.com/feathericon/feathericon)
- **Website**: [https://github.com/feathericon/feathericon](https://github.com/feathericon/feathericon)

## Installation

```sh
pnpm add @ngxi/fe
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFe, feAddCart } from '@ngxi/fe'

@Component({
  imports: [NgxiFe],
  template: `<svg [ngxiFe]="feAddCart"></svg>`
})
export class UsageIcon {
  protected feAddCart = feAddCart
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fe?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fe
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fe?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fe
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fe?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fe
[license-src]: https://img.shields.io/npm/l/@ngxi/fe?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/fe
npm package: @ngxi/feather
Description: Icon set Feather Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/feather

[![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**: Feather Icons
- **Prefix**: `feather`
- **Icons**: 286
- **License**: [MIT](https://github.com/feathericons/feather/blob/master/LICENSE)
- **Author**: [Cole Bemis](https://github.com/feathericons/feather)
- **Website**: [https://github.com/feathericons/feather](https://github.com/feathericons/feather)

## Installation

```sh
pnpm add @ngxi/feather
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFeather, featherCheckCircle } from '@ngxi/feather'

@Component({
  imports: [NgxiFeather],
  template: `<svg [ngxiFeather]="featherCheckCircle"></svg>`
})
export class UsageIcon {
  protected featherCheckCircle = featherCheckCircle
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/feather?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/feather
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/feather?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/feather
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/feather?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/feather
[license-src]: https://img.shields.io/npm/l/@ngxi/feather?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/feather
npm package: @ngxi/flag
Description: Icon set Flag Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/flag

[![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**: Flag Icons
- **Prefix**: `flag`
- **Icons**: 542
- **License**: [MIT](https://github.com/lipis/flag-icons/blob/main/LICENSE)
- **Author**: [Panayiotis Lipiridis](https://github.com/lipis/flag-icons)
- **Website**: [https://github.com/lipis/flag-icons](https://github.com/lipis/flag-icons)

## Installation

```sh
pnpm add @ngxi/flag
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFlag, flagFr1x1 } from '@ngxi/flag'

@Component({
  imports: [NgxiFlag],
  template: `<svg [ngxiFlag]="flagFr1x1"></svg>`
})
export class UsageIcon {
  protected flagFr1x1 = flagFr1x1
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/flag?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/flag
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/flag?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/flag
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/flag?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/flag
[license-src]: https://img.shields.io/npm/l/@ngxi/flag?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/flag
npm package: @ngxi/flagpack
Description: Icon set Flagpack for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/flagpack

[![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**: Flagpack
- **Prefix**: `flagpack`
- **Icons**: 255
- **License**: [MIT](https://github.com/Yummygum/flagpack-core/blob/main/LICENSE)
- **Author**: [Yummygum](https://github.com/Yummygum/flagpack-core)
- **Website**: [https://github.com/Yummygum/flagpack-core](https://github.com/Yummygum/flagpack-core)

## Installation

```sh
pnpm add @ngxi/flagpack
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFlagpack, flagpackCi } from '@ngxi/flagpack'

@Component({
  imports: [NgxiFlagpack],
  template: `<svg [ngxiFlagpack]="flagpackCi"></svg>`
})
export class UsageIcon {
  protected flagpackCi = flagpackCi
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/flagpack?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/flagpack
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/flagpack?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/flagpack
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/flagpack?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/flagpack
[license-src]: https://img.shields.io/npm/l/@ngxi/flagpack?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/flagpack
npm package: @ngxi/flat-color-icons
Description: Icon set Flat Color Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/flat-color-icons

[![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**: Flat Color Icons
- **Prefix**: `flat-color-icons`
- **Icons**: 329
- **License**: [MIT]()
- **Author**: [Icons8](https://github.com/icons8/flat-Color-icons)
- **Website**: [https://github.com/icons8/flat-Color-icons](https://github.com/icons8/flat-Color-icons)

## Installation

```sh
pnpm add @ngxi/flat-color-icons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFlatColorIcons, flatColorIconsEditImage } from '@ngxi/flat-color-icons'

@Component({
  imports: [NgxiFlatColorIcons],
  template: `<svg [ngxiFlatColorIcons]="flatColorIconsEditImage"></svg>`
})
export class UsageIcon {
  protected flatColorIconsEditImage = flatColorIconsEditImage
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/flat-color-icons?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/flat-color-icons
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/flat-color-icons?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/flat-color-icons
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/flat-color-icons?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/flat-color-icons
[license-src]: https://img.shields.io/npm/l/@ngxi/flat-color-icons?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/flat-color-icons
npm package: @ngxi/flat-ui
Description: Icon set Flat UI Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/flat-ui

[![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**: Flat UI Icons
- **Prefix**: `flat-ui`
- **Icons**: 100
- **License**: [MIT](https://github.com/designmodo/Flat-UI/blob/master/LICENSE)
- **Author**: [Designmodo, Inc.](https://github.com/designmodo/Flat-UI)
- **Website**: [https://github.com/designmodo/Flat-UI](https://github.com/designmodo/Flat-UI)

## Installation

```sh
pnpm add @ngxi/flat-ui
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFlatUi, flatUiMap } from '@ngxi/flat-ui'

@Component({
  imports: [NgxiFlatUi],
  template: `<svg [ngxiFlatUi]="flatUiMap"></svg>`
})
export class UsageIcon {
  protected flatUiMap = flatUiMap
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/flat-ui?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/flat-ui
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/flat-ui?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/flat-ui
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/flat-ui?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/flat-ui
[license-src]: https://img.shields.io/npm/l/@ngxi/flat-ui?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/flat-ui
npm package: @ngxi/flowbite
Description: Icon set Flowbite Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/flowbite

[![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**: Flowbite Icons
- **Prefix**: `flowbite`
- **Icons**: 751
- **License**: [MIT](https://github.com/themesberg/flowbite-icons/blob/main/LICENSE)
- **Author**: [Themesberg](https://github.com/themesberg/flowbite-icons)
- **Website**: [https://github.com/themesberg/flowbite-icons](https://github.com/themesberg/flowbite-icons)

## Installation

```sh
pnpm add @ngxi/flowbite
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFlowbite, flowbiteUserOutline } from '@ngxi/flowbite'

@Component({
  imports: [NgxiFlowbite],
  template: `<svg [ngxiFlowbite]="flowbiteUserOutline"></svg>`
})
export class UsageIcon {
  protected flowbiteUserOutline = flowbiteUserOutline
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/flowbite?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/flowbite
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/flowbite?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/flowbite
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/flowbite?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/flowbite
[license-src]: https://img.shields.io/npm/l/@ngxi/flowbite?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/flowbite
npm package: @ngxi/fluent
Description: Icon set Fluent UI System Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent

[![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**: Fluent UI System Icons
- **Prefix**: `fluent`
- **Icons**: 18519
- **License**: [MIT](https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui-system-icons)
- **Website**: [https://github.com/microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons)

## Installation

```sh
pnpm add @ngxi/fluent
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluent, fluentZoomOut24Filled } from '@ngxi/fluent'

@Component({
  imports: [NgxiFluent],
  template: `<svg [ngxiFluent]="fluentZoomOut24Filled"></svg>`
})
export class UsageIcon {
  protected fluentZoomOut24Filled = fluentZoomOut24Filled
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent?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/fluent
npm package: @ngxi/fluent-color
Description: Icon set Fluent UI System Color Icons for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent-color

[![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**: Fluent UI System Color Icons
- **Prefix**: `fluent-color`
- **Icons**: 889
- **License**: [MIT](https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui-system-icons)
- **Website**: [https://github.com/microsoft/fluentui-system-icons](https://github.com/microsoft/fluentui-system-icons)

## Installation

```sh
pnpm add @ngxi/fluent-color
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluentColor, fluentColorMic20 } from '@ngxi/fluent-color'

@Component({
  imports: [NgxiFluentColor],
  template: `<svg [ngxiFluentColor]="fluentColorMic20"></svg>`
})
export class UsageIcon {
  protected fluentColorMic20 = fluentColorMic20
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent-color?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent-color
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent-color?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent-color
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent-color?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent-color
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent-color?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/fluent-color
npm package: @ngxi/fluent-emoji
Description: Icon set Fluent Emoji for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent-emoji

[![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**: Fluent Emoji
- **Prefix**: `fluent-emoji`
- **Icons**: 3126
- **License**: [MIT](https://github.com/microsoft/fluentui-emoji/blob/main/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui-emoji)
- **Website**: [https://github.com/microsoft/fluentui-emoji](https://github.com/microsoft/fluentui-emoji)

## Installation

```sh
pnpm add @ngxi/fluent-emoji
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluentEmoji, fluentEmojiAvocado } from '@ngxi/fluent-emoji'

@Component({
  imports: [NgxiFluentEmoji],
  template: `<svg [ngxiFluentEmoji]="fluentEmojiAvocado"></svg>`
})
export class UsageIcon {
  protected fluentEmojiAvocado = fluentEmojiAvocado
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent-emoji?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent-emoji
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent-emoji?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent-emoji
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent-emoji?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent-emoji
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent-emoji?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/fluent-emoji
npm package: @ngxi/fluent-emoji-flat
Description: Icon set Fluent Emoji Flat for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent-emoji-flat

[![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**: Fluent Emoji Flat
- **Prefix**: `fluent-emoji-flat`
- **Icons**: 3145
- **License**: [MIT](https://github.com/microsoft/fluentui-emoji/blob/main/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui-emoji)
- **Website**: [https://github.com/microsoft/fluentui-emoji](https://github.com/microsoft/fluentui-emoji)

## Installation

```sh
pnpm add @ngxi/fluent-emoji-flat
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluentEmojiFlat, fluentEmojiFlatAvocado } from '@ngxi/fluent-emoji-flat'

@Component({
  imports: [NgxiFluentEmojiFlat],
  template: `<svg [ngxiFluentEmojiFlat]="fluentEmojiFlatAvocado"></svg>`
})
export class UsageIcon {
  protected fluentEmojiFlatAvocado = fluentEmojiFlatAvocado
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent-emoji-flat?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent-emoji-flat
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent-emoji-flat?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent-emoji-flat
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent-emoji-flat?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent-emoji-flat
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent-emoji-flat?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/fluent-emoji-flat
npm package: @ngxi/fluent-emoji-high-contrast
Description: Icon set Fluent Emoji High Contrast for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent-emoji-high-contrast

[![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**: Fluent Emoji High Contrast
- **Prefix**: `fluent-emoji-high-contrast`
- **Icons**: 1595
- **License**: [MIT](https://github.com/microsoft/fluentui-emoji/blob/main/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui-emoji)
- **Website**: [https://github.com/microsoft/fluentui-emoji](https://github.com/microsoft/fluentui-emoji)

## Installation

```sh
pnpm add @ngxi/fluent-emoji-high-contrast
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluentEmojiHighContrast, fluentEmojiHighContrastAvocado } from '@ngxi/fluent-emoji-high-contrast'

@Component({
  imports: [NgxiFluentEmojiHighContrast],
  template: `<svg [ngxiFluentEmojiHighContrast]="fluentEmojiHighContrastAvocado"></svg>`
})
export class UsageIcon {
  protected fluentEmojiHighContrastAvocado = fluentEmojiHighContrastAvocado
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent-emoji-high-contrast?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent-emoji-high-contrast
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent-emoji-high-contrast?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent-emoji-high-contrast
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent-emoji-high-contrast?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent-emoji-high-contrast
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent-emoji-high-contrast?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/fluent-emoji-high-contrast
npm package: @ngxi/fluent-mdl2
Description: Icon set Fluent UI MDL2 for Angular applications
Author: Adrián UB
Latest version: 0.12.33

# @ngxi/fluent-mdl2

[![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**: Fluent UI MDL2
- **Prefix**: `fluent-mdl2`
- **Icons**: 1735
- **License**: [MIT](https://github.com/microsoft/fluentui/blob/master/packages/react-icons-mdl2/LICENSE)
- **Author**: [Microsoft Corporation](https://github.com/microsoft/fluentui/tree/master/packages/react-icons-mdl2)
- **Website**: [https://github.com/microsoft/fluentui/tree/master/packages/react-icons-mdl2](https://github.com/microsoft/fluentui/tree/master/packages/react-icons-mdl2)

## Installation

```sh
pnpm add @ngxi/fluent-mdl2
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiFluentMdl2, fluentMdl2Flow } from '@ngxi/fluent-mdl2'

@Component({
  imports: [NgxiFluentMdl2],
  template: `<svg [ngxiFluentMdl2]="fluentMdl2Flow"></svg>`
})
export class UsageIcon {
  protected fluentMdl2Flow = fluentMdl2Flow
}
```

## 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

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

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/@ngxi/fluent-mdl2?style=flat&colorA=080f12&colorB=1fa669
[npm-version-href]: https://npmjs.com/package/@ngxi/fluent-mdl2
[npm-downloads-src]: https://img.shields.io/npm/dm/@ngxi/fluent-mdl2?style=flat&colorA=080f12&colorB=1fa669
[npm-downloads-href]: https://npmjs.com/package/@ngxi/fluent-mdl2
[bundle-src]: https://img.shields.io/bundlephobia/minzip/@ngxi/fluent-mdl2?style=flat&colorA=080f12&colorB=1fa669&label=minzip
[bundle-href]: https://bundlephobia.com/result?p=@ngxi/fluent-mdl2
[license-src]: https://img.shields.io/npm/l/@ngxi/fluent-mdl2?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/fluent-mdl2