css - 如何堆叠 fontawesome 图标

Question

我正在尝试实现类似于附件中的那个。

下面是我的代码。我得到了信封图标，但不知道如何通过放置另一个图标来获得预期的结果。

<i class="fa fa-envelope-o" aria-hidden="true"></i>

谢谢

Answer 1

.wrap{

  display: inline-block;
  position: relative;
}
.wrap > .fa-commenting-o{
  position: absolute;
  top: -3px;
  left: 10px;
}

<link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'/>


<div class="wrap">
  <i class="fa fa-envelope-o" aria-hidden="true"></i>
<i class="fa fa-commenting-o" aria-hidden="true"></i>
</div>

你想要这样吗？