Svg 堆叠3个字体图标

我正在尝试将3个图标从“超级字体”堆叠到彼此相邻的位置。请参阅以供参考。我知道font awesome有一个stack类，但它似乎只有两个图标堆栈，并且正好位于彼此的顶部。此外，我希望个别图标有一个在屏幕区域的背景，使这些地区是剪辑，而不是重叠。 我应该创建一个新的svg并使用它，还是走css路线值得努力。

---

谢谢

我认为新的SVG是您最好的选择

参考您的图像，请注意图标是透明的，如果fa笔记本电脑和fa移动图标不在笔记本电脑屏幕上可见，您将无法将fa笔记本电脑堆叠在fa桌面和fa移动图标的前面

这里是一个用CSS和一些绝对定位来堆叠它们的演示，向您展示我的意思；

---

我也是这么想的。我用了一点css。但我想知道如何填补这些空白。有没有办法编辑字体图标使其不透明？或者用绝对div填充空白。但话说回来，对于一些简单的东西来说，似乎有很多工作要做。由于CSS问题，我最终不得不放弃并使用SVG。但我确实找到了一种方法，将您自己的SVG作为字体上传到fontello.com上。非常有用的字体图标网站。把这个留给任何需要它的人。是的，在使用Fontello.com方面做得很好。这是一个很棒的服务。我最近积累了一些东西（总是3个图标），通常喜欢重复使用现有的东西而不是重新发明的方法。Youe q绝对是我收藏的一个很好的例子，所以我将接受这个挑战。但恐怕要过几天我才能花时间看它：（（已将q添加为书签，并将kep您发布结果；-）听起来不错。感谢您抽出时间攻读MBA学位。我非常感谢。

span.stack{
   position: relative;   
}
span.stack i{
   position: absolute;
}