Using icons in surveys and reports

Font Awesome is an icon set that contains scalable vector icons. There are many important types of icons that come with Font Awesome, such as social media icons, stars, user interface and web-related icons and many more.

Icons can be used in your survey to create visual help and add meaning to elements. Font Awesome allows you to save valuable time because you do not need to create and save these graphics yourself. It will look crisp and sharp on any screen, even retina screens.

Because Font Awesome is a font, you can add styles to it or simply change the color of the icon.

Font Awesome icons are supported by all modern browsers. They are treated the same as other web fonts.

It is important to provide your respondent with a fast loading survey. Because Font Awesome is a font and all the icons are included in one font file, it only takes a single HTTP request to load Font Awesome. This means it will load faster than manually added graphics.

Search the icon you want to use on the Font Awesome website: https://fontawesome.com/

For example, to use a happy face smiley, complete the followings:

  1. Go to https://fontawesome.com/icons?d=gallery&m=free and search for "smile".

  2. Click the icon you like.

  3. Copy the icon name as shown in the screenshot.

  4. Add the class name between single quotes in a CSL code.

    {{icon 'fas fa-smile'}}
    Tip: Add 'fa-2x' to display the icon twice the default size.
    {{icon 'fas fa-2x fa-smile'}}
  5. Open your survey and add the CSL code above to the question.

  6. The survey interface will display the smiley. In the editor you will always see the CSL code.

    Smiley icon.

Remember: The use of Font Awesome, just like any other font, will not be supported by the majority of email readers. It is advised that you not use these in your email invitations.