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>