Глава I — Определяем исходные данные
Начнем с азов. Выделяем нужный нам заголовок с иконкой. В данном случае, это элемент «Menu».
Клик правой кнопкой мыши и находим «Просмотр кода элемента» (если у Вас Google Chrome) или же нажимаем Ctr + Shift + I
Появится меню, как на скриншоте снизу. В нем надо найти элемент ::Before , который будет находится строго НАД искомым заголовком.
Кликаете по этому элементу и появится его CSS код. Он выделен зеленым прямоугольником.
В нем есть строчка типа content: ‘\E9BB’ — это и есть искомый код иконки.
Глава II — Подбираем иконку
Глава III — Заменяем иконку
Глава IV — Делаем свой блок с иконкой