title: How to add new flaticons to my website?
body: <p>I have a website template which uses flaticons. It has a folder with files flaticon.css, flaticon.eot, flaticon.ttf, flaticon.svg, flaticon.woff and some others. I can use the icons by simply importing the CSS into a page and doing something like <code>&lt;i class="flaticon-world-grid"&gt;</code>. </p>
  
  <p>Now I want to download some new flaticons and use them on my site. I found some on flaticon.com and it gives me an option to download it in multiple formats. How to "install" these files and edit my CSS so that I can use the new icons like the ones that are already there?  </p>
  
  <p>The css file has content like this:</p>
  
  <pre><code>.flaticon-wand2:before {
      content: "\e0fb";
  }
  .flaticon-wealth:before {
      content: "\e0fc";
  }
  .flaticon-website34:before {
      content: "\e0fd";
  }
  .flaticon-world-grid:before {
      content: "\e0fe";
  }
  </code></pre>
  
  <p>Which format should I download, where to put the new files, and what to add into the css file to be able to use them?</p>