---
id: 60b69a66b6ddb80858c5159b
title: Step 37
challengeType: 0
dashedName: step-37
---
# --description--
Time to use some FontAwesome icons.
The `i` element is used for idiomatic text, or text that is separate from the "normal" text content. This could be for _italic_ text, such as scientific terms, or for icons like those provided by FontAwesome.
Within your `white-paper` element, add four `i` elements. Give them all a `class` value of `fas fa-music`.
This special class is how FontAwesome determines which icon to load. `fas` indicates the category of icons (FontAwesome Solid, here), while `fa-music` selects the specific icon.
# --hints--
You should have four new `i` elements within your `#white-paper` element.
```js
assert(document.querySelectorAll('#white-paper > i')?.length === 4);
```
All of your `i` elements should have the `class` set to `fas fa-music`.
```js
const icons = document.querySelectorAll('#white-paper > i');
for (const icon of icons) {
assert(icon.classList?.contains('fas'));
assert(icon.classList?.contains('fa-music'));
};
```
# --seed--
## --seed-contents--
```html
freeCodeCamp Picasso Painting