To Top

Icons

Skrollex Documentation

Font Awesome

This distribution includes Font Awesome 4.3.0. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

Full list of icons and documentation: http://fontawesome.io/icons/.

Examples

<p class="text-center extra-font">
	<a target="_blank" href=""><i class="fa fa-facebook"></i></a>
	<a target="_blank" href=""><i class="fa fa-twitter"></i></a>
	<a target="_blank" href=""><i class="fa fa-youtube"></i></a>
	<a target="_blank" href=""><i class="fa fa-vimeo-square"></i></a>
	<a target="_blank" href=""><i class="fa fa-printerest"></i></a>
	<a target="_blank" href=""><i class="fa fa-linkedin"></i></a>
	<a target="_blank" href=""><i class="fa fa-tumblr"></i></a>
	<a target="_blank" href=""><i class="fa fa-dribbble"></i></a>
	<a target="_blank" href=""><i class="fa fa-rss"></i></a>
	<a target="_blank" href=""><i class="fa fa-github"></i></a>
	<a target="_blank" href=""><i class="fa fa-google-plus"></i></a>
	<a target="_blank" href=""><i class="fa fa-instagram"></i></a>
	<a target="_blank" href=""><i class="fa fa-flickr"></i></a>
</p>

<p class="text-center extra-font">
	<i class="fa fa-spinner fa-spin"></i>
	<i class="fa fa-circle-o-notch fa-spin"></i>
	<i class="fa fa-refresh fa-spin"></i>
	<i class="fa fa-cog fa-spin"></i>
</p>

<p class="text-center">
	<a target="_blank" href="https://twitter.com/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x text"></i><i class="fa fa-twitter fa-stack-1x text-background"></i></span></a>
	<a target="_blank" href="https://www.facebook.com/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x text"></i><i class="fa fa-facebook fa-stack-1x text-background"></i></span></a>
	<a target="_blank" href="http://www.youtube.com/"><span class="fa-stack fa-3x"><i class="fa fa-circle fa-stack-2x text"></i><i class="fa fa-youtube fa-stack-1x text-background"></i></span></a>
</p>

<p class="text-center">
	<i class="fa fa-camera-retro fa-lg"></i>
	<i class="fa fa-camera-retro fa-2x"></i>
	<i class="fa fa-camera-retro fa-3x"></i>
	<i class="fa fa-camera-retro fa-4x"></i>
	<i class="fa fa-camera-retro fa-5x"></i>
</p>
<div class="list-group">
  <a class="list-group-item" href="#page-top"><i class="fa fa-home fa-fw"></i>  Home</a>
  <a class="list-group-item" href="#page-top"><i class="fa fa-book fa-fw"></i>  Library</a>
  <a class="list-group-item" href="#page-top"><i class="fa fa-pencil fa-fw"></i>  Applications</a>
  <a class="list-group-item" href="#page-top"><i class="fa fa-cog fa-fw"></i>  Settings</a>
</div>

linecons

This distribution includes Linecons icons.

<div class="text-center extra-font">
	<i class="li_heart"></i>
	<i class="li_cloud"></i>
	<i class="li_star"></i>
	<i class="li_tv"></i>
	<i class="li_sound"></i>
	<i class="li_video"></i>
	<i class="li_trash"></i>
	<i class="li_user"></i>
	<i class="li_key"></i>
	<i class="li_search"></i>
	<i class="li_settings"></i>
	<i class="li_camera"></i>
	<i class="li_tag"></i>
	<i class="li_lock"></i>
	<i class="li_bulb"></i>
	<i class="li_pen"></i>
	<i class="li_diamond"></i>
	<i class="li_display"></i>
	<i class="li_location"></i>
	<i class="li_eye"></i>
	<i class="li_bubble"></i>
	<i class="li_stack"></i>
	<i class="li_cup"></i>
	<i class="li_phone"></i>
	<i class="li_news"></i>
	<i class="li_mail"></i>
	<i class="li_like"></i>
	<i class="li_photo"></i>
	<i class="li_note"></i>
	<i class="li_clock"></i>
	<i class="li_paperplane"></i>
	<i class="li_params"></i>
	<i class="li_banknote"></i>
	<i class="li_data"></i>
	<i class="li_music"></i>
	<i class="li_megaphone"></i>
	<i class="li_study"></i>
	<i class="li_lab"></i>
	<i class="li_food"></i>
	<i class="li_t-shirt"></i>
	<i class="li_fire"></i>
	<i class="li_clip"></i>
	<i class="li_shop"></i>
	<i class="li_calendar"></i>
	<i class="li_vallet"></i>
	<i class="li_vynil"></i>
	<i class="li_truck"></i>
	<i class="li_world"></i>
</div>