title: Display FontAwesome icons as svg
body: <p>I have no experience in using SVG, so need some help.
  I use an SVG element but the area around path is very large. <strong>How do I make an svg area and path area almost the same</strong>.
  I tried to remove height but that doesn't solve the problem.<br>
  Here's the screenshots in chome inspector:
  The size of svg is 64px X 128px, but size of path is around 22px X 37px  <a href="https://i.stack.imgur.com/1c86L.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1c86L.png" alt="enter image description here"></a>
  <a href="https://i.stack.imgur.com/UYNQh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UYNQh.png" alt="enter image description here"></a>
  P.S.:
  Actually I want the icon to have such sizes as if I use fontawesome pack:<br>
  <a href="https://i.stack.imgur.com/pcxW6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pcxW6.png" alt="enter image description here"></a></p>
  
  <p>I dont want to use Fontawesome CDN in React. So I used <a href="https://icomoon.io/app" rel="nofollow noreferrer">https://icomoon.io/app</a> and selected separate elements and want to add it to the page as in this article : <a href="https://medium.com/@david.gilbertson/icons-as-react-components-de3e33cb8792#.h50rnhmoh" rel="nofollow noreferrer" title="Icons as React Components">Icons as React Components</a></p>
  
  <p>Here's an example of element:
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;svg width="4em" height="8em" viewBox="0 0 1000 1000"&gt;
    
    &lt;path d="M265.143 804.571c0-25.143-20.571-45.714-45.714-45.714s-45.714 20.571-45.714 45.714 20.571 45.714 45.714 45.714 45.714-20.571 45.714-45.714zM384 713.143v-402.286c0-9.714-8.571-18.286-18.286-18.286h-292.571c-9.714 0-18.286 8.571-18.286 18.286v402.286c0 9.714 8.571 18.286 18.286 18.286h292.571c9.714 0 18.286-8.571 18.286-18.286zM274.286 228.571c0-5.143-4-9.143-9.143-9.143h-91.429c-5.143 0-9.143 4-9.143 9.143s4 9.143 9.143 9.143h91.429c5.143 0 9.143-4 9.143-9.143zM438.857 219.429v585.143c0 40-33.143 73.143-73.143 73.143h-292.571c-40 0-73.143-33.143-73.143-73.143v-585.143c0-40 33.143-73.143 73.143-73.143h292.571c40 0 73.143 33.143 73.143 73.143z"
    fill="grey" /&gt;      
  &lt;/svg&gt;</code></pre>
  </div>
  </div>
  </p>