ionic-team / ionic-team/ionicons
bug: Ionic v8 addIcon not working with composed name icons
- Lenguaje dominante
- TypeScript
- Estrellas
- 18.2k
- Forks
- 2.1k
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
### 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});
}
}

If I change html for:
`
Salir
`

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_
Guía de contribución
Línea de trabajo
Start by reproducing the issue with addIcons and the hyphenated names ellipsis-vertical-outline and arrow-back-outline, comparing them with simple names such as exit. Trace how registered icon names are resolved, and consider the issue done when composed-name icons render through ion-icon as expected.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- typescript
- Área
- frontend
- Tipo de issue
- Error
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100