# Pixelated Image in Button

**URL:** <https://forum.inductiveautomation.com/t/pixelated-image-in-button/41305>\
**Category:** Ignition\
**Tags:** vision, ignition80\
**Created:** [December 8, 2020, 5:54pm UTC](https://forum.inductiveautomation.com/t/pixelated-image-in-button/41305 "2020-12-08T17:54:25Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![zacht](https://avatars.discourse-cdn.com/v4/letter/z/ea5d25/32.png) [@zacht](https://forum.inductiveautomation.com/u/zacht)\
**Post date:** [December 8, 2020, 5:54pm UTC](https://forum.inductiveautomation.com/t/pixelated-image-in-button/41305/1 "2020-12-08T17:54:26Z")

</div>

I made an icon in Inkscape and saved it as an SVG (24px x 24px). It uses a path to define the geometry, and if I open it in a web browser I can scale in without seeing pixelation. When I put the same image into Image Management and put it into a component via Image Path, I see the pixelation shown below. The picture is of a momentary button; I’ve also tried a label and regular button.

Is there something I can do to make the image show up as a vector graphic and not pixelate?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b8ae63905bb89ffaf649d76a35b8b32c21dbde0a.png)
