Overview
tng-icon renders an icon from the @ng-icons registry (e.g. Bootstrap Icons). It supports name (required), size (number in px or string like 1em), iconKlass, and accessibility: decorative / ariaLabel.
Quick example
Basic
<tng-icon name="bootstrapAlarm" [size]="24" iconKlass="text-primary"></tng-icon>
<tng-icon name="bootstrapBell" size="1.5em" iconKlass="text-fg"></tng-icon>
import { TngIcon } from '@tailng-ui/icons/icon';Features
name / size
name: icon id from the registry. size: number (px) or string (e.g. 1em, 1.25rem).
decorative / ariaLabel
decorative=true (default) sets aria-hidden. When decorative=false, set ariaLabel for screen readers.