# Compass - Ignition Perspective

**URL:** <https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [October 17, 2023, 2:21am UTC](https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565 "2023-10-17T02:21:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sameer\_Ambegaonkar](https://avatars.discourse-cdn.com/v4/letter/s/41988e/32.png) [@Sameer\_Ambegaonkar](https://forum.inductiveautomation.com/u/Sameer_Ambegaonkar)\
**Post date:** [October 17, 2023, 2:21am UTC](https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565/1 "2023-10-17T02:21:57Z")

</div>

What is the best way of implementing a compass in Ignition Perspective 8.1? Vision had a standard component but missing in perspective.

Regards,  
Sameer

---

<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 17, 2023, 9:55am UTC](https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565/2 "2023-10-17T09:55:55Z")

</div>

Just use an SVG

---

<div class="post-metadata">

**Author:** ![Samkcr](https://avatars.discourse-cdn.com/v4/letter/s/7c8e57/32.png) [@Samkcr](https://forum.inductiveautomation.com/u/Samkcr)\
**Post date:** [February 3, 2026, 1:56pm UTC](https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565/3 "2026-02-03T13:56:39Z")

</div>

I have come across this similar requirement and looking for answer.

Can you explain little more about implementing this using SVG?

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [February 3, 2026, 2:11pm UTC](https://forum.inductiveautomation.com/t/compass-ignition-perspective/80565/4 "2026-02-03T14:11:34Z")

</div>

There’s a few ways to do this. Here’s a tutorial that is probably useful if you’re trying to do a circular one. Basically, you draw your SVG in Inkscape and then embed it in Ignition. When you drag/drop the SVG onto a screen you want to click the radio box option for “embed” (default is to add it to img library which is less flexible for this sort of thing)

![](https://us1.discourse-cdn.com/inductiveautomation/optimized/3X/e/5/e508ae14047f1454e1527a44ca97c1511a0913f0_2_690x388.jpeg)https://www.youtube.com/embed/ZjMIAcQEtGg?feature=oembed&wmode=opaque&list=PLynG8gQD-n8C-WYNovoPzWvxDMb1Ls_7S

Clocks and compasses are somewhat similar.

I would recommend systematically going through the SVG after you embed it in Ignition and adding style elements to the numbers so you can adjust them all simultaneously with a style. Use search in Ignition to find the text elements within the embedded SVG to add their text styles. It takes a little time but once you have one done you can use that wherever by copy/pasting it to other screens.