facebook pixel Skip to Main Content
Idaho State University home

Adding Icons

Icons can be added to text in the source editor.

ISU has a license to use the Pro version of Font Awesome.

 

1. Copy the code for the icon you want to use

a. Visit the Font Awesome icon gallery

b. Search and filter to find an icon that will work for your situation.
You are not limited to the free icons. ISU has the Pro version so you can use any icon in the gallery.

c. Click on the icon you want to use.

d. Copy the code by clicking on it.

Icon dashboard showing HTML code for an icon

 

 

2. Paste the icon code in the source code of a content type

a. In the content type's text editor field, click on Tools > Source code.

Source code option in Tools menu

This will show you the HTML for the content in the text editor field.

b. Paste the icon code next to the text where you want it to appear.
Make sure there is a space after the icon code.

 

Example:

In the source code window:

<p><i class="far fa-arrow-alt-circle-right"></i> Whatever text you have in your content type. It will be there when you open the source code window.</p>

        

What it will look like:

Whatever text you have in your content type. It will be there when you open the source code window.