# Drawing component

**URL:** <https://forum.inductiveautomation.com/t/drawing-component/104226>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 26, 2025, 12:03pm UTC](https://forum.inductiveautomation.com/t/drawing-component/104226 "2025-03-26T12:03:28Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [March 26, 2025, 12:03pm UTC](https://forum.inductiveautomation.com/t/drawing-component/104226/1 "2025-03-26T12:03:28Z")

</div>

Hello,

I have a perhaps trivial question but I can't find the information. The “Drawing” component appears in exchange projects.

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

How to add such a component? I don't see it in Perspective Components. In addition, it has properties I don't understand and a configuration.

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

Is there a manual for this?

Best regards,  
Michał

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [March 26, 2025, 12:06pm UTC](https://forum.inductiveautomation.com/t/drawing-component/104226/2 "2025-03-26T12:06:49Z")

</div>

This is the component that is used when an SVG is dropped onto a view and embedded.

> **[Images and Icons in Perspective | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/working-with-perspective-components/images-and-icons-in-perspective)**
>
> Perspective supports the import and display of images, including PNGs, JPGs, JPEGs, GIFs, and SVGs. Images can be loaded into Perspective via the Image Management utility, dragged and dropped directly into a View, or derived from an external web...

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [March 26, 2025, 12:14pm UTC](https://forum.inductiveautomation.com/t/drawing-component/104226/3 "2025-03-26T12:14:32Z")

</div>

The `props.elements` tree is what Ignition extracts from the SVG for the parts of the SVG that Perspective supports. You can supply this, or parts of it, dynamically.

---

<div class="post-metadata">

**Author:** ![Michal\_Goralczyk](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/michal_goralczyk/32/55564_2.png) [@Michal\_Goralczyk](https://forum.inductiveautomation.com/u/Michal_Goralczyk)\
**Post date:** [March 26, 2025, 12:32pm UTC](https://forum.inductiveautomation.com/t/drawing-component/104226/4 "2025-03-26T12:32:52Z")

</div>

Thank you!