Как определить код картинки в svg?

Question

[Сергей Мельников]

Всем привет. Мне достался шаблон. Сижу, не могу понять как определять иконки Flaticon.
Есть такой код:

@font-face {
	font-family: "Flaticon";
	src: url("../fonts/Flaticon.eot");
	src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Flaticon.woff2") format("woff2"),
	url("../fonts/Flaticon.woff") format("woff"),
	url("../fonts/Flaticon.ttf") format("truetype"),
	url("../fonts/Flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
		font-family: "Flaticon";
		src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
	}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
	font-style: normal;
}

.flaticon-bag:before { content: "\f100"; }

Где найти коды \f... и т.д.? Я не могу понять, как определить какой код за каким рисунком числится.
А есть вообще просмоторщик шрифтов? Я такой в инете не нашёл. Подскажите плз.

Comments

[Сергей Мельников]

Коды такие

.flaticon-bag:before { content: "\f100"; }
.flaticon-delivery-truck:before { content: "\f101"; }
.flaticon-facebook:before { content: "\f102"; }
.flaticon-twitter:before { content: "\f103"; }
.flaticon-pinterest:before { content: "\f104"; }
.flaticon-linkedin:before { content: "\f105"; }
.flaticon-email:before { content: "\f106"; }
.flaticon-call:before { content: "\f107"; }
.flaticon-user:before { content: "\f108"; }
.flaticon-shopping-cart:before { content: "\f109"; }
.flaticon-heart:before { content: "\f10a"; }
.flaticon-next:before { content: "\f10b"; }
.flaticon-left-arrow:before { content: "\f10c"; }