Hello Group, I have a sidemenu, with ionic icons, but I want to replace with own icons in PNG format, how can I replace them? // used for an example of ngFor and navigation this.pages = [ { title: ‘El Origen’, component: HomePage,icon: “home” }, { title: ‘Superman’, component: HerosPage, icon: “…

You should be able to do what you said before, { title: ‘El Origen’, component: HomePage,icon: “my icon png” } Then just change your side menu template to use img rather than ion-icon. You’ll likely need to add some custom styling, but that’ll just be some basic css.

Here is the code .please try this. app.component this.pages = [ { title: 'Demo', component: demo, icon:'assets/img/demo.png' } ]; app.html <button menuClose ion-item *ngFor="let p of pages"> <img width="25px" height="25px" src="{{p.icon}}"/> </button> Hope, this will solve you…

But how could it work on a ion-tab ?

[image] flycoders_sourav: <img width=“25px” height=“25px” src=“{{p.icon}}”/> thank you, works great :heart:

if its work fine please mark the solution

i’m not sure but I think that’s not the complete solution. If I understood it correctly, OP wants to differ between an ion-icon or a file path. app.component.ts this.pages = [ { title: 'Demo', component: demo, path:'assets/img/demo.png', icon:null }, { title: 'Demo2', component: demo2, path:null, …

How to add new png icons

Ionic Framework ionic-v3

gcort September 10, 2017, 10:05pm 3

I have not been able to add my PNG icons, I added a new class but it is not displayed.

1 Like

Topic		Replies	Views
Create icon from png ionic-v3	7	24326	September 18, 2017
Ionic - how to add icons to the side menu items ionic-v3	20	37848	September 12, 2017
[SOLVED] SideNavigation with icon ionic-v3	1	539	November 20, 2016
Custom .png file instead of ‘ionic icon’ in <ion-tab> in ionic2 ionic-v3	0	509	September 20, 2017
How to change side menu button icon with some custom img ionic-v1	1	605	July 19, 2021

How to add new png icons

Related topics