Instructure-UI icon font in theme CSS?

[adam_zolkover]

I'm working on some custom CSS for my Canvas sub-account's theme and had a question for the community: is there a way to use the Instructure-UI icon font with a ::before or ::after pseudo-element and the 'content' CSS property? I see directions for adding Instructure-UI icons in React apps, but nothing that would work with custom CSS in Canvas -- or in a tag on a Canvas content page for that matter.

Thanks!

[igustafson]

I'd be happy to try to help answer this but regarding Custom CSS on the Canvas we are very limited in what we can help with in this case. I suggest looking externally as we are not able to provide recommendations for this type of request.

[sven_k_haao]

Is this something you can use?
(The strange thing is that the type of icon have changed the last weeks)
I used this code for inserting the tool-plug icon and some text after a checkbox for choices in assignments

label.checkbox[for="assignment_media_recording"]:hover:after {
font: 1rem InstructureIcons-Line;
white-space: pre-wrap;
content:"some text   \EAA6  some text2";
display: inline-block;
}

Sven