28 lines
883 B
Markdown
28 lines
883 B
Markdown
|
---
|
||
|
|
title: Add Font Awesome Icons to Our Buttons
|
||
|
|
---
|
||
|
|
|
||
|
|
## Add Font Awesome Icons to Our Buttons
|
||
|
|
|
||
|
|
Font Awesome is a convenient library of icons. These icons are vector graphics, stored in the `.svg` file format. These icons are treated just like fonts. You can specify their size using pixels, and they will assume the font size of their parent HTML elements.
|
||
|
|
|
||
|
|
Heres how you add an icon:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<i class="fa fa-thumbs-up"></i>
|
||
|
|
```
|
||
|
|
|
||
|
|
Here is how you would insert that icon on to a button:
|
||
|
|
|
||
|
|
```html
|
||
|
|
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### More Information:
|
||
|
|
|
||
|
|
Get font awesome on your website:
|
||
|
|
<a href='http://fontawesome.io/get-started/' target='_blank' rel='nofollow'>Font awesome - Get started</a>
|
||
|
|
|
||
|
|
Check out all the available font awesome icons:
|
||
|
|
<a href='http://fontawesome.io/icons/' target='_blank' rel='nofollow'>Icons</a>
|