Canvas Guides (English)Canvas GuidesCanvas Instructor Guide Rich Content EditorHow do I create an icon using the Rich Content Editor Icon Maker?

How do I create an icon using the Rich Content Editor Icon Maker?

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 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

Select 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

Select Icon Maker Icon

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

Create New Icon

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

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

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

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

Add Instructure Predefined Images

You can select from Instructure predefined single color or multi color images.

Upload Image

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

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

Upload Course Image

To upload a course image, click the preview of the previously uploaded file.

Apply Changes

Apply Changes

To apply and save your icon to the Rich Content Editor, click the Apply button.

View Unsaved Changes Warning

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.