title: Using Unicode Emoji as a Cursor
body: <p>Is it possible to do have an Unicode Emoji cursor without having to convert it to an image?
  This is the emoji "☠️"
  , I want it to become the default cursor, replacing the arrow.
  It works using the image (<a href="https://image.ibb.co/kSQHi6/cursor.png" rel="nofollow noreferrer">https://image.ibb.co/kSQHi6/cursor.png</a>)
  but I don't want to use an image.</p>
  
  <p><strong>DEMO using PNG</strong></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.box{
    width: 250px;
    height: 250px;
    background: red;
    cursor:url(https://image.ibb.co/kSQHi6/cursor.png), auto;
  }
  </code></pre>
  
  <p><strong>JSFIDDLE DEMO:</strong><a href="https://jsfiddle.net/2zp1v56y/" rel="nofollow noreferrer">https://jsfiddle.net/2zp1v56y/</a></p>