Icons

Swap the gallery's UI icon family between Heroicons, Lucide, and Bootstrap.

The gallery's UI icons (close, prev/next, share, grid, copy, email, download, check, translate) are rendered with `@ng-icons` and can be switched between three families via the iconFamily option:

options: GalleryOptions = {
  iconFamily: 'lucide', // 'heroicons' (default) | 'lucide' | 'bootstrap'
};

The icon packs ( @ng-icons/core , @ng-icons/heroicons , @ng-icons/lucide , @ng-icons/bootstrap-icons ) ship as dependencies and install automatically — no extra setup or `provideIcons` needed in your app. Only the specific icons the gallery uses are imported, so the footprint stays small. Icons inherit color from the theme tokens above, so they adapt to light/dark automatically.

The social/brand icons in the share dialog (Facebook, X, WhatsApp, Telegram, LinkedIn, Instagram) switch with the family too: the bootstrap family uses Bootstrap Icons' own brand logos, while heroicons and lucide (which don't ship brand logos) fall back to a set of dedicated official-style brand SVGs. All of them are monochrome and follow the theme tokens.