Issue With Navbar Icon In Jquery Mobile

I need to add the icon for my navbar, so I have downloaded the icon from the following link,http://www.glyphish.com/, I have downloaded the free icons. then I am trying to add the

Solution 1:

Create custom classes and modify their background-image using :after pseudo selector.

.ui-arrow:after {
  background-image: url(../193-location-arrow.png);
  background-size: 15px15px;
}

.ui-location:after {
  background-image: url(../07-map-marker.png);
  background-size: 20px20px;
}

Demo