title: Creating custom icon for FontAwesome 5
body: <p>I'm trying to create my custom icon for FontAwesome using this tool: <a href="https://editor.method.ac/" rel="nofollow noreferrer">https://editor.method.ac/</a></p>
  
  <p>It came with code:</p>
  
  <pre><code>&lt;svg width="512" height="512" xmlns="http://www.w3.org/2000/svg"&gt;
   &lt;!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ --&gt;
   &lt;g&gt;
    &lt;title&gt;background&lt;/title&gt;
    &lt;rect fill="#fff" id="canvas_background" height="514" width="514" y="-1" x="-1"/&gt;
    &lt;g display="none" overflow="visible" y="0" x="0" height="100%" width="100%" id="canvasGrid"&gt;
     &lt;rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%"/&gt;
    &lt;/g&gt;
   &lt;/g&gt;
   &lt;g&gt;
    &lt;title&gt;Layer 1&lt;/title&gt;
    &lt;path id="svg_3" d="m367.967458,193.5l-23.50001,13.50001c0.00001,0.49999 -65.99999,-58.00001 -118,-53.00001c-52,5 -55.5,39.500009 -49,71.00001c6.5,31.5 14,63 64,111.5c50.00001,48.50001 97.50001,63.00001 119.50001,62.50001c22,-0.5 22.5,-1.5 29,-4c6.5,-2.5 8,-4.5 8,-4.5c0,0 59.49997,60.49998 61.99999,63.49999c2.50002,3.00001 -14.99998,42.50001 -80.49999,44.50001c-65.5,2 -162.50001,-44 -231.50001,-113c-69.00001,-69.00001 -100.50001,-130.00001 -103.50001,-213.00002c-3,-83.000009 62.500008,-97 90.500009,-100c28.000001,-3 85.000011,8.5 132.500011,39c47.5,30.5 68.99999,43.00001 100.5,82z" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#fff"/&gt;
    &lt;path id="svg_5" d="m258.451949,258.000015l47.75001,-31.000008c0.249993,0.000007 81.249998,71.000011 105.75,36.500009c24.500001,-34.500002 -27.000002,-96.000006 -55.000004,-127.500008c-28.000001,-31.500002 -90.000005,-55.500003 -90.249997,-55.500005c0.249992,0.000002 -57.750012,-66.500002 -58.500002,-68.000003c0.000006,0.499993 46.500009,12.499994 106.500012,54.999997c60.000004,42.500002 129.000008,139.500008 141.000009,170.00001c12,30.500002 19.000001,75.500004 -3.5,94.000005c-22.500002,18.500001 -64.000004,8.000001 -90.500006,-2.5c-26.500001,-10.5 -64.500004,-41.000002 -71.500004,-45.000002c-7.000001,-4.000001 -31.500002,-25.500002 -31.750018,-25.999995z" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#fff"/&gt;
   &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>It looks good in browser.</p>
  
  <p>So I prepared code for FontAwesome using this guide: <a href="https://github.com/FortAwesome/Font-Awesome/wiki/Customize-Font-Awesome" rel="nofollow noreferrer">https://github.com/FortAwesome/Font-Awesome/wiki/Customize-Font-Awesome</a></p>
  
  <pre><code>const faMyCustomIcon = {
    prefix: 'fac',
    iconName: 'my-custom-icon',
    icon: [512, 512, [], 'e001', 'm367.967458,193.5l-23.50001,13.50001c0.00001,0.49999 -65.99999,-58.00001 -118,-53.00001c-52,5 -55.5,39.500009 -49,71.00001c6.5,31.5 14,63 64,111.5c50.00001,48.50001 97.50001,63.00001 119.50001,62.50001c22,-0.5 22.5,-1.5 29,-4c6.5,-2.5 8,-4.5 8,-4.5c0,0 59.49997,60.49998 61.99999,63.49999c2.50002,3.00001 -14.99998,42.50001 -80.49999,44.50001c-65.5,2 -162.50001,-44 -231.50001,-113c-69.00001,-69.00001 -100.50001,-130.00001 -103.50001,-213.00002c-3,-83.000009 62.500008,-97 90.500009,-100c28.000001,-3 85.000011,8.5 132.500011,39c47.5,30.5 68.99999,43.00001 100.5,82zm258.451949,258.000015l47.75001,-31.000008c0.249993,0.000007 81.249998,71.000011 105.75,36.500009c24.500001,-34.500002 -27.000002,-96.000006 -55.000004,-127.500008c-28.000001,-31.500002 -90.000005,-55.500003 -90.249997,-55.500005c0.249992,0.000002 -57.750012,-66.500002 -58.500002,-68.000003c0.000006,0.499993 46.500009,12.499994 106.500012,54.999997c60.000004,42.500002 129.000008,139.500008 141.000009,170.00001c12,30.500002 19.000001,75.500004 -3.5,94.000005c-22.500002,18.500001 -64.000004,8.000001 -90.500006,-2.5c-26.500001,-10.5 -64.500004,-41.000002 -71.500004,-45.000002c-7.000001,-4.000001 -31.500002,-25.500002 -31.750018,-25.999995z']
  };
  </code></pre>
  
  <p>Problem is that result is this: <a href="https://i.stack.imgur.com/a75j7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a75j7.png" alt="enter image description here"></a></p>
  
  <p>And should be this: <a href="https://i.stack.imgur.com/HkHWk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HkHWk.png" alt="enter image description here"></a> (or near)</p>
  
  <p>What I'm doing wrong?</p>