# How to create and use my own SVG icon with animations in Grafana

**URL:** <https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347>\
**Category:** Dashboards\
**Tags:** canvas-plugin\
**Created:** [March 28, 2025, 10:31am UTC](https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347 "2025-03-28T10:31:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kasperkorsholmchrist](https://avatars.discourse-cdn.com/v4/letter/k/7ab992/32.png) [@kasperkorsholmchrist](https://community.grafana.com/u/kasperkorsholmchrist)\
**Post date:** [March 28, 2025, 10:31am UTC](https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347/1 "2025-03-28T10:31:46Z")

</div>



---

<div class="post-metadata">

**Author:** ![infofcc3](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/infofcc3/32/51248_2.png) [@infofcc3](https://community.grafana.com/u/infofcc3)\
**Post date:** [July 5, 2025, 12:12pm UTC](https://community.grafana.com/t/how-to-create-and-use-my-own-svg-icon-with-animations-in-grafana/147347/2 "2025-07-05T12:12:08Z")

</div>

> [@How to use own svg icons in Canvas plugin](https://community.grafana.com/t/how-to-use-own-svg-icons-in-canvas-plugin/139042):
>
> Steps to set custom svg icon: Step 1: Go to your Grafana dashboard and make new dashboard. Step 2: Now add canvas panel visualization Step 3: Now Go to your grafana directory which is by default install in the path given below C:\Program Files\GrafanaLabs\grafana\public\img\icons Step 4: Now go to the start menu and search services Step 5: Now search for grafana running service and restart it Step 6: Now open your dashboard and click on ad…

for animation use (`<animate>` tag inside SVG).