Ionic 2 custom icons insertion

Ionic Framework ionic-v3
1

Hi there!

I am trying to include some custom icons in ionicons following this tutorial.

I am having some trouble finding the destination folders inside my Ionic app. I am using TypeScript and can’t seem to find the lib folder inside /www.

Can anyone help?

2

For add custom icons I use in my scss file:

.ion-ios-MYICON:before,
.ion-ios-MYICON-circle:before,
.ion-ios-MYICON-circle-outline:before,
.ion-ios-MYICON-outline:before,
.ion-md-MYICON:before,
.ion-md-MYICON-circle:before,
.ion-md-MYICON-circle-outline:before,
.ion-md-MYICON-outline:before {
  @extend .ion;
}

.ion-ios-MYICON:before,
.ion-ios-MYICON-outline:before,
.ion-md-MYICON:before,
.ion-md-MYICON-outline:before {
  content: 'your-custom-image';
}

Then in your HTML code:

<ion-icon name="MYICON"></ion-icon>

1 Like