«w3resource

**

Font Awesome Arrow-Down Icon

«Вторичный

использование

<i class="fa fa-arrow-down"></i>

Из коробки 

 <! DOCTYPE html>
<HTML>
<Голова>
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</ HEAD>
<Тело>
<i class = "fa fa-arrow-down"> </ i>
</ Body>
</ Html>

JS Bin на jsbin.com

Большой значок 

 <! DOCTYPE html>
<HTML>
<Голова>
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
</ HEAD>
<Тело>
<i class = "fa fa-arrow-down fa-5x"> </ i>
<! - использовать классы fa-lg (увеличение на 33%), fa-2x, fa-3x, fa-4x или fa-5x ->
</ Body>
</ Html>

JS Bin на jsbin.com

Сменить цвет 

 <! DOCTYPE html>
<HTML>
<Голова>
<link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<style type = "text / css">
.fa_custom {
цвет: # 0099CC
}
</ Стиль>
</ HEAD>
<Тело>
<i class = "fa fa-arrow-down fa_custom"> </ i>
<i class = "fa fa-arrow-down fa_custom fa-2x"> </ i>
<i class = "fa fa-arrow-down fa_custom fa-3x"> </ i>
<i class = "fa fa-arrow-down fa_custom fa-4x"> </ i>
</ Body>
</ Html>

JS Bin на jsbin.com

Присоединяйтесь к нашему сообществу вопросов и ответов, чтобы учиться и делиться своими знаниями в области программирования.