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

# @ngxi/pixelarticons

[![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**: Pixelarticons
- **Prefix**: `pixelarticons`
- **Icons**: 486
- **License**: [MIT](https://github.com/halfmage/pixelarticons/blob/master/LICENSE)
- **Author**: [Gerrit Halfmann](https://github.com/halfmage/pixelarticons)
- **Website**: [https://github.com/halfmage/pixelarticons](https://github.com/halfmage/pixelarticons)

## Installation

```sh
pnpm add @ngxi/pixelarticons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiPixelarticons, pixelarticonsDragAndDrop } from '@ngxi/pixelarticons'

@Component({
  imports: [NgxiPixelarticons],
  template: `<svg [ngxiPixelarticons]="pixelarticonsDragAndDrop"></svg>`
})
export class UsageIcon {
  protected pixelarticonsDragAndDrop = pixelarticonsDragAndDrop
}
```

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

# @ngxi/prime

[![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**: Prime Icons
- **Prefix**: `prime`
- **Icons**: 313
- **License**: [MIT](https://github.com/primefaces/primeicons/blob/master/LICENSE)
- **Author**: [PrimeTek](https://github.com/primefaces/primeicons)
- **Website**: [https://github.com/primefaces/primeicons](https://github.com/primefaces/primeicons)

## Installation

```sh
pnpm add @ngxi/prime
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiPrime, primeBook } from '@ngxi/prime'

@Component({
  imports: [NgxiPrime],
  template: `<svg [ngxiPrime]="primeBook"></svg>`
})
export class UsageIcon {
  protected primeBook = primeBook
}
```

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

# @ngxi/proicons

[![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**: ProIcons
- **Prefix**: `proicons`
- **Icons**: 521
- **License**: [MIT](https://github.com/ProCode-Software/proicons/blob/main/LICENSE)
- **Author**: [ProCode](https://github.com/ProCode-Software/proicons)
- **Website**: [https://github.com/ProCode-Software/proicons](https://github.com/ProCode-Software/proicons)

## Installation

```sh
pnpm add @ngxi/proicons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiProicons, proiconsCode } from '@ngxi/proicons'

@Component({
  imports: [NgxiProicons],
  template: `<svg [ngxiProicons]="proiconsCode"></svg>`
})
export class UsageIcon {
  protected proiconsCode = proiconsCode
}
```

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

# @ngxi/qlementine-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**: Qlementine Icons
- **Prefix**: `qlementine-icons`
- **Icons**: 757
- **License**: [MIT](https://github.com/oclero/qlementine-icons/blob/master/LICENSE)
- **Author**: [Olivier Cléro](https://github.com/oclero/qlementine-icons)
- **Website**: [https://github.com/oclero/qlementine-icons](https://github.com/oclero/qlementine-icons)

## Installation

```sh
pnpm add @ngxi/qlementine-icons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiQlementineIcons, qlementineIconsWindows16 } from '@ngxi/qlementine-icons'

@Component({
  imports: [NgxiQlementineIcons],
  template: `<svg [ngxiQlementineIcons]="qlementineIconsWindows16"></svg>`
})
export class UsageIcon {
  protected qlementineIconsWindows16 = qlementineIconsWindows16
}
```

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

# @ngxi/quill

[![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**: Quill Icons
- **Prefix**: `quill`
- **Icons**: 140
- **License**: [MIT](https://github.com/yourtempo/tempo-quill-icons/blob/main/LICENSE)
- **Author**: [Casper Lourens](https://www.figma.com/community/file/1034432054377533052/Quill-Iconset)
- **Website**: [https://www.figma.com/community/file/1034432054377533052/Quill-Iconset](https://www.figma.com/community/file/1034432054377533052/Quill-Iconset)

## Installation

```sh
pnpm add @ngxi/quill
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiQuill, quillCollapse } from '@ngxi/quill'

@Component({
  imports: [NgxiQuill],
  template: `<svg [ngxiQuill]="quillCollapse"></svg>`
})
export class UsageIcon {
  protected quillCollapse = quillCollapse
}
```

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

# @ngxi/radix-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**: Radix Icons
- **Prefix**: `radix-icons`
- **Icons**: 332
- **License**: [MIT](https://github.com/radix-ui/icons/blob/master/LICENSE)
- **Author**: [WorkOS](https://github.com/radix-ui/icons)
- **Website**: [https://github.com/radix-ui/icons](https://github.com/radix-ui/icons)

## Installation

```sh
pnpm add @ngxi/radix-icons
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiRadixIcons, radixIconsWidth } from '@ngxi/radix-icons'

@Component({
  imports: [NgxiRadixIcons],
  template: `<svg [ngxiRadixIcons]="radixIconsWidth"></svg>`
})
export class UsageIcon {
  protected radixIconsWidth = radixIconsWidth
}
```

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

# @ngxi/raphael

[![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**: Raphael
- **Prefix**: `raphael`
- **Icons**: 266
- **License**: [MIT]()
- **Author**: [Dmitry Baranovskiy](https://github.com/dmitrybaranovskiy/raphael)
- **Website**: [https://github.com/dmitrybaranovskiy/raphael](https://github.com/dmitrybaranovskiy/raphael)

## Installation

```sh
pnpm add @ngxi/raphael
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiRaphael, raphaelHome } from '@ngxi/raphael'

@Component({
  imports: [NgxiRaphael],
  template: `<svg [ngxiRaphael]="raphaelHome"></svg>`
})
export class UsageIcon {
  protected raphaelHome = raphaelHome
}
```

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