title: Most robust method for showing Icon next to text
body: <p>There are different ways to show graphics in a page next to text.
  I need to include a graphic/icon that indicates a new tab will be opened.</p>
  <p>I know it's possible to do using at least these different methods:</p>
  <ul>
  <li>Unicode character from default fonts</li>
  <li>Unicode character from CSS loaded fonts</li>
  <li>Inline SVG</li>
  <li>Inline PNG</li>
  </ul>
  <p>Please suggest a method to do this, and explain why or why not it's robust on different browsers and operating systems.</p>