Skip to main content

Font Awesome makes it easy to add icons to your website. You can see a full list of the free icons available to use at fontawesome.com under the list of free icons. We currently have access to Font Awesome 5, including free icons from version 5.14.0. Follow these instructions to add icons to your site.

People

News

Events

1. Select an Icon

Select the icon you want to use on fontawesome.com and locate the code at the top of the page. Copy the code inside the quotation marks, in this case “fas fa-desktop” and insert into the code seen below.

[icon type="fas fa-desktop fa-3x" color="#007fae"]

2. Set the Icon Size

You can change the size of the icon by changing the number in the bolded code seen below.

fa-1x (default)

fa-2x

fa-3x

fa-4x

[icon type="fas fa-desktop fa-3x" color="#007fae"]

3. Set the Icon Color

Finally, you can change the color of the icon. Typically the icon should be #007FAE (dark blue) on a white or light background or #FFFFFF (white) on a dark background.

[icon type="fas fa-desktop fa-3x" color="#007fae"]

Examples

Surgery displays several Font Awesome icons on their home page.


Screenshot of Allied Health Sciences home page

Allied Health Sciences also displays Font Awesome icons on their home page.