# \#svg **URL:** https://community.openhab.org/tag/svg/956.md [Latest](https://community.openhab.org/latest.md) · [Categories](https://community.openhab.org/categories.md) · [Tags](https://community.openhab.org/tags.md) --- ## [SVG on Fixed Canvas only works from sidebar](https://community.openhab.org/t/svg-on-fixed-canvas-only-works-from-sidebar/167790)
**Author:** [@MagnusN](https://community.openhab.org/u/MagnusN)\ **Replies:** 1\ **Last updated:** [January 14, 2026, 6:36pm UTC](https://community.openhab.org/t/svg-on-fixed-canvas-only-works-from-sidebar/167790 "2026-01-14T18:36:49Z")
I have started to build some basic menus on a NSPanel Pro, using the F-Droid app, which works great! But I have got stuck on an issue for some time now. I have a page (“TestPage2”) with an SVG (“TestSVG”) that takes on … --- ## [Design your SVG floorplan or dashboard for HABPanel with Inkscape](https://community.openhab.org/t/design-your-svg-floorplan-or-dashboard-for-habpanel-with-inkscape/38441)
**Author:** [@ysc](https://community.openhab.org/u/ysc)\ **Replies:** 274\ **Last updated:** [June 5, 2025, 1:38pm UTC](https://community.openhab.org/t/design-your-svg-floorplan-or-dashboard-for-habpanel-with-inkscape/38441 "2025-06-05T13:38:36Z")
Hi all, Today a friend using Home Assistant showed me ha-floorplan - basically a way to display interactive SVGs in the web UI. Some skilled people got very creative with it - this goes far beyond floorplans since you c… --- ## [Interactive SVG background: expression works in "Widgets Expression Tester" but not in SVG-object](https://community.openhab.org/t/interactive-svg-background-expression-works-in-widgets-expression-tester-but-not-in-svg-object/162078)
**Author:** [@Lomex](https://community.openhab.org/u/Lomex)\ **Replies:** 3\ **Last updated:** [February 20, 2025, 9:31pm UTC](https://community.openhab.org/t/interactive-svg-background-expression-works-in-widgets-expression-tester-but-not-in-svg-object/162078 "2025-02-20T21:31:53Z")
Hello, I have an expression, which works perfect in the “Widget Expression Tester”: Unfortunately I don’t get any inside a SVG-object reaction here (color should switch to yellow): rect912-3-3-1: actionComman… --- ## [Interactive SVG-backgrounds in android app](https://community.openhab.org/t/interactive-svg-backgrounds-in-android-app/162138)
**Author:** [@Scriptwriter](https://community.openhab.org/u/Scriptwriter)\ **Replies:** 7\ **Last updated:** [February 2, 2025, 10:37am UTC](https://community.openhab.org/t/interactive-svg-backgrounds-in-android-app/162138 "2025-02-02T10:37:23Z")
Hi all, i tested on openhab 4.3.2 interactive SVG-backgrounds (Docs interactive-svg-backgrounds). This works fine on desktop with a normal browser (chrome). But if im opening the same page with the interactive SVG on a… --- ## [Interactive SVG background: text state is not displayed](https://community.openhab.org/t/interactive-svg-background-text-state-is-not-displayed/161680)
**Author:** [@Lomex](https://community.openhab.org/u/Lomex)\ **Replies:** 4\ **Last updated:** [January 14, 2025, 5:58pm UTC](https://community.openhab.org/t/interactive-svg-background-text-state-is-not-displayed/161680 "2025-01-14T17:58:57Z")
Hello community. In the past, I liked to insert SVGs as a floor plan in HABPanel. Now (openhab 4.3.0) this is also possible in the MainUI without HABPanel. Interaction is also possible, e.g. displaying the lamp status b… --- ## [OH4: SVG Animation using shape other than circle](https://community.openhab.org/t/oh4-svg-animation-using-shape-other-than-circle/147339)
**Author:** [@Mark\_VG](https://community.openhab.org/u/Mark_VG)\ **Replies:** 10\ **Last updated:** [June 20, 2023, 5:05pm UTC](https://community.openhab.org/t/oh4-svg-animation-using-shape-other-than-circle/147339 "2023-06-20T17:05:27Z")
Hi All I am trying to replicate an animation from an APP inside my openHAB. With help so far I have managed to get the following working: The animation uses the following code: - componen… --- ## [Custom Widget - PowerFlow](https://community.openhab.org/t/custom-widget-powerflow/124072)
**Author:** [@blobule](https://community.openhab.org/u/blobule)\ **Replies:** 3\ **Last updated:** [April 11, 2023, 12:04am UTC](https://community.openhab.org/t/custom-widget-powerflow/124072 "2023-04-11T00:04:27Z")
This widget is a power flow diagram, provided as an SVG with text and animations controlled by item states. This version contains 4 flows, each with animated power flow, representing grid, battery, solar and thermal powe… --- ## [Add a consistent status circle on any existing svg file](https://community.openhab.org/t/add-a-consistent-status-circle-on-any-existing-svg-file/133702)
**Author:** [@Merijn\_van\_Tilborg](https://community.openhab.org/u/Merijn_van_Tilborg)\ **Replies:** 0\ **Last updated:** [February 25, 2022, 7:38pm UTC](https://community.openhab.org/t/add-a-consistent-status-circle-on-any-existing-svg-file/133702 "2022-02-25T19:38:47Z")
There are many nice icons around in svg format but all too often you do not find them with variants for on/off state. Or if you do, your icons can be made by different creators using different indicators. Here I will ill… --- ## [Fuse a Map frame to an svg floorplan](https://community.openhab.org/t/fuse-a-map-frame-to-an-svg-floorplan/85278)
**Author:** [@NCO](https://community.openhab.org/u/NCO)\ **Replies:** 3\ **Last updated:** [May 20, 2020, 5:30am UTC](https://community.openhab.org/t/fuse-a-map-frame-to-an-svg-floorplan/85278 "2020-05-20T05:30:56Z")
Raspberry 3 B+ with openhabian and habpanel. (OH 2.5 M4) I have created my floorplan and would like to show an openstreetmap frame in the upper left corner. Is this even possible? If so, any feedback would be greatly… --- ## [Svg animate - How to trigger the animation each time the item changes of state](https://community.openhab.org/t/svg-animate-how-to-trigger-the-animation-each-time-the-item-changes-of-state/97922)
**Author:** [@fba1](https://community.openhab.org/u/fba1)\ **Replies:** 1\ **Last updated:** [May 3, 2020, 3:33pm UTC](https://community.openhab.org/t/svg-animate-how-to-trigger-the-animation-each-time-the-item-changes-of-state/97922 "2020-05-03T15:33:19Z")
Hello, I use a Habpanel where I included a template containing the .svg file. This one is my ground-floor and also contains simple animations ( light switch ON-\>OFF; OFF-\>ON). The problem is that the animation works onl… --- ## [SVG ICONs - Automated compiling using GRUNT and Optimize sizing](https://community.openhab.org/t/svg-icons-automated-compiling-using-grunt-and-optimize-sizing/71964)
**Author:** [@David\_deMarco](https://community.openhab.org/u/David_deMarco)\ **Replies:** 1\ **Last updated:** [April 8, 2019, 5:54am UTC](https://community.openhab.org/t/svg-icons-automated-compiling-using-grunt-and-optimize-sizing/71964 "2019-04-08T05:54:43Z")
As part of building a modified version of the Matrix template I wanted to use different style of icons. There are numerous sites and resources so finding appropriate ones has not been too difficult. The challenge has b… --- ## [Not able to display SVG floorplan in HABPanel](https://community.openhab.org/t/not-able-to-display-svg-floorplan-in-habpanel/56543)
**Author:** [@Dhanasekar\_Jaganatha](https://community.openhab.org/u/Dhanasekar_Jaganatha)\ **Replies:** 1\ **Last updated:** [November 14, 2018, 4:37am UTC](https://community.openhab.org/t/not-able-to-display-svg-floorplan-in-habpanel/56543 "2018-11-14T04:37:47Z")
Hi All, I am new to OH and floorplan desing. I am trying to display floorplan in HABPanel. I have downloaed floorplan.css and floorplan.svg from Home Assisstan project (GitHub - pkozul/ha-floorplan: Floorplan for Home A… --- ## [In openhab (Habpanel) flipping an svg menu](https://community.openhab.org/t/in-openhab-habpanel-flipping-an-svg-menu/56316)
**Author:** [@qtronik](https://community.openhab.org/u/qtronik)\ **Replies:** 1\ **Last updated:** [November 13, 2018, 1:48pm UTC](https://community.openhab.org/t/in-openhab-habpanel-flipping-an-svg-menu/56316 "2018-11-13T13:48:00Z")
I’ve started an floorplan for my openhab control in habpanel and there is an menu for controlling my tv or my Kodi: My question is: I’d like to flip the whole 5 circles group when I press ng-click on the rotating arr… --- ## [Truly dynamic icons?](https://community.openhab.org/t/truly-dynamic-icons/14822)
**Author:** [@Benjy](https://community.openhab.org/u/Benjy)\ **Replies:** 7\ **Last updated:** [August 17, 2018, 8:56pm UTC](https://community.openhab.org/t/truly-dynamic-icons/14822 "2018-08-17T20:56:50Z")
Hi All, I did a bit of searching around and couldn’t find any similar topic or discussion (apologies if there is one!), but I wanted to see what people thought about using icon templates, and if this would be a simple t…