There are a variety of icons built into Canvas which can be added to pages via the HTML editor. These built-in icons can add visual interest to your course while still following a style consistent with the rest of Canvas. The table below includes a selection of icons available in Canvas. For a complete list of icons, see Instructure UI - Icons.

NOTE:

Icons are not visible while editing a page. The icons will be visible once you click "Save," exiting the page editor.

Canvas Icons
Name	Icon	Code Snippet
add		<i class="icon-add"></i>
address-book		<i class="icon-address-book"></i>
admin-tools		<i class="icon-admin-tools"></i>
alerts		<i class="icon-alerts"></i>
annotate		<i class="icon-annotate"></i>
announcement		<i class="icon-announcement"></i>
assignment		<i class="icon-assignment"></i>
attach-media		<i class="icon-attach-media"></i>
bookmark		<i class="icon-bookmark"></i>
calculator		<i class="icon-calculator"></i>
calendar-add		<i class="icon-calendar-add"></i>
calendar-clock		<i class="icon-calendar-clock"></i>
calendar-day		<i class="icon-calendar-day"></i>
calendar-month		<i class="icon-calendar-month"></i>
calendar-reserved		<i class="icon-calendar-reserved"></i>
certified		<i class="icon-certified"></i>
chat		<i class="icon-chat"></i>
check		<i class="icon-check"></i>
clock		<i class="icon-clock"></i>
cloud-download		<i class="icon-cloud-download"></i>
cloud-upload		<i class="icon-cloud-upload"></i>
collection		<i class="icon-collection"></i>
comment		<i class="icon-comment"></i>
complete		<i class="icon-complete"></i>
compose		<i class="icon-compose"></i>
copy		<i class="icon-copy"></i>
courses		<i class="icon-courses"></i>
discussion		<i class="icon-discussion"></i>
discussion-reply		<i class="icon-discussion-reply"></i>
document		<i class="icon-document"></i>
download		<i class="icon-download"></i>
duplicate		<i class="icon-duplicate"></i>
edit		<i class="icon-edit"></i>
educators		<i class="icon-educators"></i>
email		<i class="icon-email"></i>
eportfolio		<i class="icon-eportfolio"></i>
equation		<i class="icon-equation"></i>
essay		<i class="icon-essay"></i>
eye		<i class="icon-eye"></i>
feedback		<i class="icon-feedback"></i>
flag		<i class="icon-flag"></i>
folder		<i class="icon-folder"></i>
group		<i class="icon-group"></i>
hamburger		<i class="icon-hamburger"></i>
heart		<i class="icon-heart"></i>
highlighter		<i class="icon-highlighter"></i>
home		<i class="icon-home"></i>
hour-glass		<i class="icon-hour-glass"></i>
image		<i class="icon-image"></i>
inbox		<i class="icon-inbox"></i>
info		<i class="icon-info"></i>
life-preserver		<i class="icon-life-preserver"></i>
like		<i class="icon-like"></i>
link		<i class="icon-link"></i>
lock		<i class="icon-lock"></i>
marker		<i class="icon-marker"></i>
masquerade		<i class="icon-masquerade"></i>
materials-required		<i class="icon-materials-required"></i>
media		<i class="icon-media"></i>
mic		<i class="icon-mic"></i>
module		<i class="icon-module"></i>
more		<i class="icon-more"></i>
muted		<i class="icon-muted"></i>
no		<i class="icon-no"></i>
notepad		<i class="icon-notepad"></i>
off		<i class="icon-off"></i>
open-folder		<i class="icon-open-folder"></i>
outcomes		<i class="icon-outcomes"></i>
paint		<i class="icon-paint"></i>
paperclip		<i class="icon-paperclip"></i>
pdf		<i class="icon-pdf"></i>
peer-graded		<i class="icon-peer-graded"></i>
peer-review		<i class="icon-peer-review"></i>
permissions		<i class="icon-permissions"></i>
pin		<i class="icon-pin"></i>
play		<i class="icon-play"></i>
printer		<i class="icon-printer"></i>
progress		<i class="icon-progress"></i>
publish		<i class="icon-publish"></i>
question		<i class="icon-question"></i>
quiz		<i class="icon-quiz"></i>
rubric		<i class="icon-rubric"></i>
save		<i class="icon-save"></i>
search		<i class="icon-search"></i>
settings		<i class="icon-settings"></i>
share		<i class="icon-share"></i>
standards		<i class="icon-standards"></i>
star		<i class="icon-star"></i>
tag		<i class="icon-tag"></i>
target		<i class="icon-target"></i>
timer		<i class="icon-timer"></i>
trash		<i class="icon-trash"></i>
unlock		<i class="icon-unlock"></i>
upload		<i class="icon-upload"></i>
user		<i class="icon-user"></i>
warning		<i class="icon-warning"></i>