Link Icons

Icons can help in several ways to support your content presentation. Icons can:

  • put content in a nutshell
  • draw attention
  • increase readability

Icons can draw attention, but at the same time, they can help you structure content and separate different functions. 

You won't see your icon until the page is Published

After pasting your code, if you select the "Rich Content Editor" you will not see your icon. 

 

Code

The yellow highlighted area is where you will insert your icon code.

<i class="icon-calendar-day"></i>

 

 Publish your page & voila...icon! 

When we publish the page, a calendar icon will appear:

 

 This is what it looks like in the HTML editor:

<i class="icon-calendar-day"></i>

 

Special Icon Codes

Source

Edwards, P. (2017, March). Canvas Icons. Retrieved June 13, 2019, from https://canvas.instructure.com/courses/787387.