Initialize
Install the CLI and wire addIcons. See also Usage.
npm install @rdlabo/ionic-angular-collect-icons --save-dev
🤖 Automatic Configuration
npx @rdlabo/ionic-angular-collect-icons --initialize true
📝 Manual Configuration
1. Run the CLI
npx @rdlabo/ionic-angular-collect-icons
This will generate src/use-icons.ts.
2. Import the generated file in your main.ts ( or app.config.ts ) file:
+ import { addIcons } from 'ionicons';
+ import * as allIcons from 'ionicons/icons';
+ import * as useIcons from './use-icons';
if (environment.production) {
enableProdMode();
}
+ addIcons(environment.production ? useIcons : allIcons);
3. Remove other addIcons calls in class constructor
@Component(/* ... */)
export class ExampleComponent {
constructor() {
- addIcons(useIcons);
}
}