Icons are a great way of giving your visitors simple pictographic clues about the links, content and different sections on your page.


How to add an icon




Styling an icon


Here are some examples that show you how we style our icons that can copy and paste into your code snippet to test out and play around with.


Large Green Image: <i class="fa fa-rebel" style="font-size: 200px; color: rgb(0,190,156); " aria-hidden="true"></i>


Small Red Icon: <i class="fa fa-rebel" style="font-size: 14px; color: rgb(255,0,0); " aria-hidden="true"></i>


Note:

  • To change icons in example, just replace 'rebel' with the name of the icon you want to use.
  • To change size in examples adjust by changing number after 'font-size: '
  • To change color in examples, replace 'rgb(x,x,x)' which a hex or rgb value.