Я изменил viewBox символа на viewBox="0 0 60 60"
в соответствии с размером группы внутри. Теперь символ квадратный. Чтобы использовать заливку черного квадрата, я изменил ширину и высоту использования на width="42" height="42"
, то есть размер черного квадрата.
Надеюсь, это то, что вы спрашиваете
<svg width="523" height="524" style='background-color: teal;' xmlns="http://www.w3.org/2000/svg">
<symbol id="icon-ec2d25d9" viewBox="0 0 60 60">
<g stroke="#000" fill="#fff">
<path d="M0 0h60v60H0z"/>
<path d="M0 0l30 37.1v-18l30 37.2" fill="none"/>
</g>
<!--<g><path fill="none" d="M-1-1h583v403H-1z"/></g>-->
</symbol>
<path d="M85 84 127 84 127 126 85 126 " />
<use href="#icon-ec2d25d9" x="85" y="84" width="42" height="42" fill="none" stroke="black" class="icon 4"/>
</svg>