Canvas Icons showing up as squares

I've been using Canvas for several years at multiple organizations using PC and Mac and various web browsers such as IE, Firefox, and Chrome, currently using a Mac with Google Chrome. I've never seen this before ---

My Canvas pages all show the icons as squares, when previously it was working fine. I have no idea where to start to fix this issue. I've attached a screenshot below:

Screen Shot 2024-08-08 at 09.10.32 AM.png

Find more posts tagged with

All Users

Accepted answers

v_nguyen

Hmm, have you tried clearing your browser's cache yet? Usually that solves the problem

All comments

v_nguyen

Is it just affecting one course or all? Does it also show the squares in other web browsers? My first thought was emojis, but usually the emojis have the question mark in the middle.

firespri24

It's affecting every page. It seems like it only does this in Google Chrome on my current laptop. But previously I could see the icons in Chrome, with no issues. It only started recently.

v_nguyen

Hmm, have you tried clearing your browser's cache yet? Usually that solves the problem

James

@firespri24

This can happen if the InstructureIcons web fonts are not loading. I went into Chrome's developer tools, went to Network, chose Font, and blocked those. Then I forced a reload on the page, and confirmed that was consistent with what you're seeing.

This could be a temporary issue where the name failed to resolve or there was a network problem. If you're lucky, that's all it is and it should correct itself quickly. You might try a control-R / cmd-R to force a reload of the page.

A similar issue could happen if you have added them to a block list (manually or an ad blocker).

You can check the status of the page by going to the developer tools (F12 or right-click and choose inspect). Then switch to Network and select Font. Then reload the page. When I block them, I see (blocked:devtools) in red for the status instead of 200. If they don't show up at all, it might be some other tool (adblocker of some kind) blocking them. If they show up with some other error, it can help you figure out what's going on.

My hope and guess, though, is that it's temporary in nature and doing the force-reload would fix it.

Unanswered Questions

Learning Mastery Gradebook: assign_outcome_order API Returns Success But Doesn't Persist Column Order
Summary:The Learning Mastery Gradebook allows drag-and-drop reordering of outcome columns, and this triggers a call to /api/v1/courses/:course_id/assign_outcome_order. The API returns 204 No Content (success), but the column order does not persist after page refresh. Steps to Reproduce: Open Learning Mastery Gradebook for…
New Quizzes QTI Import Not Working
We have enabled the automatic migration of Classic to New Quizzes. When we import QTI files, though, they always fail to load as New Quizzes. If we disabled New Quiz Migration, it works. Why does it only work for Classic Quizzes? Are there any guaranteed tools that will generate QTI files that will import correctly as New…
System-wide (global) Notification Defaults
Is it possible to change the system-wide notification defaults for a hosted Canvas instance? Since I can't find a way to do it, nor any reference to doing it, I'm assuming not but wanted to make sure before I give that as an answer.
LockDown Browser & 2‑in‑1 / Tablet Mode Devices (Security Concern?)
Hi everyone, I had a teacher reach out with an odd (and concerning) LockDown Browser issue and wanted to see if others have experienced something similar. A student was taking a quiz using Respondus LockDown Browser on a Chromebook 300e Yoga G4 (8GB), a 2‑in‑1 device that can flip into tablet mode. During the active quiz,…
Gradebook Color Status for Incomplete 2-Part Discussions (Discussion Checking-point)
Hi all, Quick question about the Gradebook color status for a 2-part checkpoint discussion. If a student completes the first due date (initial post) but does not complete the required replies by the second due date, is there any way for Canvas to automatically show a color (e.g., missing/late) instead of staying as…