How do I create an icon using the Rich Content Editor Icon Maker as an instructor?
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.
00:07: How do I create an icon using the rich content editor icon maker as an instructor? 00:12: Open the rich content editor when creating or editing an announcement assignment 00:16: discussion page, quiz or syllabus 00:21: To add an icon from the toolbar, click the icon maker icon. 00:25: To create a new icon, click the create icon maker icon link. 00:30: To open a save icon. Click the save icon maker icons link. 00:36: In the name field. 1 enter a name for your icon. 00:40: To add descriptive text to your icon. 00:42: Enter the name in the alt text field. 00:45: To disable alt text for your icon. 00:47: Check the decorative icon checkbox. 00:51: In the icon shape drop-down menu, you can select the shape type. 00:54: You would like the icon to be You can select between square circle, 00:59: triangle Diamond, pentagon, hexagon octagon 01:03: and star shapes. If you would like to modify the size 01:07: of your icon, use the icon size, drop-down, menu. 01:11: To change the color of your icon. Click the icon color. 01:14: Drop down menu. To add an outline to the icon, click 01:18: the icon, outline, drop down menu. 01:21: If you would like to modify the size of your outline, use the icon outline size, 01:26: drop-down menu. 01:28: Type the text you would like to include on the icon in the text field. 01:32: If you would like to modify the size of your text, use the text size drop-down 01:36: menu. To change the color of your text, click the text 01:40: color drop-down menu. 01:42: To change the color of your text background color. 01:45: Click the text background color, drop-down menu. 01:49: If you would like to modify the position of your text, use the text position 01:53: drop-down menu, 01:55: To add an image to your icon, click the add image drop-down menu. 01:59: You can upload your own image, add an instructor, predefined, single color 02:03: image, add an instructor, predefined multicolored image, or 02:08: add an image from your course files. 02:11: You can select from instructure, predefined single color, or multicolored images. 02:17: To add a custom image to your icon drag and drop or browse for the file 02:21: on your computer and then click the submit button. 02:25: You can crop the image to fit. To change the shape. 02:28: Click the shape drop down menu. 02:31: To change the orientation, enter a number in the rotation field, or use 02:35: the rotation buttons. 02:38: To change the size, enter a number in the percent field or use the magnifying 02:42: glass buttons. 02:44: To reset the uploaded image, click the reset button to save 02:48: your icon, click the save button, 02:52: To upload a course, image. Click the preview of the previously uploaded file. 02:58: To apply and save your icon to the rich content editor, click the apply 03:02: button. 03:04: If you navigate away from the Icon maker before applying your icon, canvas 03:08: generates a message warning that you have unsaved icon on the page, 03:13: This guide covered how to create an icon using the rich content editor icon 03:17: maker as an instructor.
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.