Стили CSS, bootstrap, font-awesome

Скачал шаблон сайта: используется bootsrtap, свои какие-то стили, font-awesome.min.css.
Как в этом разобраться что будет в результате применения какого-то стиля?

Вот например,
<i class="fa fa-th-list"></i>
в результате получу зображення

Но я хочу, например, чтобы там был #. Есть такой стиль? Чтоб узнать какие еще есть варианты: захожу в каждый .css, ищу “fa-th-list”.
Нахожу в font-awesome.min.css -
.fa-th-list:before(content:"\f00b")
и что дальше? разбирать строку из .css и перебирать/применять все стили?

На сайтах таких шрифтов есть списки

fontawesome.com/icons?d=gallery&m=free

Так, с етим понятно: зашел на сайт, выбрал иконку, жмякнул мышом - всплыло окно с кодом.

насколько помню там генериться специальный файлик -откуда и берутся стили и просто навешиваешь класс

Где “там” ?

Тут (способы установки).

Но вопрос же вроде был не как установить/использовать, а как нужную иконку найти )

Да, вопрос был как в “специальном файлике” найти что-то нужное )

так вроде норм ide (как webstorm) покажет.Хотя могу ошибаться