在 FontAwesomeIcon 上叠加图像

Question

我正在设计一个个人网站，我想使用 Font-Awesome 图标。不幸的是，Font-Awesome 没有每个图标，我想要一个 python 图标。我已经从不同的来源分别下载了一个 python 图标，我想将此图像放在字体很棒的图标之上。

这是当两个图标都来自 Font-Awesome 时我如何执行此操作的图像：

Please click here to see how I would like this to look

你能告诉我怎么做吗？

Answer 1

FontAwesome 提供了class fa-stack 来重叠两个图标。试试这个，

<span class="fa-stack fa-lg">
  <i class="fa fa-twitter fa-stack-1x"></i>
  <img src="http://placehold.it/40x40" class=" fa-stack-1x" style="width: 100%;opacity: 0.5;">
</span>

谢谢！

在 FontAwesomeIcon 上叠加图像

Overlaying Image ontop of FontAwesomeIcon

html

css

font-awesome