css - Font Awesome 图标 fa-undo-circle

Question

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

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

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

我需要的示例(带有撤消图像):

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

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