What Grafana version and what operating system are you using? “version”: “9.3.0-beta.1” What are you trying to achieve? Use Canvas plugin and I need to add my own svg icons How are you trying to achieve it? I added item as icon, but I have only fixed SVG files. I can’t load my own one. …

Hi @mgeriesa , thanks for reaching out! The easiest way to include your own svg icons in the Canvas panel is to include the svg file in the grafana/public/img/icons/markers directory. Any new svg files you include in that folder will be visible / selectable inside the markers folder when setting you…

Hi @mgeriesa , Welcome to the :grafana: community support forums !! We are excited that you joined our OSS community. Please read about some of the FAQs in the community :slight_smile: Canvas Plugin is still new and still making some progress with the documentation. It would be best to follow thi…

Thanks for the update. I actually visited this feedback URL https://github.com/grafana/grafana/discussions/56835 . I see raised questions, but it is not clear if we can add our own icons and how to do that . If this is supported in which version. If you may help answer this specific question. I n…

If one opens svg, its basically xml. Can one save this xml data to a db and point the canvas icon based on a column in a database table?

Thanks so much. This helps and it works for me . Regards, Manal

[image] nathanmarrs: grafana/public/img/icons/markers path should be grafana/public/img/icons/marker (not markers, image is correct)

tested it on my machine - looks like black on black - any requirements to the size of the svg or anything else? [svg-error] [svg-file]

[image] gitthubps1304: tested it on my machine - looks like black on black - any requirements to the size of the svg or anything else? May be in your svg stroke is set to black. If stroke is unset (example in Inkscape, see bottom left corner): [stroke] It should display correctly in Canva…

[image] How to use own svg icons in Canvas plugin Grafana Steps to set custom svg icon: Step 1: Go to your Grafana dashboard and make new dashboard. [image] Step 2: Now add canvas panel visualization [image] Step 3: Now Go to your grafana directory which is by defau…

Hello, just wanted to check, does my solution work for you, or are you still facing same issues Please contact me if you need any help, I will be happy to help you here.

Hello! I’m very sorry for resurrecting this ancient thread… But I’d like to understand what’s going on. Server started #uname -a Linux vms-prometheus 6.8.0-85-generic #85-Ubuntu SMP PREEMPT_DYNAMIC Thu Sep 18 15:26:59 UTC 2025 x86_64 x86_64 x86_64 GNU/Linux Installed - everything “latest” -…

How can I use my own svg icons in Canvas plugin?

Grafana Dashboards

ebabeshko May 27, 2024, 7:41pm 10

May be in your svg stroke is set to black.

If stroke is unset (example in Inkscape, see bottom left corner):

It should display correctly in Canvas, both in Dark and Light themes:

dark

light

Dynamic Battery SOC Visualization in Grafana

Topic		Replies	Views
How to use own svg icons in Canvas plugin Grafana plugins , canvas-plugin	0	880	December 25, 2024
Self-imported svg not visible in Canvas Plugin Grafana canvas-plugin	2	439	December 25, 2024
Custom icon not available in Canvas panel - even a copy of an existing icon does not work Dashboards svg	11	198	December 30, 2025
How to create and use my own SVG icon with animations in Grafana Dashboards canvas-plugin	1	451	July 5, 2025
Unable to load SVG Image from url Dashboards plugins	3	408	January 27, 2025

How can I use my own svg icons in Canvas plugin?

Related topics