Ratchet's icon cant display
I am using cordova and ratchet to build a mobile application but my icon cant display correctly. Is there any solution
Phone:Redmi note3
![screenshot_2017-11-22-23-40-25-493_com class6 fyp](https://user-images.githubusercontent.com/33691267/33823821-5c992b34-de97-11e7-8159-2bd20f198aff.png)

My code
      `<nav class="bar bar-tab">
           <a class="tab-item active" onClick="currentPage.loadPage('Home');">
           <span class="icon icon-home"></span>
           <span class="tab-label">HOME</span>
           </a>

          <a class="tab-item" onClick="currentPage.loadPage('AddAssetGuide');">
          <span class="icon icon-plus"></span>
          <span class="tab-label">ADD ASSET</span>
          </a>
  
          <a class="tab-item" onClick="currentPage.loadPage('ViewAsset');">
         <span class="icon icon-list"></span>
         <span class="tab-label">VIEW ASSET</span>
         </a>
 
         <a class="tab-item" onClick="currentPage.loadPage('Setting');">
         <span class="icon icon-gear"></span>
         <span class="tab-label">SETTINGS</span>
         </a>
         </nav>`