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

# @ngxi/circle-flags

[![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**: Circle Flags
- **Prefix**: `circle-flags`
- **Icons**: 632
- **License**: [MIT](https://github.com/HatScripts/circle-flags/blob/gh-pages/LICENSE)
- **Author**: [HatScripts](https://github.com/HatScripts/circle-flags)
- **Website**: [https://github.com/HatScripts/circle-flags](https://github.com/HatScripts/circle-flags)

## Installation

```sh
pnpm add @ngxi/circle-flags
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiCircleFlags, circleFlagsEe } from '@ngxi/circle-flags'

@Component({
  imports: [NgxiCircleFlags],
  template: `<svg [ngxiCircleFlags]="circleFlagsEe"></svg>`
})
export class UsageIcon {
  protected circleFlagsEe = circleFlagsEe
}
```

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

# @ngxi/clarity

[![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**: Clarity
- **Prefix**: `clarity`
- **Icons**: 1103
- **License**: [MIT](https://github.com/vmware/clarity-assets/blob/master/LICENSE)
- **Author**: [VMware](https://github.com/vmware/clarity)
- **Website**: [https://github.com/vmware/clarity](https://github.com/vmware/clarity)

## Installation

```sh
pnpm add @ngxi/clarity
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiClarity, clarityHelpOutlineBadged } from '@ngxi/clarity'

@Component({
  imports: [NgxiClarity],
  template: `<svg [ngxiClarity]="clarityHelpOutlineBadged"></svg>`
})
export class UsageIcon {
  protected clarityHelpOutlineBadged = clarityHelpOutlineBadged
}
```

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

# @ngxi/codex

[![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**: CodeX Icons
- **Prefix**: `codex`
- **Icons**: 78
- **License**: [MIT](https://github.com/codex-team/icons/blob/master/LICENSE)
- **Author**: [CodeX](https://github.com/codex-team/icons)
- **Website**: [https://github.com/codex-team/icons](https://github.com/codex-team/icons)

## Installation

```sh
pnpm add @ngxi/codex
```

## Usage

```ts
import { Component } from '@angular/core'
import { NgxiCodex, codexAlignLeft } from '@ngxi/codex'

@Component({
  imports: [NgxiCodex],
  template: `<svg [ngxiCodex]="codexAlignLeft"></svg>`
})
export class UsageIcon {
  protected codexAlignLeft = codexAlignLeft
}
```

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