Font-Awesome icon with an onclick event set
<p>I am trying to use the following font-awesome icon</p>

<pre><code>&lt;i class="fa fa-minus-circle"&gt;&lt;/i&gt;
</code></pre>

<p>as a delete icon next to items in a list on my page like this:</p>

<pre><code>Item 1  delete-icon
Item 2  delete-icon
</code></pre>

<p>On click of one of these icons I need to run a JavaScript function...</p>

<p>What html element should I be wrapping the icon with? I noticed that when I use an anchor tag it turns blue and when I use a button it ends up being wrapped in a button. Are there any other options?</p>

<p>Essentially I want to do this</p>

<pre><code>&lt;a onclick="Remove()"&gt;&lt;i class="fa fa-minus-circle"&gt;&lt;/i&gt;&lt;/a&gt;
</code></pre>

<p>or this</p>

<pre><code>&lt;button onclick="Remove()"&gt;&lt;i class="fa fa-minus-circle"&gt;&lt;/i&gt;&lt;/button&gt;
</code></pre>

<p>But have only the icon appear as is with no modifications. No blue color, and not wrapped inside a button.</p>