SVG is rendered incorrectly

[vaindil]

I saw #53 and it looks similar to this problem, but I'm not sure what the specific problem is with this SVG. I'm looking at the filled style of indeterminate_check_box from Material Icons. Icon is here, prettified code is:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" width="24" height="24">
  <defs>
    <path id="a" d="M0 0h24v24H0z"/>
  </defs>
  <clipPath id="b">
    <use xlink:href="#a" overflow="visible"/>
  </clipPath>
  <path clip-path="url(#b)" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"/>
</svg>

Screenshot below shows how it should be displayed vs what's actually coming out of the process (ignoring size, of course).

If it's helpful, here's a font file generated with just this one icon if you want to look with FontDrop! or something.

test-icons.zip

And finally, the command I used to generate that:

icon-font-generator indeterminate_check_box.svg -o src/assets/fonts \
-n test-icons --types woff2,woff,eot -j false -p test-icon --selector .test-icons \
--center --html false --height 1000

[TheBrainTeam]

This issue is already open here: #53

And the alternatives fixes are in the comments.