title: How to create icons like font awesome
body: <p>I am new to web development. And in my sample project to get icons I have included the font-awesome plugin (<a href="http://fontawesome.io/icons/" rel="noreferrer">http://fontawesome.io/icons/</a>). And I can select all sort of icons available. But I have two three <code>project specific images</code> like the <code>project logo</code>. </p>
  
  <p>Question 1: How can I convert project specific images (png) to icons like "font-awesome"</p>
  
  <p>Question 2: I searched a little and then found that the are nothing but files with svg extension. So, if I convert the images that I already have in SVG format will that be sufficient. </p>
  
  <p>Question 3: So, once I create SVG icons will I be able to apply the CSS styling as I apply on "font-awesome" icons.</p>
  
  <p>I am new to all this. Please guide me.</p>