# Image management does not support SVG mesh gradients?

**URL:** <https://forum.inductiveautomation.com/t/image-management-does-not-support-svg-mesh-gradients/63578>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 29, 2022, 7:41pm UTC](https://forum.inductiveautomation.com/t/image-management-does-not-support-svg-mesh-gradients/63578 "2022-08-29T19:41:14Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [August 29, 2022, 10:31pm UTC](https://forum.inductiveautomation.com/t/image-management-does-not-support-svg-mesh-gradients/63578/2 "2022-08-29T22:31:43Z")

</div>

If you just want a gradient, see this (while this is for a button the idea is still the same),

> [@Gradient background on buttons](https://forum.inductiveautomation.com/t/gradient-background-on-buttons/29106/2):
>
> That might depend on whether you’re using the Vision or Perspective module. Are you using Vision or are you using Perspective? I want to say that gradients are not a possibility in Vision (but if someone wants to correct me, feel free). Perspective gradients are easy: Set Button.props.style.backgroundImage to linear-gradient(to right, yellow , green). [15%20PM] To do a left-to-right gradient. For a more diagonal gradient, use something like linear-gradient(to bottom right, red , blue). [3…

Example view with gradient background:

```auto
{
  "custom": {},
  "params": {},
  "props": {},
  "root": {
    "meta": {
      "name": "root"
    },
    "props": {
      "style": {
        "background-image": "linear-gradient(red, yellow)"
      }
    },
    "type": "ia.container.coord"
  }
}

```

---

_[View the full topic](https://forum.inductiveautomation.com/t/image-management-does-not-support-svg-mesh-gradients/63578)._