Как правильно пользоваться псевдоэлементами?
Берешь class или id и пишешь в css class-name:before или after в зависимости где нужно поставить перед элементом или после. Внутри самого блока пишешь атрибут content. В скобках указываешь значение, которое нужно.
Например \f130 это вот такая иконка в Font Awesome.class-name:before {
    content: "\f130";
}
Или просто добавлять название класса в атрибут class=""
Например<div class="fa-microphone"/>
Все очень просто <i class="fa fa-window-close" aria-hidden="true"></i>
<button type="button" fa fa-ban" aria-hidden="true">нажми</button>
а если с английским не в ладах читай