---
id: bad87fee1348bd9aedc08845
title: Add Font Awesome Icons to all of our Buttons
required:
- link: 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: Adicionar ícones de fonte impressionante para todos os nossos botões
---
## Description
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. Use Font Awesome para adicionar um ícone de info-circle de informações ao seu botão de informações e um ícone de trash ao seu botão de exclusão. Nota: O elemento span é uma alternativa aceitável ao elemento i para as instruções abaixo.
## Instructions
## Tests
```yml
tests:
- text: Você deve adicionar um <i class="fa fa-info-circle"></i> dentro do seu elemento de botão de informação.
testString: 'assert($(".btn-info > i").is(".fa.fa-info-circle") || $(".btn-info > span").is(".fa.fa-info-circle"), "You should add a <i class="fa fa-info-circle"></i> within your info button element.");'
- text: Você deve adicionar um <i class="fa fa-trash"></i> dentro do elemento do botão delete.
testString: 'assert($(".btn-danger > i").is(".fa.fa-trash") || $(".btn-danger > span").is(".fa.fa-trash"), "You should add a <i class="fa fa-trash"></i> within your delete button element.");'
- text: Certifique-se de que cada um dos seus elementos i tenha uma tag de fechamento e que o <i class="fa fa-thumbs-up"></i> esteja em seu elemento de botão like.
testString: 'assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fa.fa-thumbs-up") || $(".btn-primary > span").is(".fa.fa-thumbs-up")), "Make sure each of your i elements has a closing tag and <i class="fa fa-thumbs-up"></i> is in your like button element.");'
```
## Challenge Seed