# Svg install help

**URL:** <https://forum.inductiveautomation.com/t/svg-install-help/38724>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [September 16, 2020, 2:41am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724 "2020-09-16T02:41:01Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 2:41am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/1 "2020-09-16T02:41:01Z")

</div>

I added the svg icon in the (Ignition\data\modules\com.inductiveautomation.perspective\icons) directory, but it didn’t work, then I modified the material.svg in the ignition, just copied the same label, I also restarted the ignition.  
help me

 ![微信图片_20200916103340](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a94afc0ded661ee6be17bb0437e2e56a78fad12b.png) ![微信图片_20200916103340](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/9/a94afc0ded661ee6be17bb0437e2e56a78fad12b.png)

---

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 2:42am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/2 "2020-09-16T02:42:53Z")

</div>

Copying the same tag also won’t work

---

<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:** [September 16, 2020, 5:30am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/3 "2020-09-16T05:30:58Z")

</div>

Have you tried the User Manual?  
[https://docs.inductiveautomation.com/display/DOC80/Images%2C+SVGs%2C+and+Icons+in+Perspective#Images,SVGs,andIconsinPerspective-UseaCustomIconRepository](https://docs.inductiveautomation.com/display/DOC80/Images%2C+SVGs%2C+and+Icons+in+Perspective#Images,SVGs,andIconsinPerspective-UseaCustomIconRepository)

I haven’t tried it myself yet

---

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 5:40am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/4 "2020-09-16T05:40:45Z")

</div>

i try the User Manual，I imitated But ，it is not work,

---

<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:** [September 16, 2020, 5:43am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/5 "2020-09-16T05:43:26Z")

</div>

Can you get the example working? Also, can you copy and paste a text version of your svg definitions instead of an image?

---

<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:** [September 16, 2020, 6:04am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/6 "2020-09-16T06:04:23Z")

</div>

This works:

```auto
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">  
	<svg viewBox="0 0 24 24">
		<g class="icon" id="accessibility">
			<path d="M0 0h24v24H0z" fill="none"/>
			<path d="M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"/>
		</g>
	</svg>
		
	<svg viewBox="0 0 24 24">
		<g class="icon" id="zzz">
			<path d="M0 0h24v24H0z" fill="none"/>
			<path d="M12 2c1.1 0 2 .9 2 2s.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z"/>
		</g>
	</svg>
</svg>

```

---

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 6:57am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/7 "2020-09-16T06:57:26Z")

</div>

Yes, I put your file name in the directory (Ignition\data\modules\com.inductiveautomation.perspective\icons), call it with component icont in Perspective, write in path

---

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 6:59am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/8 "2020-09-16T06:59:28Z")

</div>

thanks I just watched it several times and it didn’t take effect. I gave up, but after I came back from the meal, it took effect again. Does he need to refresh or wait for a while to take effect?

---

<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:** [September 16, 2020, 7:21am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/9 "2020-09-16T07:21:31Z")

</div>

I found if I just closed the View and re-opened it, it worked

---

<div class="post-metadata">

**Author:** ![448719222](https://avatars.discourse-cdn.com/v4/letter/4/71e660/32.png) [@448719222](https://forum.inductiveautomation.com/u/448719222)\
**Post date:** [September 16, 2020, 7:34am UTC](https://forum.inductiveautomation.com/t/svg-install-help/38724/10 "2020-09-16T07:34:13Z")

</div>

Wǒ míngbáile,thanks, wǒ fāle túpiàn, nǐ què bǎ tā dǎ chéngle svg, wànfēn gǎnxiè

34/5000

I understand, thanks, I posted the picture, but you typed it into an svg, thank you very much