如何设计圆形Fontawesome图标背景？

Question

是否有一种简单的方法可以Fontawesome正确地设计图标背景？我试图用它icon-remove-sign(具有特殊性为圆形)图标来做这件事,以使十字形呈现白色而圆形呈现红色.

困难在于图标被识别为正方形,所以我试图使它成为一个圆圈以便应用红色background color(但我想知道是否有更简单的东西):

.icon-remove-sign {
    padding: 0;
    border-radius: 25px;
    color: white;
    background-color: red;
}

但这还不够,我们可以看到图标顶部的红色背景.

你会怎么做？

Answer 1

使用fontawesome,您可以使用这样的堆叠图标:

<span class="fa-stack fa-lg">
  <i class="fa fa-camera fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>

Answer 2

感觉有点老套，但我设法让它在这里工作：

display:block给它一个高度和宽度似乎是秘密。