# \[FEATURE\]Add non-scaling-stroke option to smart symbols

**URL:** <https://forum.inductiveautomation.com/t/feature-add-non-scaling-stroke-option-to-smart-symbols/63588>\
**Category:** Ignition\
**Created:** [August 30, 2022, 1:30am UTC](https://forum.inductiveautomation.com/t/feature-add-non-scaling-stroke-option-to-smart-symbols/63588 "2022-08-30T01:30:06Z")\
**Posts on this page:** 3\
**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:** [August 30, 2022, 1:30am UTC](https://forum.inductiveautomation.com/t/feature-add-non-scaling-stroke-option-to-smart-symbols/63588/1 "2022-08-30T01:30:06Z")

</div>

When you increase the size of smart symbols, the strokes scale with them. Can there please be an option added to stop stroke scaling?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/e/5e14df97c4122f66441fe77e03231af9a7acf71f.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/c/fcda0de0edcd90f7805a8edc711cb3e7671344d1.png)

I don’t know if I can hack this style (`vector-effect="non-scaling-stroke"`) on as you have to apply it to the specific SVG path object 🤔

---

<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:** [August 30, 2022, 1:38am UTC](https://forum.inductiveautomation.com/t/feature-add-non-scaling-stroke-option-to-smart-symbols/63588/2 "2022-08-30T01:38:07Z")

</div>

Also, the alignment of the level indicator is super average… that’s something I’d send straight back to the grad who did it 😆

Also also, if the tank border edges are rounded, then so too should be the level indicator edges, at least the ones along the tank perimeter. Currently they’re square

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce0f99849284301c7d3994d638611c22374ee670.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [August 30, 2022, 6:30am UTC](https://forum.inductiveautomation.com/t/feature-add-non-scaling-stroke-option-to-smart-symbols/63588/3 "2022-08-30T06:30:16Z")

</div>

svg’s dont have this property

You can do a work around by setting `viewbox:""` and basicly change all the number values that have to be dynamic to % (so all but the stroke?)

copy pasted this from an other example that used rx

```auto
[
  {
    "type": "ia.shapes.svg",
    "version": 0,
    "props": {
      "preserveAspectRatio": "none",
      "elements": [
        {
          "type": "rect",
          "width": "100%",
          "height": "100%",
          "rx": 50
        }
      ]
    },
    "meta": {
      "name": "test"
    },
    "position": {
      "x": 105,
      "y": 446,
      "height": 275,
      "width": 626
    },
    "custom": {}
  }
]

```

Hm this probably wont work with paths, only simple objects, idk