UI Icons (Angular)

A lightweight, tree-shakable Angular icon library generated from SVG files. Each icon is provided as a standalone Angular component with automatic size selection and flexible color modes.

---

Installation

``bash
npm install @festo-ui/angular-icons
`

Or import directly if used inside a monorepo workspace.

---

Usage

Import the icon component you need and use its selector in your template:

`ts
import { Component } from '@angular/core';
import { FngAddBookmarkIconComponent } from '@festo-ui/angular-icons';

@Component({
standalone: true,
selector: 'app-root',
imports: [FngAddBookmarkIconComponent],
template:

,
})
export class AppComponent {}
`

---

Icon Selectors

Selectors follow this format:

`
fng-icon-{icon-name}
`

Example:

`

`

---

Inputs

$3

Controls displayed size.

`ts
type FngIconSize = 16 | 24 | 32;
`

Default: 16

`html

`

$3

Controls icon coloring.

#### Default (no color)

Uses currentColor:

`html



`

#### Use original SVG colors

`html

`

#### Force a specific color

`html

``

Notes

- Fully tree-shakable — only the icons you import are bundled.
- Zero external dependencies (besides Angular).
- Compatible with Angular 16, 17, 18, 19+.