title: How do I optimize SVG paths?
body: <p>So I am creating few SVGs on Adobe illustrator and exporting its path, but I'm unable to understand why my paths are very very long, compared to other websites. So if you do a code analysis below. The top one is my SVG path, and the bottom one is from another website. The output icon is the same for both of us</p>
  
  <p>How do I optimize my paths, go it can also be small like others. I have noticed all of my path code is a couple of hundred lines ago.</p>
  
  <p>JS Fiddle: <a href="https://jsfiddle.net/bf51j9yr/" rel="nofollow noreferrer">https://jsfiddle.net/bf51j9yr/</a></p>
  
  <p>Someone else's SVG:</p>
  
  <pre><code>&lt;svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"&gt;
  &lt;path d="m10 20h9.006c1.65 0 2.994-1.347 2.994-3.009v-9.982c0-1.673- 
  1.341-3.009-2.994-3.009h-14.012c-1.65 0-2.994 1.347-2.994 3.009v9.982c0 
  1.673 1.341 3.009 2.994 3.009h2.006v-9c0-.552.447-1 1-1h6v-3.5l5.5 5- 
  5.5 5v-3.5h-4z"&gt;&lt;/path&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Regards,
  Bill</p>