Ionic2 use PNG icons like font icons, etc.

Wrote an article in front of the use of Iconfont in Ionic, but in the actual development process will find that many of the front-end design of the icons are PNG or JPG, and can not be used as a font icon to use.
However, we generally use an icon such as PNG when using an IMG tag or a tag to add background-image to it.
If we want to use the PNG icon as with the font icon, we can do this in the following way.

For example, we want to customize a load icon
First set up Images folder in assets to put load.png picture
Then add the following code to the Variables.scss file

Ion-icon[name= "Ion-custom-load"]::before {
    background-image:url (".. /assets/images/load.png ");
    width:16px;
    height:16px;
    background-size:16px;
}

In the end, we can use the following pages:

<ion-icon name= "Ion-custom-load" ></ion-icon>