Atmos
Search…
Build System
forms
Starter Template
Icons
Atmos comes bundled with 1500+ material design icons which are available from https://materialdesignicons.com.
To use the icons include the following css file
1
<link rel="stylesheet" type="text/css" href="assets/fonts/materialdesignicons/materialdesignicons.min.css">
Copied!
​
Mapped Icons
we have used material icons as default icon family in atlas. you can change the icons used in atlas by changing values in variables
1
//Icons
2
$icon-font: 'Material Design Icons';
3
​
4
//Icon Mappings
5
$icon-chevron-down: "\F140";
6
$icon-chevron-up: "\F143";
7
$icon-chevron-left: "\F141";
8
$icon-chevron-right: "\F142";
9
$icon-sidebar-pin: "\F930";
10
$icon-sidebar-pin-off: "\F92F";
11
$icon-search: "\F349";
12
$icon-arrow-right: "\F054";
13
$icon-arrow-left: "\F04D";
14
$icon-close: "\F156";
15
$icon-close-circle: "\F15a";
16
$icon-check: "\F12c";
17
$icon-check-circle: "\F5e0";
18
$icon-circle: "\F130";
19
$icon-fullscreen: "\F293";
20
$icon-fullscreen-close: "\F294";
21
$icon-reload: "\F453";
22
$icon-menu: "\F35C";
Copied!
Last modified 3yr ago
Copy link
Contents
Mapped Icons