# Import SVG to coordinate container

**URL:** <https://forum.inductiveautomation.com/t/import-svg-to-coordinate-container/109624>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [August 12, 2025, 2:17am UTC](https://forum.inductiveautomation.com/t/import-svg-to-coordinate-container/109624 "2025-08-12T02:17:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![qliu](https://avatars.discourse-cdn.com/v4/letter/q/bc8723/32.png) [@qliu](https://forum.inductiveautomation.com/u/qliu)\
**Post date:** [August 12, 2025, 2:17am UTC](https://forum.inductiveautomation.com/t/import-svg-to-coordinate-container/109624/1 "2025-08-12T02:17:50Z")

</div>

Hi folks,  
I have a .svg file and want to import to my container, to have the element-level editing. Right now, I can only drag and drop, but it is an image, so I don’t have the props.viewBox, or the viewBox/elements. I think I need it as a “Drawing“, not “Image“.

Is there a correct way to do this?  
Thanks!

---

<div class="post-metadata">

**Author:** ![Dean\_So](https://avatars.discourse-cdn.com/v4/letter/d/46a35a/32.png) [@Dean\_So](https://forum.inductiveautomation.com/u/Dean_So)\
**Post date:** [August 12, 2025, 4:42am UTC](https://forum.inductiveautomation.com/t/import-svg-to-coordinate-container/109624/2 "2025-08-12T04:42:06Z")

</div>

When you drag and drop the .svg onto your view select the ‘Embed image’ option and it should embed it as a ‘Drawing’.

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

---

<div class="post-metadata">

**Author:** ![qliu](https://avatars.discourse-cdn.com/v4/letter/q/bc8723/32.png) [@qliu](https://forum.inductiveautomation.com/u/qliu)\
**Post date:** [August 14, 2025, 4:28pm UTC](https://forum.inductiveautomation.com/t/import-svg-to-coordinate-container/109624/3 "2025-08-14T16:28:27Z")

</div>

it works!