Html 强制字体图标填充div容器

我试图让图标填充div。我尝试过使用fa类（例如fa lg），但它会使div框变大。我想保持div框的大小不变，只是让图标本身填充更多的框

<table class="table table-striped">
<tr>
      <td width="2%">
        <div class="btn-group"><a class="btn btn-default" href="http://google.com"><i class="fa fa-compass"></i></a></div>
      </td>
      <td>
         TIME - <b>Location</b> - Address
      </td>
</tr><br />
</table>

时间-地点-地址

---

您可以通过更改图标的字体大小来调整图标大小

.large {
  font-size: 20px;
}

菲德尔