Making own Icon and adding hyperlink
<p>I want to open a hyperlink by clicking on Icon, but I want to use my own image (jpg/png/svg) as Icon.</p>
<p>This is demo code. Do I have to make svg file and upload on below given website and use these Icons.</p>
<pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css&quot;&gt;
    &lt;/head&gt;
    &lt;body&gt;
    
    &lt;i class=&quot;fa fa-cloud&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fa fa-heart&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fa fa-car&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fa fa-file&quot;&gt;&lt;/i&gt;
    &lt;i class=&quot;fa fa-bars&quot;&gt;&lt;/i&gt;
    
    &lt;/body&gt;
    &lt;/html&gt;
</code></pre>