Iconography

lotus One uses the fully open sourced and GPL friendly Font Awesome SVG font library for all of its icons. Font Awesome gives the designer scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

HTML Usage

Add the Font Awesome class and corresponding icon class to any element

HTML
    <i class='fa fa-camera'></i>    

CSS Usage

Add an escaped Unicode character code to the content property of either the :before or :after pseudo class.

CSS
    
.selector::after {
	/*or use :before*/
	font-family: 'FontAwesome';
	content: '030';   /*unicode for camera icon*/
	color: blue;
	font-size: 2em;
}