iconic icons for lungo.js ( http://www.lungojs.com/ )

icons.html

<!-- copied and modified from the Lungo.js kitchensink example ( http://www.lungojs.com/ ) -->
<article id="icons" class="list scrollable">
            <div class="indented">
                <h1 class="title">&lt;class&gt; icon: everything is a vector!</h1>
                <p class="text">In the listed examples you are seeing a attribute "data-icon", this attribute only need the semantic name of the icon you want to show and LungoJS will do the rest of the work.</p>

                <ul>
					<li data-icon="map mini">map</li>
					<li data-icon="clock mini">clock</li>
					<li data-icon="calendar mini">calendar</li>
					<li data-icon="message mini">message</li>
					<li data-icon="chat mini">chat</li>
					<li data-icon="user mini">user</li>
					<li data-icon="group mini">group</li>
					<li data-icon="loading mini">loading</li>
					<li data-icon="refresh mini">refresh</li>
					<li data-icon="search mini">search</li>
					<li data-icon="pushpin mini">pushpin</li>
					<li data-icon="star mini">star</li>
					<li data-icon="heart mini">heart</li>
					<li data-icon="warning mini">warning</li>
					<li data-icon="add mini">add</li>
					<li data-icon="remove mini">remove</li>
					<li data-icon="question mini">question</li>
					<li data-icon="info mini">info</li>
					<li data-icon="check mini">check</li>
					<li data-icon="substract mini">substract</li>
					<li data-icon="close mini">close</li>
					<li data-icon="plus mini">plus</li>
					<li data-icon="up mini">up</li>
					<li data-icon="down mini">down</li>
					<li data-icon="left mini">left</li>
					<li data-icon="right mini">right</li>
					<li data-icon="home mini">home</li>
					<li data-icon="pencil mini">pencil</li>
					<li data-icon="edit mini">edit</li>
					<li data-icon="picture mini">picture</li>
					<li data-icon="camera mini">camera</li>
					<li data-icon="music mini">music</li>
					<li data-icon="wifi mini">wifi</li>
					<li data-icon="file mini">file</li>
					<li data-icon="files mini">files</li>
					<li data-icon="folder mini">folder</li>
					<li data-icon="key mini">key</li>
					<li data-icon="settings mini">settings</li>
					<li data-icon="chart mini">chart</li>
					<li data-icon="trash mini">trash</li>
					<li data-icon="target mini">target</li>
					<li data-icon="items mini">items</li>
					<li data-icon="download mini">download</li>
					<li data-icon="upload mini">upload</li>
					<li data-icon="basket mini">basket</li>
					<li data-icon="phone mini">phone</li>
					<li data-icon="mail mini">mail</li>
					<li data-icon="tag mini">tag</li>
					<!-- added iconic icons as well -->
					<li data-icon="iconichome mini">iconichome</li>
					<li data-icon="iconicat mini">iconicat</li>
					<li data-icon="iconicquote mini">iconicquote</li>
					<li data-icon="iconicquote-alt mini">iconicquote-alt</li>
					<li data-icon="iconicarrow-up mini">iconicarrow-up</li>
					<li data-icon="iconicarrow-right mini">iconicarrow-right</li>
					<li data-icon="iconicarrow-bottom mini">iconicarrow-bottom</li>
					<li data-icon="iconicarrow-left mini">iconicarrow-left</li>
					<li data-icon="iconicarrow-up-alt mini">iconicarrow-up-alt</li>
					<li data-icon="iconicarrow-right-alt mini">iconicarrow-right-alt</li>
					<li data-icon="iconicarrow-bottom-alt mini">iconicarrow-bottom-alt</li>
					<li data-icon="iconicarrow-left-alt mini">iconicarrow-left-alt</li>
					<li data-icon="iconicmove mini">iconicmove</li>
					<li data-icon="iconicmove-vertical mini">iconicmove-vertical</li>
					<li data-icon="iconicmove-horizontal mini">iconicmove-horizontal</li>
					<li data-icon="iconicmove-alt mini">iconicmove-alt</li>
					<li data-icon="iconicmove-vertical-alt mini">iconicmove-vertical-alt</li>
					<li data-icon="iconicmove-horizontal-alt mini">iconicmove-horizontal-alt</li>
					<li data-icon="iconiccursor mini">iconiccursor</li>
					<li data-icon="iconicplus mini">iconicplus</li>
					<li data-icon="iconicplus-alt mini">iconicplus-alt</li>
					<li data-icon="iconicminus mini">iconicminus</li>
					<li data-icon="iconicminus-alt mini">iconicminus-alt</li>
					<li data-icon="iconicnew-window mini">iconicnew-window</li>
					<li data-icon="iconicdial mini">iconicdial</li>
					<li data-icon="iconiclightbulb mini">iconiclightbulb</li>
					<li data-icon="iconiclink mini">iconiclink</li>
					<li data-icon="iconicimage mini">iconicimage</li>
					<li data-icon="iconicarticle mini">iconicarticle</li>
					<li data-icon="iconicread-more mini">iconicread-more</li>
					<li data-icon="iconicheadphones mini">iconicheadphones</li>
					<li data-icon="iconicequalizer mini">iconicequalizer</li>
					<li data-icon="iconicfullscreen mini">iconicfullscreen</li>
					<li data-icon="iconicexit-fullscreen mini">iconicexit-fullscreen</li>
					<li data-icon="iconicspin mini">iconicspin</li>
					<li data-icon="iconicspin-alt mini">iconicspin-alt</li>
					<li data-icon="iconicmoon mini">iconicmoon</li>
					<li data-icon="iconicsun mini">iconicsun</li>
					<li data-icon="iconicmap-pin mini">iconicmap-pin</li>
					<li data-icon="iconicpin mini">iconicpin</li>
					<li data-icon="iconiceyedropper mini">iconiceyedropper</li>
					<li data-icon="iconicdenied mini">iconicdenied</li>
					<li data-icon="iconiccalendar mini">iconiccalendar</li>
					<li data-icon="iconiccalendar-alt mini">iconiccalendar-alt</li>
					<li data-icon="iconicbolt mini">iconicbolt</li>
					<li data-icon="iconicclock mini">iconicclock</li>
					<li data-icon="iconicdocument mini">iconicdocument</li>
					<li data-icon="iconicbook mini">iconicbook</li>
					<li data-icon="iconicbook-alt mini">iconicbook-alt</li>
					<li data-icon="iconicmagnifying-glass mini">iconicmagnifying-glass</li>
					<li data-icon="iconictag mini">iconictag</li>
					<li data-icon="iconicheart mini">iconicheart</li>
					<li data-icon="iconicinfo mini">iconicinfo</li>
					<li data-icon="iconicchat mini">iconicchat</li>
					<li data-icon="iconicchat-alt mini">iconicchat-alt</li>
					<li data-icon="iconickey mini">iconickey</li>
					<li data-icon="iconicunlocked mini">iconicunlocked</li>
					<li data-icon="iconiclocked mini">iconiclocked</li>
					<li data-icon="iconicmail mini">iconicmail</li>
					<li data-icon="iconicmail-alt mini">iconicmail-alt</li>
					<li data-icon="iconicphone mini">iconicphone</li>
					<li data-icon="iconicbox mini">iconicbox</li>
					<li data-icon="iconicpencil mini">iconicpencil</li>
					<li data-icon="iconicpencil-alt mini">iconicpencil-alt</li>
					<li data-icon="iconiccomment mini">iconiccomment</li>
					<li data-icon="iconiccomment-alt mini">iconiccomment-alt</li>
					<li data-icon="iconicrss mini">iconicrss</li>
					<li data-icon="iconicstar mini">iconicstar</li>
					<li data-icon="iconictrash mini">iconictrash</li>
					<li data-icon="iconicuser mini">iconicuser</li>
					<li data-icon="iconicvolume mini">iconicvolume</li>
					<li data-icon="iconicmute mini">iconicmute</li>
					<li data-icon="iconiccog mini">iconiccog</li>
					<li data-icon="iconiccog-alt mini">iconiccog-alt</li>
					<li data-icon="iconicx mini">iconicx</li>
					<li data-icon="iconicx-alt mini">iconicx-alt</li>
					<li data-icon="iconiccheck mini">iconiccheck</li>
					<li data-icon="iconiccheck-alt mini">iconiccheck-alt</li>
					<li data-icon="iconicbeaker mini">iconicbeaker</li>
					<li data-icon="iconicbeaker-alt mini">iconicbeaker-alt</li>
					<!-- added iconicfill -->
					<li data-icon="iconicfillhash mini">iconicfillhash</li>
					<li data-icon="iconicfillquestion_mark mini">iconicfillquestion_mark</li>
					<li data-icon="iconicfillat mini">iconicfillat</li>
					<li data-icon="iconicfillpilcrow mini">iconicfillpilcrow</li>
					<li data-icon="iconicfillinfo mini">iconicfillinfo</li>
					<li data-icon="iconicfillarrow_left mini">iconicfillarrow_left</li>
					<li data-icon="iconicfillarrow_up mini">iconicfillarrow_up</li>
					<li data-icon="iconicfillarrow_right mini">iconicfillarrow_right</li>
					<li data-icon="iconicfillarrow_down mini">iconicfillarrow_down</li>
					<li data-icon="iconicfillhome mini">iconicfillhome</li>
					<li data-icon="iconicfillsun_fill mini">iconicfillsun_fill</li>
					<li data-icon="iconicfillcloud mini">iconicfillcloud</li>
					<li data-icon="iconicfillumbrella mini">iconicfillumbrella</li>
					<li data-icon="iconicfillstar mini">iconicfillstar</li>
					<li data-icon="iconicfillmoon_fill mini">iconicfillmoon_fill</li>
					<li data-icon="iconicfillheart_fill mini">iconicfillheart_fill</li>
					<li data-icon="iconicfillcog mini">iconicfillcog</li>
					<li data-icon="iconicfillbolt mini">iconicfillbolt</li>
					<li data-icon="iconicfillkey_fill mini">iconicfillkey_fill</li>
					<li data-icon="iconicfillrain mini">iconicfillrain</li>
					<li data-icon="iconicfilldenied mini">iconicfilldenied</li>
					<li data-icon="iconicfillmail mini">iconicfillmail</li>
					<li data-icon="iconicfillpen mini">iconicfillpen</li>
					<li data-icon="iconicfillcheck mini">iconicfillcheck</li>
					<li data-icon="iconicfillcheck_alt mini">iconicfillcheck_alt</li>
					<li data-icon="iconicfillx mini">iconicfillx</li>
					<li data-icon="iconicfillx_alt mini">iconicfillx_alt</li>
					<li data-icon="iconicfillleft_quote mini">iconicfillleft_quote</li>
					<li data-icon="iconicfillright_quote mini">iconicfillright_quote</li>
					<li data-icon="iconicfillplus mini">iconicfillplus</li>
					<li data-icon="iconicfillminus mini">iconicfillminus</li>
					<li data-icon="iconicfillcurved_arrow mini">iconicfillcurved_arrow</li>
					<li data-icon="iconicfilldocument_alt_fill mini">iconicfilldocument_alt_fill</li>
					<li data-icon="iconicfillcalendar mini">iconicfillcalendar</li>
					<li data-icon="iconicfillmap_pin_alt mini">iconicfillmap_pin_alt</li>
					<li data-icon="iconicfillcomment_alt1_fill mini">iconicfillcomment_alt1_fill</li>
					<li data-icon="iconicfillcomment_alt2_fill mini">iconicfillcomment_alt2_fill</li>
					<li data-icon="iconicfillpen_alt_fill mini">iconicfillpen_alt_fill</li>
					<li data-icon="iconicfillpen_alt2 mini">iconicfillpen_alt2</li>
					<li data-icon="iconicfillchat_alt_fill mini">iconicfillchat_alt_fill</li>
					<li data-icon="iconicfillplus_alt mini">iconicfillplus_alt</li>
					<li data-icon="iconicfillminus_alt mini">iconicfillminus_alt</li>
					<li data-icon="iconicfillbars_alt mini">iconicfillbars_alt</li>
					<li data-icon="iconicfillbook_alt mini">iconicfillbook_alt</li>
					<li data-icon="iconicfillaperture_alt mini">iconicfillaperture_alt</li>
					<li data-icon="iconicfillbeaker_alt mini">iconicfillbeaker_alt</li>
					<li data-icon="iconicfillleft_quote_alt mini">iconicfillleft_quote_alt</li>
					<li data-icon="iconicfillright_quote_alt mini">iconicfillright_quote_alt</li>
					<li data-icon="iconicfillarrow_left_alt1 mini">iconicfillarrow_left_alt1</li>
					<li data-icon="iconicfillarrow_up_alt1 mini">iconicfillarrow_up_alt1</li>
					<li data-icon="iconicfillarrow_right_alt1 mini">iconicfillarrow_right_alt1</li>
					<li data-icon="iconicfillarrow_down_alt1 mini">iconicfillarrow_down_alt1</li>
					<li data-icon="iconicfillarrow_left_alt2 mini">iconicfillarrow_left_alt2</li>
					<li data-icon="iconicfillarrow_up_alt2 mini">iconicfillarrow_up_alt2</li>
					<li data-icon="iconicfillarrow_right_alt2 mini">iconicfillarrow_right_alt2</li>
					<li data-icon="iconicfillarrow_down_alt2 mini">iconicfillarrow_down_alt2</li>
					<li data-icon="iconicfillbrush mini">iconicfillbrush</li>
					<li data-icon="iconicfillbrush_alt mini">iconicfillbrush_alt</li>
					<li data-icon="iconicfilleyedropper mini">iconicfilleyedropper</li>
					<li data-icon="iconicfilllayers mini">iconicfilllayers</li>
					<li data-icon="iconicfilllayers_alt mini">iconicfilllayers_alt</li>
					<li data-icon="iconicfillcompass mini">iconicfillcompass</li>
					<li data-icon="iconicfillaward_fill mini">iconicfillaward_fill</li>
					<li data-icon="iconicfillbeaker mini">iconicfillbeaker</li>
					<li data-icon="iconicfillsteering_wheel mini">iconicfillsteering_wheel</li>
					<li data-icon="iconicfilleye mini">iconicfilleye</li>
					<li data-icon="iconicfillaperture mini">iconicfillaperture</li>
					<li data-icon="iconicfillimage mini">iconicfillimage</li>
					<li data-icon="iconicfillchart mini">iconicfillchart</li>
					<li data-icon="iconicfillchart_alt mini">iconicfillchart_alt</li>
					<li data-icon="iconicfilltarget mini">iconicfilltarget</li>
					<li data-icon="iconicfilltag_fill mini">iconicfilltag_fill</li>
					<li data-icon="iconicfillrss mini">iconicfillrss</li>
					<li data-icon="iconicfillrss_alt mini">iconicfillrss_alt</li>
					<li data-icon="iconicfillshare mini">iconicfillshare</li>
					<li data-icon="iconicfillundo mini">iconicfillundo</li>
					<li data-icon="iconicfillreload mini">iconicfillreload</li>
					<li data-icon="iconicfillreload_alt mini">iconicfillreload_alt</li>
					<li data-icon="iconicfillloop_alt1 mini">iconicfillloop_alt1</li>
					<li data-icon="iconicfillloop_alt2 mini">iconicfillloop_alt2</li>
					<li data-icon="iconicfillloop_alt3 mini">iconicfillloop_alt3</li>
					<li data-icon="iconicfillloop_alt4 mini">iconicfillloop_alt4</li>
					<li data-icon="iconicfillspin mini">iconicfillspin</li>
					<li data-icon="iconicfillspin_alt mini">iconicfillspin_alt</li>
					<li data-icon="iconicfillmove_horizontal mini">iconicfillmove_horizontal</li>
					<li data-icon="iconicfillmove_horizontal_alt1 mini">iconicfillmove_horizontal_alt1</li>
					<li data-icon="iconicfillmove_horizontal_alt2 mini">iconicfillmove_horizontal_alt2</li>
					<li data-icon="iconicfillmove_vertical mini">iconicfillmove_vertical</li>
					<li data-icon="iconicfillmove_vertical_alt1 mini">iconicfillmove_vertical_alt1</li>
					<li data-icon="iconicfillmove_vertical_alt2 mini">iconicfillmove_vertical_alt2</li>
					<li data-icon="iconicfillmove mini">iconicfillmove</li>
					<li data-icon="iconicfillmove_alt1 mini">iconicfillmove_alt1</li>
					<li data-icon="iconicfillmove_alt2 mini">iconicfillmove_alt2</li>
					<li data-icon="iconicfilltransfer mini">iconicfilltransfer</li>
					<li data-icon="iconicfilldownload mini">iconicfilldownload</li>
					<li data-icon="iconicfillupload mini">iconicfillupload</li>
					<li data-icon="iconicfillcloud_download mini">iconicfillcloud_download</li>
					<li data-icon="iconicfillcloud_upload mini">iconicfillcloud_upload</li>
					<li data-icon="iconicfillfork mini">iconicfillfork</li>
					<li data-icon="iconicfillplay mini">iconicfillplay</li>
					<li data-icon="iconicfillplay_alt mini">iconicfillplay_alt</li>
					<li data-icon="iconicfillpause mini">iconicfillpause</li>
					<li data-icon="iconicfillstop mini">iconicfillstop</li>
					<li data-icon="iconicfilleject mini">iconicfilleject</li>
					<li data-icon="iconicfillfirst mini">iconicfillfirst</li>
					<li data-icon="iconicfilllast mini">iconicfilllast</li>
					<li data-icon="iconicfillfullscreen mini">iconicfillfullscreen</li>
					<li data-icon="iconicfillfullscreen_alt mini">iconicfillfullscreen_alt</li>
					<li data-icon="iconicfillfullscreen_exit mini">iconicfillfullscreen_exit</li>
					<li data-icon="iconicfillfullscreen_exit_alt mini">iconicfillfullscreen_exit_alt</li>
					<li data-icon="iconicfillequalizer mini">iconicfillequalizer</li>
					<li data-icon="iconicfillarticle mini">iconicfillarticle</li>
					<li data-icon="iconicfillread_more mini">iconicfillread_more</li>
					<li data-icon="iconicfilllist mini">iconicfilllist</li>
					<li data-icon="iconicfilllist_nested mini">iconicfilllist_nested</li>
					<li data-icon="iconicfillcursor mini">iconicfillcursor</li>
					<li data-icon="iconicfilldial mini">iconicfilldial</li>
					<li data-icon="iconicfillnew_window mini">iconicfillnew_window</li>
					<li data-icon="iconicfilltrash_fill mini">iconicfilltrash_fill</li>
					<li data-icon="iconicfillbattery_half mini">iconicfillbattery_half</li>
					<li data-icon="iconicfillbattery_empty mini">iconicfillbattery_empty</li>
					<li data-icon="iconicfillbattery_charging mini">iconicfillbattery_charging</li>
					<li data-icon="iconicfillchat mini">iconicfillchat</li>
					<li data-icon="iconicfillmic mini">iconicfillmic</li>
					<li data-icon="iconicfillmovie mini">iconicfillmovie</li>
					<li data-icon="iconicfillheadphones mini">iconicfillheadphones</li>
					<li data-icon="iconicfilluser mini">iconicfilluser</li>
					<li data-icon="iconicfilllightbulb mini">iconicfilllightbulb</li>
					<li data-icon="iconicfillcd mini">iconicfillcd</li>
					<li data-icon="iconicfillfolder_fill mini">iconicfillfolder_fill</li>
					<li data-icon="iconicfilldocument_fill mini">iconicfilldocument_fill</li>
					<li data-icon="iconicfillpin mini">iconicfillpin</li>
					<li data-icon="iconicfillmap_pin_fill mini">iconicfillmap_pin_fill</li>
					<li data-icon="iconicfillbook mini">iconicfillbook</li>
					<li data-icon="iconicfillbook_alt2 mini">iconicfillbook_alt2</li>
					<li data-icon="iconicfillbox mini">iconicfillbox</li>
					<li data-icon="iconicfillcalendar_alt_fill mini">iconicfillcalendar_alt_fill</li>
					<li data-icon="iconicfillcomment_fill mini">iconicfillcomment_fill</li>
					<li data-icon="iconicfilliphone mini">iconicfilliphone</li>
					<li data-icon="iconicfillbars mini">iconicfillbars</li>
					<li data-icon="iconicfillcamera mini">iconicfillcamera</li>
					<li data-icon="iconicfillvolume_mute mini">iconicfillvolume_mute</li>
					<li data-icon="iconicfillvolume mini">iconicfillvolume</li>
					<li data-icon="iconicfillbattery_full mini">iconicfillbattery_full</li>
					<li data-icon="iconicfillmagnifying_glass mini">iconicfillmagnifying_glass</li>
					<li data-icon="iconicfilllock_fill mini">iconicfilllock_fill</li>
					<li data-icon="iconicfillunlock_fill mini">iconicfillunlock_fill</li>
					<li data-icon="iconicfilllink mini">iconicfilllink</li>
					<li data-icon="iconicfillwrench mini">iconicfillwrench</li>
					<li data-icon="iconicfillclock mini">iconicfillclock</li>
                </ul>
            </div>
        </article>

Lungo.widgets.iconic.css

/* requires the IconicStroke font from https://github.com/somerandomdude/Iconic/ */

@font-face {
  font-family: 'IconicStroke';
    src: url("iconic_stroke.eot");
    src: local('IconicStroke'),
       url("iconic_stroke.svg#iconic") format('svg'),
	   url("iconic_stroke.otf") format('opentype');
}


.iconichome:before { font-family: "IconicStroke"; content: '!'; }
.iconicat:before { font-family: "IconicStroke"; content: "@"; }
.iconicquote:before { font-family: "IconicStroke"; content: '"'; }
.iconicquote-alt:before { font-family: "IconicStroke"; content: "'"; }
.iconicarrow-up:before { font-family: "IconicStroke"; content: "3"; }
.iconicarrow-right:before { font-family: "IconicStroke"; content: "4"; }
.iconicarrow-bottom:before { font-family: "IconicStroke"; content: "5"; }
.iconicarrow-left:before { font-family: "IconicStroke"; content: "6"; }
.iconicarrow-up-alt:before { font-family: "IconicStroke"; content: "#"; }
.iconicarrow-right-alt:before { font-family: "IconicStroke"; content: "$"; }
.iconicarrow-bottom-alt:before { font-family: "IconicStroke"; content: "%"; }
.iconicarrow-left-alt:before { font-family: "IconicStroke"; content: "^"; }
.iconicmove:before { font-family: "IconicStroke"; content: "9"; }
.iconicmove-vertical:before { font-family: "IconicStroke"; content: "8"; }
.iconicmove-horizontal:before { font-family: "IconicStroke"; content: "7"; }
.iconicmove-alt:before { font-family: "IconicStroke"; content: "("; }
.iconicmove-vertical-alt:before { font-family: "IconicStroke"; content: "*"; }
.iconicmove-horizontal-alt:before { font-family: "IconicStroke"; content: "&"; }
.iconiccursor:before { font-family: "IconicStroke"; content: ")"; }
.iconicplus:before { font-family: "IconicStroke"; content: "+"; }
.iconicplus-alt:before { font-family: "IconicStroke"; content: "="; }
.iconicminus:before { font-family: "IconicStroke"; content: "-"; }
.iconicminus-alt:before { font-family: "IconicStroke"; content: "_"; }
.iconicnew-window:before { font-family: "IconicStroke"; content: "1"; }
.iconicdial:before { font-family: "IconicStroke"; content: "2"; }
.iconiclightbulb:before { font-family: "IconicStroke"; content: "0"; }
.iconiclink:before { font-family: "IconicStroke"; content: "/"; }
.iconicimage:before { font-family: "IconicStroke"; content: "?"; }
.iconicarticle:before { font-family: "IconicStroke"; content: ">"; }
.iconicread-more:before { font-family: "IconicStroke"; content: "."; }
.iconicheadphones:before { font-family: "IconicStroke"; content: ","; }
.iconicequalizer:before { font-family: "IconicStroke"; content: "<"; }
.iconicfullscreen:before { font-family: "IconicStroke"; content: ":"; }
.iconicexit-fullscreen:before { font-family: "IconicStroke"; content: ";"; }
.iconicspin:before { font-family: "IconicStroke"; content: "["; }
.iconicspin-alt:before { font-family: "IconicStroke"; content: "{"; }
.iconicmoon:before { font-family: "IconicStroke"; content: "]"; }
.iconicsun:before { font-family: "IconicStroke"; content: "}"; }
.iconicmap-pin:before { font-family: "IconicStroke"; content: "\\"; }
.iconicpin:before { font-family: "IconicStroke"; content: "|"; }
.iconiceyedropper:before { font-family: "IconicStroke"; content: "~"; }
.iconicdenied:before { font-family: "IconicStroke"; content: "`"; }
.iconiccalendar:before { font-family: "IconicStroke"; content: "a"; }
.iconiccalendar-alt:before { font-family: "IconicStroke"; content: "A"; }
.iconicbolt:before { font-family: "IconicStroke"; content: "b"; }
.iconicclock:before { font-family: "IconicStroke"; content: "c"; }
.iconicdocument:before { font-family: "IconicStroke"; content: "d"; }
.iconicbook:before { font-family: "IconicStroke"; content: "e"; }
.iconicbook-alt:before { font-family: "IconicStroke"; content: "E"; }
.iconicmagnifying-glass:before { font-family: "IconicStroke"; content: "f"; }
.iconictag:before { font-family: "IconicStroke"; content: "g"; }
.iconicheart:before { font-family: "IconicStroke"; content: "h"; }
.iconicinfo:before { font-family: "IconicStroke"; content: "i"; }
.iconicchat:before { font-family: "IconicStroke"; content: "j"; }
.iconicchat-alt:before { font-family: "IconicStroke"; content: "J"; }
.iconickey:before { font-family: "IconicStroke"; content: "k"; }
.iconicunlocked:before { font-family: "IconicStroke"; content: "l"; }
.iconiclocked:before { font-family: "IconicStroke"; content: "L"; }
.iconicmail:before { font-family: "IconicStroke"; content: "m"; }
.iconicmail-alt:before { font-family: "IconicStroke"; content: "M"; }
.iconicphone:before { font-family: "IconicStroke"; content: "n"; }
.iconicbox:before { font-family: "IconicStroke"; content: "o"; }
.iconicpencil:before { font-family: "IconicStroke"; content: "p"; }
.iconicpencil-alt:before { font-family: "IconicStroke"; content: "P"; }
.iconiccomment:before { font-family: "IconicStroke"; content: "q"; }
.iconiccomment-alt:before { font-family: "IconicStroke"; content: "Q"; }
.iconicrss:before { font-family: "IconicStroke"; content: "r"; }
.iconicstar:before { font-family: "IconicStroke"; content: "s"; }
.iconictrash:before { font-family: "IconicStroke"; content: "t"; }
.iconicuser:before { font-family: "IconicStroke"; content: "u"; }
.iconicvolume:before { font-family: "IconicStroke"; content: "v"; }
.iconicmute:before { font-family: "IconicStroke"; content: "V"; }
.iconiccog:before { font-family: "IconicStroke"; content: "w"; }
.iconiccog-alt:before { font-family: "IconicStroke"; content: "W"; }
.iconicx:before { font-family: "IconicStroke"; content: "x"; }
.iconicx-alt:before { font-family: "IconicStroke"; content: "X"; }
.iconiccheck:before { font-family: "IconicStroke"; content: "y"; }
.iconiccheck-alt:before { font-family: "IconicStroke"; content: "Y"; }
.iconicbeaker:before { font-family: "IconicStroke"; content: "z"; }
.iconicbeaker-alt:before { font-family: "IconicStroke"; content: "Z"; }

Lungo.widgets.iconicfill.css

/* requires the IconicFill font from https://github.com/somerandomdude/Iconic/ */

@font-face { 
	font-family: 'IconicFill'; 
	src: url('iconic_fill.eot'); 
	src: url('iconic_fill.eot?#iefix') format('embedded-opentype'), 
		url('iconic_fill.ttf') format('truetype'), 
		url('iconic_fill.svg#iconic') format('svg');}
		
.iconicfillhash:before {font-family: 'IconicFill'; content:'\23';}
.iconicfillquestion_mark:before {font-family: 'IconicFill'; content:'\3f';}
.iconicfillat:before {font-family: 'IconicFill'; content:'\40';}
.iconicfillpilcrow:before {font-family: 'IconicFill'; content:'\b6';}
.iconicfillinfo:before {font-family: 'IconicFill'; content:'\2139';}
.iconicfillarrow_left:before {font-family: 'IconicFill'; content:'\2190';}
.iconicfillarrow_up:before {font-family: 'IconicFill'; content:'\2191';}
.iconicfillarrow_right:before {font-family: 'IconicFill'; content:'\2192';}
.iconicfillarrow_down:before {font-family: 'IconicFill'; content:'\2193';}
.iconicfillhome:before {font-family: 'IconicFill'; content:'\2302';}
.iconicfillsun_fill:before {font-family: 'IconicFill'; content:'\2600';}
.iconicfillcloud:before {font-family: 'IconicFill'; content:'\2601';}
.iconicfillumbrella:before {font-family: 'IconicFill'; content:'\2602';}
.iconicfillstar:before {font-family: 'IconicFill'; content:'\2605';}
.iconicfillmoon_fill:before {font-family: 'IconicFill'; content:'\263e';}
.iconicfillheart_fill:before {font-family: 'IconicFill'; content:'\2764';}
.iconicfillcog:before {font-family: 'IconicFill'; content:'\2699';}
.iconicfillbolt:before {font-family: 'IconicFill'; content:'\26a1';}
.iconicfillkey_fill:before {font-family: 'IconicFill'; content:'\26bf';}
.iconicfillrain:before {font-family: 'IconicFill'; content:'\26c6';}
.iconicfilldenied:before {font-family: 'IconicFill'; content:'\26d4';}
.iconicfillmail:before {font-family: 'IconicFill'; content:'\2709';}
.iconicfillpen:before {font-family: 'IconicFill'; content:'\270e';}
.iconicfillcheck:before {font-family: 'IconicFill'; content:'\2713';}
.iconicfillcheck_alt:before {font-family: 'IconicFill'; content:'\2714';}
.iconicfillx:before {font-family: 'IconicFill'; content:'\2717';}
.iconicfillx_alt:before {font-family: 'IconicFill'; content:'\2718';}
.iconicfillleft_quote:before {font-family: 'IconicFill'; content:'\275d';}
.iconicfillright_quote:before {font-family: 'IconicFill'; content:'\275e';}
.iconicfillplus:before {font-family: 'IconicFill'; content:'\2795';}
.iconicfillminus:before {font-family: 'IconicFill'; content:'\2796';}
.iconicfillcurved_arrow:before {font-family: 'IconicFill'; content:'\2935';}
.iconicfilldocument_alt_fill:before {font-family: 'IconicFill'; content:'\e000';}
.iconicfillcalendar:before {font-family: 'IconicFill'; content:'\e001';}
.iconicfillmap_pin_alt:before {font-family: 'IconicFill'; content:'\e002';}
.iconicfillcomment_alt1_fill:before {font-family: 'IconicFill'; content:'\e003';}
.iconicfillcomment_alt2_fill:before {font-family: 'IconicFill'; content:'\e004';}
.iconicfillpen_alt_fill:before {font-family: 'IconicFill'; content:'\e005';}
.iconicfillpen_alt2:before {font-family: 'IconicFill'; content:'\e006';}
.iconicfillchat_alt_fill:before {font-family: 'IconicFill'; content:'\e007';}
.iconicfillplus_alt:before {font-family: 'IconicFill'; content:'\e008';}
.iconicfillminus_alt:before {font-family: 'IconicFill'; content:'\e009';}
.iconicfillbars_alt:before {font-family: 'IconicFill'; content:'\e00a';}
.iconicfillbook_alt:before {font-family: 'IconicFill'; content:'\e00b';}
.iconicfillaperture_alt:before {font-family: 'IconicFill'; content:'\e00c';}
.iconicfillbeaker_alt:before {font-family: 'IconicFill'; content:'\e010';}
.iconicfillleft_quote_alt:before {font-family: 'IconicFill'; content:'\e011';}
.iconicfillright_quote_alt:before {font-family: 'IconicFill'; content:'\e012';}
.iconicfillarrow_left_alt1:before {font-family: 'IconicFill'; content:'\e013';}
.iconicfillarrow_up_alt1:before {font-family: 'IconicFill'; content:'\e014';}
.iconicfillarrow_right_alt1:before {font-family: 'IconicFill'; content:'\e015';}
.iconicfillarrow_down_alt1:before {font-family: 'IconicFill'; content:'\e016';}
.iconicfillarrow_left_alt2:before {font-family: 'IconicFill'; content:'\e017';}
.iconicfillarrow_up_alt2:before {font-family: 'IconicFill'; content:'\e018';}
.iconicfillarrow_right_alt2:before {font-family: 'IconicFill'; content:'\e019';}
.iconicfillarrow_down_alt2:before {font-family: 'IconicFill'; content:'\e01a';}
.iconicfillbrush:before {font-family: 'IconicFill'; content:'\e01b';}
.iconicfillbrush_alt:before {font-family: 'IconicFill'; content:'\e01c';}
.iconicfilleyedropper:before {font-family: 'IconicFill'; content:'\e01e';}
.iconicfilllayers:before {font-family: 'IconicFill'; content:'\e01f';}
.iconicfilllayers_alt:before {font-family: 'IconicFill'; content:'\e020';}
.iconicfillcompass:before {font-family: 'IconicFill'; content:'\e021';}
.iconicfillaward_fill:before {font-family: 'IconicFill'; content:'\e022';}
.iconicfillbeaker:before {font-family: 'IconicFill'; content:'\e023';}
.iconicfillsteering_wheel:before {font-family: 'IconicFill'; content:'\e024';}
.iconicfilleye:before {font-family: 'IconicFill'; content:'\e025';}
.iconicfillaperture:before {font-family: 'IconicFill'; content:'\e026';}
.iconicfillimage:before {font-family: 'IconicFill'; content:'\e027';}
.iconicfillchart:before {font-family: 'IconicFill'; content:'\e028';}
.iconicfillchart_alt:before {font-family: 'IconicFill'; content:'\e029';}
.iconicfilltarget:before {font-family: 'IconicFill'; content:'\e02a';}
.iconicfilltag_fill:before {font-family: 'IconicFill'; content:'\e02b';}
.iconicfillrss:before {font-family: 'IconicFill'; content:'\e02c';}
.iconicfillrss_alt:before {font-family: 'IconicFill'; content:'\e02d';}
.iconicfillshare:before {font-family: 'IconicFill'; content:'\e02e';}
.iconicfillundo:before {font-family: 'IconicFill'; content:'\e02f';}
.iconicfillreload:before {font-family: 'IconicFill'; content:'\e030';}
.iconicfillreload_alt:before {font-family: 'IconicFill'; content:'\e031';}
.iconicfillloop_alt1:before {font-family: 'IconicFill'; content:'\e032';}
.iconicfillloop_alt2:before {font-family: 'IconicFill'; content:'\e033';}
.iconicfillloop_alt3:before {font-family: 'IconicFill'; content:'\e034';}
.iconicfillloop_alt4:before {font-family: 'IconicFill'; content:'\e035';}
.iconicfillspin:before {font-family: 'IconicFill'; content:'\e036';}
.iconicfillspin_alt:before {font-family: 'IconicFill'; content:'\e037';}
.iconicfillmove_horizontal:before {font-family: 'IconicFill'; content:'\e038';}
.iconicfillmove_horizontal_alt1:before {font-family: 'IconicFill'; content:'\e039';}
.iconicfillmove_horizontal_alt2:before {font-family: 'IconicFill'; content:'\e03a';}
.iconicfillmove_vertical:before {font-family: 'IconicFill'; content:'\e03b';}
.iconicfillmove_vertical_alt1:before {font-family: 'IconicFill'; content:'\e03c';}
.iconicfillmove_vertical_alt2:before {font-family: 'IconicFill'; content:'\e03d';}
.iconicfillmove:before {font-family: 'IconicFill'; content:'\e03e';}
.iconicfillmove_alt1:before {font-family: 'IconicFill'; content:'\e03f';}
.iconicfillmove_alt2:before {font-family: 'IconicFill'; content:'\e040';}
.iconicfilltransfer:before {font-family: 'IconicFill'; content:'\e041';}
.iconicfilldownload:before {font-family: 'IconicFill'; content:'\e042';}
.iconicfillupload:before {font-family: 'IconicFill'; content:'\e043';}
.iconicfillcloud_download:before {font-family: 'IconicFill'; content:'\e044';}
.iconicfillcloud_upload:before {font-family: 'IconicFill'; content:'\e045';}
.iconicfillfork:before {font-family: 'IconicFill'; content:'\e046';}
.iconicfillplay:before {font-family: 'IconicFill'; content:'\e047';}
.iconicfillplay_alt:before {font-family: 'IconicFill'; content:'\e048';}
.iconicfillpause:before {font-family: 'IconicFill'; content:'\e049';}
.iconicfillstop:before {font-family: 'IconicFill'; content:'\e04a';}
.iconicfilleject:before {font-family: 'IconicFill'; content:'\e04b';}
.iconicfillfirst:before {font-family: 'IconicFill'; content:'\e04c';}
.iconicfilllast:before {font-family: 'IconicFill'; content:'\e04d';}
.iconicfillfullscreen:before {font-family: 'IconicFill'; content:'\e04e';}
.iconicfillfullscreen_alt:before {font-family: 'IconicFill'; content:'\e04f';}
.iconicfillfullscreen_exit:before {font-family: 'IconicFill'; content:'\e050';}
.iconicfillfullscreen_exit_alt:before {font-family: 'IconicFill'; content:'\e051';}
.iconicfillequalizer:before {font-family: 'IconicFill'; content:'\e052';}
.iconicfillarticle:before {font-family: 'IconicFill'; content:'\e053';}
.iconicfillread_more:before {font-family: 'IconicFill'; content:'\e054';}
.iconicfilllist:before {font-family: 'IconicFill'; content:'\e055';}
.iconicfilllist_nested:before {font-family: 'IconicFill'; content:'\e056';}
.iconicfillcursor:before {font-family: 'IconicFill'; content:'\e057';}
.iconicfilldial:before {font-family: 'IconicFill'; content:'\e058';}
.iconicfillnew_window:before {font-family: 'IconicFill'; content:'\e059';}
.iconicfilltrash_fill:before {font-family: 'IconicFill'; content:'\e05a';}
.iconicfillbattery_half:before {font-family: 'IconicFill'; content:'\e05b';}
.iconicfillbattery_empty:before {font-family: 'IconicFill'; content:'\e05c';}
.iconicfillbattery_charging:before {font-family: 'IconicFill'; content:'\e05d';}
.iconicfillchat:before {font-family: 'IconicFill'; content:'\e05e';}
.iconicfillmic:before {font-family: 'IconicFill'; content:'\e05f';}
.iconicfillmovie:before {font-family: 'IconicFill'; content:'\e060';}
.iconicfillheadphones:before {font-family: 'IconicFill'; content:'\e061';}
.iconicfilluser:before {font-family: 'IconicFill'; content:'\e062';}
.iconicfilllightbulb:before {font-family: 'IconicFill'; content:'\e063';}
.iconicfillcd:before {font-family: 'IconicFill'; content:'\e064';}
.iconicfillfolder_fill:before {font-family: 'IconicFill'; content:'\e065';}
.iconicfilldocument_fill:before {font-family: 'IconicFill'; content:'\e066';}
.iconicfillpin:before {font-family: 'IconicFill'; content:'\e067';}
.iconicfillmap_pin_fill:before {font-family: 'IconicFill'; content:'\e068';}
.iconicfillbook:before {font-family: 'IconicFill'; content:'\e069';}
.iconicfillbook_alt2:before {font-family: 'IconicFill'; content:'\e06a';}
.iconicfillbox:before {font-family: 'IconicFill'; content:'\e06b';}
.iconicfillcalendar_alt_fill:before {font-family: 'IconicFill'; content:'\e06c';}
.iconicfillcomment_fill:before {font-family: 'IconicFill'; content:'\e06d';}
.iconicfilliphone:before {font-family: 'IconicFill'; content:'\e06e';}
.iconicfillbars:before {font-family: 'IconicFill'; content:'\e06f';}
.iconicfillcamera:before {font-family: 'IconicFill'; content:'\e070';}
.iconicfillvolume_mute:before {font-family: 'IconicFill'; content:'\e071';}
.iconicfillvolume:before {font-family: 'IconicFill'; content:'\e072';}
.iconicfillbattery_full:before {font-family: 'IconicFill'; content:'\e073';}
.iconicfillmagnifying_glass:before {font-family: 'IconicFill'; content:'\e074';}
.iconicfilllock_fill:before {font-family: 'IconicFill'; content:'\e075';}
.iconicfillunlock_fill:before {font-family: 'IconicFill'; content:'\e076';}
.iconicfilllink:before {font-family: 'IconicFill'; content:'\e077';}
.iconicfillwrench:before {font-family: 'IconicFill'; content:'\e078';}
.iconicfillclock:before {font-family: 'IconicFill'; content:'\e079';}