27 lines
980 B
Markdown
27 lines
980 B
Markdown
|
---
|
||
|
|
title: Add Font Awesome Icons to Our Buttons
|
||
|
|
localeTitle: Adicionar ícones impressionantes da fonte aos nossos botões
|
||
|
|
---
|
||
|
|
## Adicionar ícones impressionantes da fonte aos nossos botões
|
||
|
|
|
||
|
|
Font Awesome é uma conveniente biblioteca de ícones. Esses ícones são gráficos vetoriais, armazenados no formato de arquivo `.svg` . Esses ícones são tratados como fontes. Você pode especificar seu tamanho usando pixels e eles assumirão o tamanho da fonte de seus elementos HTML pai.
|
||
|
|
|
||
|
|
Aqui está como você adiciona um ícone:
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<i class="fa fa-thumbs-up"></i>
|
||
|
|
```
|
||
|
|
|
||
|
|
Aqui está como você iria inserir esse ícone em um botão:
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<button class="btn btn-block btn-primary"><i class="fa fa-thumbs-up"></i> Like</button>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Mais Informações:
|
||
|
|
|
||
|
|
Obter fonte impressionante em seu site: [Fonte impressionante - Comece](http://fontawesome.io/get-started/)
|
||
|
|
|
||
|
|
Confira todos os ícones impressionantes da fonte disponível: [Ícones](http://fontawesome.io/icons/)
|