2

I'm getting an issue with Ionic icon. I am using Ionic 4 and Angular 8, trying to add QR code icon, without luck.

I am using Ionic doc: https://ionicons.com/ 

<ion-menu-toggle auto-hide="false">
       <ion-item (click)="scanBarcode()">
          <ion-icon name="qr-code-outline" slot="start"></ion-icon>
            <ion-label>
                Scan QR
            </ion-label>
       </ion-item>
</ion-menu-toggle>
Oriol Roma
  • 329
  • 1
  • 5
  • 9
Vishal Petkar
  • 369
  • 1
  • 4
  • 20
  • If you want for browser , remove the www folder and build as ionic build --prod then ionic serve, and for mobile remove the platform then rebuild it. And check your icon names since also they have changed (ionicons.com) – Mostafa Harb Mar 12 '20 at 11:30
  • Okay I will try and let you know – Vishal Petkar Mar 12 '20 at 11:31
  • I tried for mobile by removing the platform, still no luck – Vishal Petkar Mar 12 '20 at 11:52
  • Ok go inside the www folder and go to svg folder and search if the icon name exists. If it do not exist then you need to update the project icons, and if it exist also reply. – Mostafa Harb Mar 12 '20 at 12:07

1 Answers1

4

You are using Ionic v4, but the Latest Version is Ionic v5. With this Major Upgrade the Icons changed also. When you are searching the Documentation about the ionic v4 Icons: https://ionicons.com/v4/

EinfachHans
  • 247
  • 3
  • 13