cancel
Showing results for 
Search instead for 
Did you mean: 
svante_axelsson
Surveyor

Hello, from Uppsala, Sweden. Please, where can I find and use the Icons used in the global menue? I am writing documents with instructions in text. Thank's in advance! All the best! Svante

1 Solution

Accepted Solutions
mcowen
Instructure
Instructure

For those who may see this thread in the future, all the icons can be found in the Instructure-ui library. Click on any of the icons to get the svg code. SVG code can be placed in a plain text editor and saved with a .svg extension. 

If you are building content in the Canvas UI, check out this blog as a staring point and the links therein. Otherwise the icons are available in the link above.

Hope this helps!

View solution in original post

9 Replies
bneporadny
Navigator

Hi Svante,

Here is some a link to the Canvas documentation, that talks about the global navigation menu .(https://community.canvaslms.com/docs/DOC-12882-4152719650 ) Hope this is what you're looking for. 

Thank you for your help, Brian!

I was actually looking for the pictures, icons, that I can use in my word-documents. I have solved it now though. Thank you again!

All the best! Svante

Från: Brian Neporadny <instructure@jiveon.com>

Skickat: den 21 februari 2020 15:16

Till: Svante Axelsson <svante.axelsson@uadm.uu.se>

Ämne: You have been mentioned by Brian Neporadny in Re: Icons in Canvas LMS Community

Canvas LMS Community <https://community.canvaslms.com/?et=notification.mention>

You have been mentioned

by Brian Neporadny<https://community.canvaslms.com/people/bneporadny@southcollegetn.edu?et=notification.mention> in Re: Icons in Canvas LMS Community - View Brian Neporadny's reference to you<https://community.canvaslms.com/message/178074-re-icons?commentID=178074&et=notification.mention#comment-178074>

cesbrandt
Lamplighter

Hello,  @svante_axelsson . I'm sorry to tell you that the icons in the global navigation are SVG images loaded directly into the HTML, not linked. Other icons from throughout the website, like the assignment, discussion, and quiz icons are part of the Instructure fonts.

For making your own documentation, I'd recommend simply taking screenshots and cropping out what you need.

Thank you for your answer, Christopher! All the best! Svante

Från: Christopher Esbrandt <instructure@jiveon.com>

Skickat: den 21 februari 2020 15:35

Till: Svante Axelsson <svante.axelsson@uadm.uu.se>

Ämne: You have been mentioned by Christopher Esbrandt in Re: Icons in Canvas LMS Community

Canvas LMS Community <https://community.canvaslms.com/?et=notification.mention>

You have been mentioned

by Christopher Esbrandt<https://community.canvaslms.com/people/cesbrandt?et=notification.mention> in Re: Icons in Canvas LMS Community - View Christopher Esbrandt's reference to you<https://community.canvaslms.com/message/178024-re-icons?commentID=178024&et=notification.mention#comment-178024>

mcowen
Instructure
Instructure

For those who may see this thread in the future, all the icons can be found in the Instructure-ui library. Click on any of the icons to get the svg code. SVG code can be placed in a plain text editor and saved with a .svg extension. 

If you are building content in the Canvas UI, check out this blog as a staring point and the links therein. Otherwise the icons are available in the link above.

Hope this helps!

View solution in original post

Thank you, Mike! It is a little inconvenient and tricky to use them in this format. Are they available in easier format for Word users? / Svante

I'm not sure I understand the question.

If you mean:

Q: How do I insert an SVG image into MSWord?" 

A: Click Insert > Pictures > Picture from File. (I'm on a Mac, so the exact name of the menu may be different on Windows.) Then browse to the SVG file you created from the code on the web site.

If you mean:

Q: Is there an easier way to create the SVG file so I can put it into a MSWord Doc?

A: Not that I'm aware of. You will need to click on the icon to get the svg code. SVG code can be placed in a plain text editor and saved with a .svg extension. The instructure.design site was create for the audience of software developers and that audience usually prefers the raw code instead of a downloadable file for MSWord.

I hope this helps & Have a super day!

Thank you for the link to the svg icons.  However, I teach 1st grade and what I am looking for is something for lower elementary students and parents.  A basic glossary or reference guide to learn what the icons mean.  Is there anywhere to find that info? I have been able to find several "how to" use Canvas for students in upper grades but as you know grades k-2 need pictures and simple words to understand. Looking for something that is student friendly.

 

Thank you,

Crystel Jackson

I went to https://instructure.design/#icons-font to grab font code and found that the codes do not match the images on the page. I think they mat need an update.