If enabled by your institution, you can use Instructure predefined images or upload your own custom images to make icons within the Rich Content Editor. You can also edit or delete icons you create. You can access the Rich Content Editor from Announcements, Assignments, Discussions, Pages, Classic Quizzes, and the Syllabus.
Note: If the Icon Maker is not available in your course, it has not been enabled by your institution.
Open Rich Content Editor
Open the Rich Content Editor when creating or editing an announcement, assignment, discussion, page, quiz, or syllabus.
Open Icon Maker from Toolbar
To add an icon from the toolbar, click the Icon Maker icon [1].
To create a new icon, click the Create Icon Maker Icon link [2].
To open a saved icon, click the Saved Icon Maker Icons link [3].
Add Icon Details
In the Name field [1], enter a name for your icon.
To add descriptive text to your icon, enter the name in the Alt Text field [2].
To disable Alt Text for your icon, check the Decorative Icon checkbox [3].
Edit Icon
In the Icon Shape drop-down menu [1], you can select the shape type you would like the icon to be. You can select between square, circle, triangle, diamond, pentagon, hexagon, octagon, and star shapes.
If you would like to modify the size of your icon, use the Icon Size drop-down menu [2].
To change the color of your icon, click the Icon Color drop-down menu [3].
To add an outline to the icon, click the Icon Outline drop-down menu [4].
If you would like to modify the size of your outline, use the Icon Outline Size drop-down menu [5].
Edit Text
Type the text you would like to include on the icon in the Text field [1].
If you would like to modify the size of your text, use the Text Size drop-down menu [2].
To change the color of your text, click the Text Color drop-down menu [3].
To change the color of your text background color, click the Text Background Color drop-down menu [4].
If you would like to modify the position of your text, use the Text Position drop-down menu [5].
Add Image
To add an image to your icon, click the Add Image drop-down menu [1].
You can upload your own image [2], add an Instructure predefined single color image [3], add an Instructure predefined multi color image [4], or add an image from your course files [5].
Add Instructure Predefined Images
You can select from Instructure predefined single color or multi color images.
Upload Image
To add a custom image to your icon, drag and drop or browse for the file on your computer [1] and then click the Submit button [2].
Crop Image
You can crop the image to fit.
To change the shape, click the Shape drop-down menu [1].
To change the orientation, enter a number in the Rotation field or use the Rotation buttons [2].
To change the size, enter a number in the Percent field or use the Magnifying Glass buttons [3].
To reset the uploaded image, click the Reset button [4].
To save your icon, click the Save button [5].
Upload Course Image
To upload a course image, click the preview of the previously uploaded file.
Apply Changes
To apply and save your icon to the Rich Content Editor, click the Apply button.
View Unsaved Changes Warning
If you navigate away from the icon maker before applying your icon, Canvas generates a message warning that you have unsaved icon on the page.
