title: How can I make the cursor a component using React?
body: <p>I have been given the task of changing the cursor to a FontAwsome icon. After doing some research I know that you can pass a <code>.png</code> file to the cursor style like this:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Component
   style={{ cursor: 'url(images/special.png),auto' }}
  /&gt;
  </code></pre>
  <p>But what I would like to do is something like this (in pseudo code):</p>
  <pre class="lang-js prettyprint-override"><code>&lt;Component
   style={{ cursor: &lt;FontAwesomeIcon icon={faAngleDown} size=&quot;md&quot; /&gt; }}
  /&gt;
  </code></pre>
  <p>Is there a way to do this or is a viable workaround to get the svg of the icon from FontAwesome and convert is to a .png and store that file as a graphic asset?</p>