title: Displaying a tooltip with an icon
body: <p>I want to display a <code>tooltip</code> with text and an <em>icon</em> when the <em>mouse pointer hovers</em> over a specific button. Below are two variants of this that I've seen, but I couldn't find information about the implementation.</p>
  
  <p><img src="https://i.stack.imgur.com/8hBzr.png" alt="1"></p>
  
  <p><a href="https://i.stack.imgur.com/Q6ZXE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q6ZXE.png" alt="2"></a><br>
  <sub>(source: <a href="http://i.msdn.microsoft.com/dynimg/IC510746.png" rel="nofollow noreferrer">microsoft.com</a>)</sub>  </p>