是什么导致svg图像与元素相比如此之小?

我有以下svg:

<svg ifill="#FFF" d="Layer_5" data-name="Layer 5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 993.12 999.28"><title>00</title><path fill="#FFF" d="M539.79,48.21a4,4,0,0,1-4-3.75C535.41,38.37,531.9,8,501,8c-25.8,0-32.27,17.46-32.34,17.64a4,4,0,0,1-5.48,2.28c-9-4.27-16.48-5-22.27-2.1C432,30.26,429.48,42,429.46,42.13a4,4,0,0,1-3.92,3.2H393.13a4,4,0,0,1,0-8h29.38c1.62-4.89,5.74-14.1,14.8-18.64,7.24-3.62,15.88-3.48,25.72.43C466.87,12.56,477.33,0,501,0c29.48,0,41.46,23.68,42.76,44a4,4,0,0,1-3.74,4.25Z"/><path fill="#FFF" d="M564.31,64.62H452.46a4,4,0,1,1,0-8H562.88c1-1.18,3.15-4.53,3-12.32-.1-4.32-2.76-8.4-7.29-11.2a21.74,21.74,0,0,0-20.48-1.18,4,4,0,1,1-3.42-7.23,29.79,29.79,0,0,1,28.1,1.6c6.88,4.25,10.92,10.75,11.09,17.82.35,15.51-6.9,19.65-7.73,20.07A3.93,3.93,0,0,1,564.31,64.62Z"/></svg>

但是,当我将其添加到页面中时,实际图像仅覆盖其所在元素的一小部分。

为什么不覆盖整个元素?

Here's a jsfiddle for reference: https://jsfiddle.net/7uzjqbnp/1/

评论