Using Icons

We use the Pro version of Font Awesome for our icons in Sitefinity. Some widgets, like the featured tabs widget, automatically include the option to add an icon directly into the widget.

How to use icons


Those who would like to use icons on a page, can also do so by embedding HTML code directly from font awesome into a content block using the steps below: 

  1. Go to https://fontawesome.com/icons?d=gallery. 
  2. At the top of the page, search for the icon you would like to use.
  3. Once you find the icon, click on it and you should see the HTML code begin with "<i class=".
  4. Click on it to copy the HTML code.
  5. Go back to your page in Sitefinity and select "Edit" for the appropriate content block.
  6. In the top right hand corner of the content block, click the HTML button.
  7. Paste the code in the appropriate area. 
  8. Replace the "i" in the code with "span". For example: <i class="fab fa-accessible-icon"></i> should be changed to <span class="fab fa-accessible-icon"></span>. 
  9. Save and you should see the icon!