title: Icons showing as squares
body: <p>I have used Metronic admin theme panel. I have called three script for that. HTML code for icon is <code>&lt;i class="icon-home"&gt;&lt;/i&gt;</code></p>
  
  <p><strong>Script</strong></p>
  
  <pre><code>&lt;link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&amp;subset=all" rel="stylesheet" type="text/css" /&gt;
  
  &lt;link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
  
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.3.2/css/simple-line-icons.css" rel="stylesheet" type="text/css"&gt;
  </code></pre>
  
  <p>But icon showing up as squares. </p>
  
  <p><a href="https://i.stack.imgur.com/vGJyx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vGJyx.png" alt="enter image description here"></a></p>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;li &lt;?php echo ($module == 'dashboard') ? 'class="nav-item active"' : ''; ?&gt;&gt;
      &lt;a href="include.php?page=d-dashboard" class="nav-link nav-toggle"&gt;
        &lt;i class="icon-home"&gt;&lt;/i&gt;
        &lt;span class="title"&gt;Dashboard&lt;/span&gt;
        &lt;span class="selected"&gt;&lt;/span&gt;
        &lt;span class="arrow"&gt;&lt;/span&gt;
      &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Above script is working on font but does not working on icon.</p>
  
  <p><strong>Simple Line Icon URL:</strong> 
  <a href="http://keenthemes.com/preview/metronic/theme/admin_1/ui_icons.html" rel="nofollow noreferrer">http://keenthemes.com/preview/metronic/theme/admin_1/ui_icons.html</a></p>
  
  <p>Simple Line icon does not working on above html code.</p>