Unable to load SVG Image from url in canvas

Grafana
, , ,
1
  • What Grafana version and what operating system are you using?

“version”: “v10.3.0-64167 (89934b0884)”

  • What are you trying to achieve?

I am using canvas plugin. I need to upload an external svg image as icon.
I can´t upload from device, because I use cloud version.

  • How are you trying to achieve it?

I am using the given field to load external URLs.

  • What happened?

The loading does not work, I get an empty image.

  • What did you expect to happen?

I expected to load successfully the image. If I try to set it as backround it works. I tried with different images; now I am trying with the following : svgsilh.com/svg_v2/1801287.svg

  • Can you copy/paste the configuration(s) that you are having problems with?
    N/A

  • Did you receive any errors in the Grafana UI or in related logs? If so, please tell us exactly what they were.

No errors

  • Did you follow any online instructions? If so, what is the URL?

I used grafana documentation.

Canvas | Grafana documentation
and prior topic : How can I use my own svg icons in Canvas plugin? - Grafana / Dashboards - Grafana Labs Community Forums

2

what do you see in your browser console, any errors?

3

Hello yosiasz, thanks for the reply.
Yes I just noticed I get the following error:

Access to fetch at ‘***********.svg’ from origin ‘https://datacenterhub.grafana.net’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.

But it seems to be impossible to handle it from Grafana, any suggestion?

4

If you search through this forum, you will see ngnix as a procy solution

5

Thanks I saw the solution you proposed. But it is something that can be done in grafana cloud as far as you know?