Top 9 Websites using ICON-ROAD
Search Engine for Source Code - For HTML, JavaScript and CSS | NerdyData
iati | shaping the future of tourism
Everyone Piano - Forever Free Piano Software, Download Numerous Music Scores, Stave and Numbered Musical Notation, and EOP File.
Tribunal de Justiça do Estado de Goiás
Seattle Central College
Explore over 2500 Premium and Branded domains names and buy them instantly
رزرو آنلاین بلیط هواپیما و هتل | تور هوایی مشهد
Suvarnabhumi Airport Thailand Official Website - Bangkok Flights Bangkok Airport Suvarnabhumi Airport (BKK)
SEO Packages Australia | SEO Copilot


Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-road"></i> icon-road
Icon classes are echoed via CSS :before.





To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-road icon-large"></i> icon-road</p>
<p><i class=" icon-road icon-2x"></i> icon-road</p>
<p><i class=" icon-road icon-3x"></i> icon-road</p>
<p><i class=" icon-road icon-4x"></i> icon-road</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-road"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-road icon-spin"></i>to easily replace lists</li>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-road icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.


To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-road"></i>  normal<br>
<i class=" icon-road icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-road icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-road icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-road icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-road icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-road icon-2x icon-spin"></i>
<i class=" icon-road icon-3x icon-spin"></i>
<i class=" icon-road icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-road on icon-check-empty
icon-road on icon-circle
icon-roadl on icon-sign-blank
icon-ban-circle on icon-road

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-road "></i>
icon-road on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-road icon-light"></i>
icon-road on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-road icon-light "></i>
icon-road on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-road icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
icon-ban-circle on icon-road
  • 123 websites use icon-road font awesome icon
  • Font Awesome usage statistics of icon-road are based on first landing page and within top 1M websites only. Click the website url to see all Font Awesome icons used by it.