Font Awesome icons

< 1 min read

 fa-film fa-fw – used for videos, including ChiPlayer video links: <i class=”fa fa-film fa-fw” style=”color:#209b8d”></i>

 fa-file-text-o – used for help articles (e.g. displays next to help articles in the search results and hot topics)

 fa-book – used for book content (e.g. student / staff induction content and displays next to books pages in search results)


Icons used for Student Support and Wellbeing information sources:

 fa-pencil – self-help workbook: <i class=”fa fa-pencil fa-fw” style=”color:#209b8d”></i>

 fa-phone – helpline: <i class=”fa fa-phone fa-fw” style=”color:#209b8d”></i>

 fa-info – University services: <i class=”fa fa-info fa-fw” style=”color:#209b8d”></i>

 fa-laptop – website: <i class=”fa fa-laptop fa-fw” style=”color:#209b8d”></i>

 fa-mobile – app: <i class=”fa fa-mobile fa-fw” style=”color:#209b8d”></i>

 fa-file-image-o – leaflet: <i class=”fa fa-file-image-o fa-fw” style=”color:#209b8d”></i>

fa-star-o – organisation <i class=”fa fa-star-o fa-fw” style=”color:#209b8d”></i>


The html (edited for each icon) is:

<i class=”fa FONTAWESOMEFONTNAME fa-fw” style=”color:#209b8d”></i>


Font Awesome cheatsheet

Was this article helpful?
Updated on January 28, 2026