7 #webfont EITI Webfont Icons

This is a custom webfont made for the eiti project. Font icons are namespaced with a '.icon-' class. To use a font, the recommended use is to create an element with the class attribute set to your icon of choice. Alternatively, use an icon by specifying font-family: 'eiti', and setting the content property of :before or :after pseudo-selectors to correspond with that of the intended icon.

Examples
Default styling
.icon
Void – All of the following icons are displayed at 2rem
.icon-coal
coal icon
.icon-oil
oil icon
.icon-gold
gold icon
.icon-iron
iron icon
.icon-wind
wind icon (similar to renewables)
.icon-geo
geo icon
.icon-copper
copper icon
.icon-gas
gas icon
.icon-hardrock
hardrock
.icon-renewables
renewables icon
.icon-book
book icon (for glossary)
.icon-map
map icon
.icon-cloud
download icon
.icon-close-x
close button
.icon-chevron-sm
small chevron, defaults right
.icon-chevron-sm-right
small chevron right
.icon-chevron-sm-left
small chevron left
.icon-chevron-sm-up
small chevron up
.icon-chevron-sm-down
small chevron down
.icon-chevron-lg
large chevron, defaults right
.icon-chevron-lg-right
large chevron right
.icon-chevron-lg-left
large chevron left
.icon-chevron-lg-up
large chevron up
.icon-chevron-lg-down
large chevron down
.icon-dash-sm
small dash
.icon-dash-lg
large dash
.icon-plus-sm
small plus
.icon-plus-lg
large plus
.icon-search
search icon
<i style="font-size: 2rem; color: #4a4a4a;" class="icon [modifier class]"></i>
<i style="font-size: 2rem; color: #1478a6;" class="icon [modifier class]"></i>