Font Awesome Icons fa-undo-circle

【问题标题】：Font Awesome Icons fa-undo-circleFont Awesome Icons fa-undo-circle
【发布时间】：2015-09-07 14:04:45
【问题描述】：

我正在寻找一个很好的字体真棒图标，我可以将其用作我的应用程序的“重置”按钮。

我目前正在使用 fa-undo，它看起来像这样：

问题是我需要它周围有一个圆圈，就像我系统中的其他按钮一样（这些是字体真棒图标的标准，除了颜色没有任何修改）

我需要的示例（带有撤消图像）：

我已经阅读列表here 将近一个小时，但想不出可能的替代方案。有什么想法吗？

【问题讨论】：

设置颜色：白色；对于图标，背景为蓝色，边框半径：50%。这就是你需要的吗？

标签： css fonts font-awesome

【解决方案1】：

FA 有一些实用程序类，其中之一是fa-stack。你可以在fa-undo下面堆叠fa-circle。

.fa-circle {
  color: #008db8;  
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa-stack">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-undo fa-stack-1x fa-inverse"></i>
</span>

【讨论】：

完美的本，谢谢。我不知道有可用的堆栈功能。