Берешь class или id и пишешь в css class-name:before или after в зависимости где нужно поставить перед элементом или после. Внутри самого блока пишешь атрибут content. В скобках указываешь значение, которое нужно.
Например \f130 это вот такая иконка в Font Awesome
![bb57d0c487c648a2b595060309da0a86.png](https://habrastorage.org/files/bb5/7d0/c48/bb57d0c487c648a2b595060309da0a86.png)
.class-name:before {
content: "\f130";
}
Или просто добавлять название класса в атрибут class=""
Например
<div class="fa-microphone"/>