ionic-team / ionic-team/ionicons

bug: Ionic v8 addIcon not working with composed name icons

Open
#1,380 7 comments 0 reactions 0 assignees View on GitHub
help wanted
Dominant language
TypeScript
Stars
18.2k
Forks
2.1k
PR merge metrics
No merged PRs in 30d

Description

### Current Behavior

I'm trying to use multiple ionic icons in my application, but only the simple ones are working for example: exit, calendar, add. If I try

it is not working.

Here are some examples:

**html**
`




Salir



`

**ts**

import { ellipsisVerticalOutline, exit } from "ionicons/icons";
import { addIcons } from "ionicons";
export class AppComponent implements OnInit, OnDestroy {
...
constructor(
private platform: Platform,
//rivate splashScreen: SplashScreen,
//private statusBar: StatusBar,
private authService: AuthService,
private locationService: LocationService,
private router: Router,
private menuCtrl: MenuController,
private alertCtrl: AlertController,
//private messagingService: MessagingService,
// private translateService: TranslateService
) {
this.initializeApp();
addIcons({exit,ellipsisVerticalOutline});
}

}

![image](https://github.com/ionic-team/ionicons/assets/70447045/b616f77f-b32d-4eea-b603-fac2a2474721)

If I change html for:
`




Salir



`

![image](https://github.com/ionic-team/ionicons/assets/70447045/38be546f-5f16-40a0-92cd-7666be6ab37b)

Not Working.

### Expected Behavior

That the icon I'm using shows

### Steps to Reproduce

Use some basic icons with no composed names like exit, calendar
Then use some icons like

### Code Reproduction URL

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.