如何抵消重叠的 Font Awesome 图标？

【问题标题】：How to offset overlapped Font Awesome icons?如何抵消重叠的 Font Awesome 图标？
【发布时间】：2018-02-01 02:07:40
【问题描述】：

有没有办法让两个 Font Awesome 图标重叠，使其看起来像 files 图标相对于 file 图标？我不想堆叠图标，而是将一个封面像另一个封面的 50%。谢谢！

【问题讨论】：

最初你可以在图标上使用位置属性，但如果你分享一些你尝试过的代码，它会很棒..

标签： css font-awesome

【解决方案1】：

为什么不只使用 CSS 填充来偏移其中一个图标？

<span class="fa-stack fa-lg">
  <i class="fa fa-file fa-stack-2x"></i>
  <i class="fa fa-file fa-stack-2x" style="padding-left:15px;padding-top:15px;"></i>
</span>

小提琴：http://jsfiddle.net/mwatz122/sx7fk582/

【讨论】：

那么这个图标有什么问题fa-files-o。 fortawesome.github.io/Font-Awesome/icon/files-o
我认为 OP 只是以文件图标为例。据推测，他想重叠两个不同的图标。
@Matthew 没错。非常感谢您的快速回复！我忘了你可以为内联元素添加填充。