# Animation SVG object by node-red-contrib-ui-svg

**URL:** <https://discourse.nodered.org/t/animation-svg-object-by-node-red-contrib-ui-svg/81230>\
**Category:** General\
**Tags:** node-red-dashboard\
**Created:** [12 September 2023 09:25 UTC](https://discourse.nodered.org/t/animation-svg-object-by-node-red-contrib-ui-svg/81230 "2023-09-12T09:25:01Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [12 September 2023 22:48 UTC](https://discourse.nodered.org/t/animation-svg-object-by-node-red-contrib-ui-svg/81230/3 "2023-09-12T22:48:44Z")

</div>

> [@BartButenaers](#):
>
> If anybody knows a cleaner solution

Not sure about cleaner (or even 100% relevant) but similar & maybe useful to someone...

> [@Contrib-ui-svg: variable height/rotation on input](https://discourse.nodered.org/t/contrib-ui-svg-variable-height-rotation-on-input/31570/3):
>
> I had 10 mins to kill... [{"id":"22a08573.3b113a","type":"ui\_svg\_graphics","z":"26ec3e81.85d802","group":"60b74369.74367c","order":3,"width":"14","height":"10","svgString":"\<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 500 500\" width=\"100%\" height=\"100%\"\>\n \<defs id=\"svgEditorDefs\"\>\n \<linearGradient gradientUnits=\"objectBoundingBox\" id=\"lgrd2-peachpuff-sienna-v\" spreadMethod=\"pad\" x1=\"0%\" x2=\"0%\" y1=\"0%\" y2=\"100%\"\>\…

---

_[View the full topic](https://discourse.nodered.org/t/animation-svg-object-by-node-red-contrib-ui-svg/81230)._