react-fontawesome-svg比path大得多

Question

我正在像这样使用FontAwesome的react-fontawesome：

<FontAwesomeIcon icon={faCaretUp} color="gray" size="lg" />

但是结果图标周围有太多空间。

<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="caret-up" class="svg-inline--fa fa-caret-up fa-w-10 fa-lg " role="img" xmlns="http://www.w3.org/2000/svg" 
viewBox="0 0 320 512" color="gray" style="margin: 0px auto;">
    <path fill="currentColor" d="M288.662 352H31.338c-17.818 0-26.741-21.543- 
     14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 
     128.662c12.6 12.599 3.676 34.142-14.142 34.142z"></path>
</svg>

曾经尝试修复它一段时间，但没有任何效果，我做错了什么吗？