title: Font awesome icons disable getting square only
body: <p>I have added font awesome icons in my html page for data table plugin UI using css  </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/js/datatable/pratik/font-awesome.min.css"/&gt;
  &lt;link rel="stylesheet" type="text/css" href="/js/datatable/font-awesome.css" /&gt;
  </code></pre>
  
  <p>But due to some errors I changed all symbols into special escape characters.
  May be that's why it's showing blank square.Any trick to resolve this error.
  My code for font awesome icon is:</p>
  
  <pre><code> text: &amp;#39;&amp;lt;i class=&amp;quot;fa fa-list-ol-3x&amp;quot; aria-hidden=&amp;quot;true&amp;quot; style=&amp;quot;color:#81ad30&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;#39;,
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tsG6a.jpg" alt="Output showing icons"></p>
  
  <p>Thanks.</p>