# Perspective: How to fix stroke widths when resizing SVGs

**URL:** <https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [October 26, 2020, 7:15am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001 "2020-10-26T07:15:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 26, 2020, 7:15am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001/1 "2020-10-26T07:15:45Z")

</div>

How can I fix/preserve the stroke width of an embedded SVG when the component is resized?

I have a generic 24px square SVG that I want to embed and then resize to 200x5px. However when I add a style and set the shape stroke to 2px, the resize is obviously affecting the stroke as well. In Inkscape this is an option when resizing objects.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/7/776a809d36b772338ee55ac0bfedcb1b973d587e.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [October 26, 2020, 7:16am UTC](https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001/2 "2020-10-26T07:16:18Z")

</div>

I found the answer.  
Add this to the style:  
`vector-path:non-scaling-stroke`  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/864c8343f657de6387617ab458598d5f8401a4b9.png)

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [February 5, 2021, 3:00pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001/3 "2021-02-05T15:00:25Z")

</div>

In my case it was vector-effect?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/0/20047eea58eab436303817626b838e9bd3c1ffd1.png)

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [February 5, 2021, 8:12pm UTC](https://forum.inductiveautomation.com/t/perspective-how-to-fix-stroke-widths-when-resizing-svgs/40001/4 "2021-02-05T20:12:37Z")

</div>

I think you’re right… Not sure where my screenshot came from 😕