Angular Icon Library (set-agnostic) | ng-hub-ui-icons
Icon-set-agnostic Angular icons: render Font Awesome, Bootstrap Icons, Material Symbols, Solar or your own SVGs through one <hub-icon> / [hubIcon] API, themed with CSS variables.
Interactive examples
Explore live examples that show how the library behaves in common Angular use cases.
Setup
This example contains tests. Open it in a development environment to run them.
Font Awesome
This example contains tests. Open it in a development environment to run them.
Bootstrap Icons
Outline
Filled (-fill)
Material Symbols
Glyphshome
Families
FILL axis
Solar
This example contains tests. Open it in a development environment to run them.
Custom SVG
This example contains tests. Open it in a development environment to run them.
SVG sprite
This example contains tests. Open it in a development environment to run them.
Image
This example contains tests. Open it in a development environment to run them.
Variants
This example contains tests. Open it in a development environment to run them.
Directive
This example contains tests. Open it in a development environment to run them.
Theming
This example contains tests. Open it in a development environment to run them.
Button integration
This example contains tests. Open it in a development environment to run them.