2015-09-07 3 views
2

Im look for good font awesome icon Я мог бы использовать как кнопку «Сброс» для своего приложения.Шрифт Awesome Icons fa-undo-circle

Im в настоящее время с помощью фа-уничтожьте, который выглядит следующим образом:

enter image description here

Проблема заключается в том, что мне это нужно, чтобы круг вокруг него, как и другие кнопки в моей системе делать (это стандарт шрифт удивительные иконы, ничего не было изменено, кроме цвета)

пример того, что мне нужно (с отмен изображением):

enter image description here

Ive читал список here почти час, но не мог подумать о возможной альтернативе. Есть предположения?

+1

Установить цвет: белый; для значка, синий фон, с радиусом границы: 50%. Это то, что вам нужно? –

ответ

8

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

+0

Совершенный Бен, спасибо. Я не знал, что есть функция стека. –

Смежные вопросы