SVGの周りに数pxの余白ができる

pathが正確なSVGを使ってheightも指定して、paddingやmarginもとってないのに謎の余白ができる。
図のように数pxの余白ができる…
なぜだろう。。。

試行錯誤をした結果、

を追加したら、、、くっついた!!!

なんだ~、、と思ったのですが、解決法が検索しても分からず、時間がかかってしまったので、残しておきます!!