How to put my self-made icons next to menu and submenu items?

Ionic Framework
1

I have tried for hours to accomplish this. How do I put my self-made icons next to menu and submenu items?

I have made some icons in illustrator and saved them as svg, but I cannot find out how to place them next to menu items. Though, I have no issues with Ionicons. I have also tried out Nucleo, but it didn’t want to export my illustrator icon. Not sure which ionic version I have, but think it is V4 since I recently downloaded everything. Additionally, I use visual studio to code. My code looks like it is for a new app without any code made after generating the app.

2

I am using svg custom icon, It’s working fine in android and ios device plus looking good too. Just put your svg icon in assets folder and in code add like this.

<ion-buttons slot="end">
    <ion-button id="cart-button">
    <ion-img src="assets/icon/shopping-bag.svg"></ion-img>
    <ion-badge id="cart-badge">11</ion-badge>
    </ion-button>
</ion-buttons>

Adjust it as your requirement using scss.
hope it help you :slight_smile:

1 Like