# Svg design problem

**URL:** <https://forum.inductiveautomation.com/t/svg-design-problem/71760>\
**Category:** Ignition\
**Created:** [March 29, 2023, 9:54am UTC](https://forum.inductiveautomation.com/t/svg-design-problem/71760 "2023-03-29T09:54:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Momen\_Essam\_Abusrea](https://avatars.discourse-cdn.com/v4/letter/m/a4c791/32.png) [@Momen\_Essam\_Abusrea](https://forum.inductiveautomation.com/u/Momen_Essam_Abusrea)\
**Post date:** [March 29, 2023, 9:54am UTC](https://forum.inductiveautomation.com/t/svg-design-problem/71760/1 "2023-03-29T09:54:55Z")

</div>

I am trying to make a design for my svg and I want to make its width increase every time I increase the width of the icon, but it does not appear inside Ignition  
Svg code  
"""

 .icon { display: none } .icon:target { display: inline } path:nth-child(2){ filter:blur(40px); } path{ stroke:#F7DB6A; fill:#F7DB6A; width:100%; } """

 ![IMG_20230329_115412](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/d/bdedf2b4973f39ada0a662948235b56f3cb56b50.jpeg)  
This picture show the design which i nead

 ![IMG_20230329_121647](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/a/0a5e88fb0146dce52573e6242df5ab6e5addf04d.jpeg)

---

<div class="post-metadata">

**Author:** ![chaz\_cooper](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/chaz_cooper/32/44782_2.png) [@chaz\_cooper](https://forum.inductiveautomation.com/u/chaz_cooper)\
**Post date:** [April 5, 2023, 4:28pm UTC](https://forum.inductiveautomation.com/t/svg-design-problem/71760/2 "2023-04-05T16:28:51Z")

</div>

Hey [Momen\_Essam\_Abusrea](https://forum.inductiveautomation.com/u/Momen_Essam_Abusrea),  
Can you provide a bit more detail regarding what your expected results for this SVG are and what is currently happening? A video could also be helpful to better understand the expected result you are trying to achieve.