---
id: bad87fee1348bd9aedc08845
title: Add Font Awesome Icons to all of our Buttons
required:
- link: 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
raw: true
challengeType: 0
forumTopicId: 16637
---
## Description
Font Awesome is a convenient library of icons. These icons can be web fonts or vector graphics. 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.
## Instructions
Use Font Awesome to add an info-circle icon to your info button and a trash icon to your delete button.
Note: The span element is an acceptable alternative to the i element for the directions below.
## Tests
```yml
tests:
- text: You should add a <i class="fas fa-info-circle"></i> within your info button element.
testString: assert($(".btn-info > i").is(".fas.fa-info-circle") || $(".btn-info > span").is(".fas.fa-info-circle"));
- text: You should add a <i class="fas fa-trash"></i> within your delete button element.
testString: assert($(".btn-danger > i").is(".fas.fa-trash") || $(".btn-danger > span").is(".fas.fa-trash"));
- text: Make sure each of your i elements has a closing tag and <i class="fas fa-thumbs-up"></i> is in your like button element.
testString: assert(code.match(/<\/i>|<\/span/g) && code.match(/<\/i|<\/span>/g).length > 2 && ($(".btn-primary > i").is(".fas.fa-thumbs-up") || $(".btn-primary > span").is(".fas.fa-thumbs-up")));
```
## Challenge Seed