字体真棒图标 fa-undo-circle

Question

我正在寻找一个可以用作我的应用程序的 "Reset" 按钮的字体很棒的图标。

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

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

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

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

Answer 1

FA 有一些实用性类，其中之一是 fa-stack。您可以将 fa-circle 堆叠在 fa-undo 下方。

.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>

字体真棒图标 fa-undo-circle

Font Awesome Icons fa-undo-circle

css

fonts

font-awesome