Currently, I am working on an Ionic 4 app for both Android and iOS platforms. The issue I am facing is that only SVG format images are displaying in the slide menu, even though I have images in both SVG and PNG formats.
public appPages = [
{
title: "Alarm Home",
url: "/home",
icon: "home.svg"
},
{
title: "Alarm List",
url: "/totalalarms",
icon: "list.png"
},
{
title: "My Notifications",
url: "/notification",
icon: "bell.png"
},
{
title: "About",
url: "/about",
icon: "info.png"
}
];
In the HTML code snippet:
<ion-item [routerDirection]="'root'" (click)='selectedSlideOption(p.url)'>
<ion-icon slot="start" src="./assets/img/{{p.icon}}"></ion-icon>
<ion-label>
{{p.title}}
</ion-label>
</ion-item>