ionic-angular-collect-icons
Automatically collects and groups Ionicons used in Angular projects to simplify addIcons() management and optimize bundle size.
Overview
Ionic Angular Collect Icons is a development tool that automates the management of Ionicons in Angular applications. It scans project templates to identify used icons and generates a consolidated export file, eliminating the need for manual addIcons() calls in each component.
Key Features
- Automatic Icon Collection — Scans HTML templates and TypeScript files to detect which Ionicons are actually used in the project.
- Export File Generation — Creates a single TypeScript file (
use-icons.ts) containing only the icons used, ready for import. - Development/Production Optimization — During development, all icons can be loaded for ease; for production builds, only used icons are included to reduce bundle size.
- CLI Automation — Provides a command-line interface with options for dry runs, interactive prompts, and project path configuration.
- Integration with Build Process — Designed to be run as a prebuild script, ensuring the icon list is always up-to-date before production builds.
Philosophy
The tool prioritizes developer convenience by automating icon management while maintaining a minimal diff footprint—centralizing addIcons() in a single location rather than scattering it across components to keep changes clean and manageable.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
