# SVG Issues in the Pinegrow editor - WP Plugin

**URL:** <https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749>\
**Category:** Pinegrow WordPress Plugin\
**Tags:** bug\
**Created:** [February 16, 2023, 1:54pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749 "2023-02-16T13:54:14Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [February 16, 2023, 1:54pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/1 "2023-02-16T13:54:14Z")

</div>

Hi,

SVG images are not loading correctly in the editor. So at this point placing an image and choosing an SVG image doesn’t work at all. Unless i grab the URL form the media library and paste it in manually within the image settings.

I created a quick video: [https://www.berrycast.com/conversations/1b1586e8-dcd9-583f-beec-4ffb75480b17](https://www.berrycast.com/conversations/1b1586e8-dcd9-583f-beec-4ffb75480b17)

Hope this can be fixed soon.

Thanks  
Guido

---

<div class="post-metadata">

**Author:** ![matjaz](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/matjaz/32/5_2.png) [@matjaz](https://forum.pinegrow.com/u/matjaz)\
**Post date:** [February 18, 2023, 9:40am UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/2 "2023-02-18T09:40:46Z")

</div>

Hi @Guido,

Which SVG plugin are you using?

What is the broken URL to the SVG image when you insert it in PG?

Thanks, Matjaz

---

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [February 18, 2023, 1:37pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/3 "2023-02-18T13:37:09Z")

</div>

Hi @matjaz

I am using HappyFiles that has the option to allow SVG uploads. ([https://happyfiles.io/](https://happyfiles.io/))

So the url to one of my SVG’s is [https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg](https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg)

But in the editor it doesn’t see SVG’s in the preview window:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/8b98d0a5fbe58e4c99ba8076ff9ee56f8126e9c3.png)

The last two are SVG. If i click on one of them to insert then the url that it grabs is:

[https://domainname.com/wp-content/uploads/](https://domainname.com/wp-content/uploads/)

It seems to ignore the WP-Expert-Logo.svg part of the url.

The url in the settings of the image is then this:

![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/13cec3525a727ff35a5312c00c38ee6254f73909.png)

Nothing after uploads/

If i grab the full url [https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg](https://domainname.com/wp-content/uploads/WP-Expert-Logo.svg) and paste it in there then it works.

edit:I just tried to use the upload image within the editor to see if that changes things but the result is the same.

![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3a568e434e3e21daf027d48fcef8fe8fcd2614c2.png)

FYI: I just replaced my actual domain name with domainname.

edit: I just tried disabling the plugin and added $mimes[‘svg’] = ‘image/svg+xml’; to enable SVG upload. That didn’t solve the problem.

Guido

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [February 18, 2023, 3:17pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/4 "2023-02-18T15:17:37Z")

</div>

(for what it is worth, each situation may differ depending on the hosting and possible restrictions) in local mode, using local.app SVG are fine.

 ![SCR-20230218-mj6](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/e/e9ed061a59b68798258308d0271953d264703080.jpeg)  
 ![SCR-20230218-mjs](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b5a4b79896131e477d4d057a53fd495e7407b7a5.jpeg)  
 ![SCR-20230218-mkb](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/3/3b2079a02cdfa22d0bfa4d0a340d51ca811d60e9.png)

---

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [February 18, 2023, 3:51pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/5 "2023-02-18T15:51:06Z")

</div>

Oke some more testing with SVG:

1. If i copy svg code and paste it in the “Insert Code” area then it works fine:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/1/1a02a00ddced1b22bc3aa57c83a11fb9e7424e48.png)

The Chevron is what i inserted.

1. If i use Insert \> External Content \> svg then i get the message “Sorry, your browser does not support inline SVG”

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/9d5496fb8ab830b2f367defa33b73247cc6f9aef.png)

BUT if i refresh the editor then the svg shows up.

![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d954c8fedda6c23e02f576cf118e5db916c6c9dd.png)  
 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/9/992b2ee20a6d9e82349e0f2c47596071622e6137.png)

So there is definitely something going on with SVG’s.

This doesn’t work for an img svg. Those just don’t work until i manually grab the url from the media folder and paste it in the img settings.

There is no issue using the SVG’s in Gutenberg for example so it seems to be only related to the pinegrow editor. On live hosting.

Guido

---

<div class="post-metadata">

**Author:** ![Guido](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/guido/32/4958_2.png) [@Guido](https://forum.pinegrow.com/u/Guido)\
**Post date:** [March 21, 2023, 5:52pm UTC](https://forum.pinegrow.com/t/svg-issues-in-the-pinegrow-editor-wp-plugin/7749/6 "2023-03-21T17:52:50Z")

</div>

Hi @matjaz,

Following up on this thread to see how we are with these SVG issues? Were you able to replicate the issues i have?

Thanks  
Guido
