1@font-face {
2 font-family: 'simple-line-icons';
3 src: url('fonts/Simple-Line-Icons.eot?v=2.4.0');
4 src: url('fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
5 font-weight: normal;
6 font-style: normal;
7}
8/*
9 Use the following CSS code if you want to have a class per icon.
10 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
11*/
12.icon-user,
13.icon-people,
14.icon-user-female,
15.icon-user-follow,
16.icon-user-following,
17.icon-user-unfollow,
18.icon-login,
19.icon-logout,
20.icon-emotsmile,
21.icon-phone,
22.icon-call-end,
23.icon-call-in,
24.icon-call-out,
25.icon-map,
26.icon-location-pin,
27.icon-direction,
28.icon-directions,
29.icon-compass,
30.icon-layers,
31.icon-menu,
32.icon-list,
33.icon-options-vertical,
34.icon-options,
35.icon-arrow-down,
36.icon-arrow-left,
37.icon-arrow-right,
38.icon-arrow-up,
39.icon-arrow-up-circle,
40.icon-arrow-left-circle,
...
</html>