# Preview on add-ons does not display SVG images?

**URL:** <https://discourse.mozilla.org/t/preview-on-add-ons-does-not-display-svg-images/34451>\
**Category:** Themes\
**Tags:** participation, learning, webextensions-api\
**Created:** [December 20, 2018, 8:46pm UTC](https://discourse.mozilla.org/t/preview-on-add-ons-does-not-display-svg-images/34451 "2018-12-20T20:46:59Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![arnolem](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/arnolem/32/25494_2.png) [@arnolem](https://discourse.mozilla.org/u/arnolem)\
**Post date:** [December 20, 2018, 8:47pm UTC](https://discourse.mozilla.org/t/preview-on-add-ons-does-not-display-svg-images/34451/1 "2018-12-20T20:47:00Z")

</div>

Hello,  
I just added a new add-ons and noticed a problem on the preview. My theme uses an SVG image in the background to make a slight gradient of color (from blue to purple).  
This design is very subtle but it is unfortunately not visible on the preview.

> **[Codedesign.fr – Adoptez ce thème pour 🦊 Firefox (fr)](https://addons.mozilla.org/fr/firefox/addon/codedesign-fr/)**
>
> Télécharger Codedesign.fr pour Firefox. Thème dégradé bleu et violet pour Firefox.
> Ce thème est issu du tutoriel de création de thème Firefox : https://codedesign.fr/creation-theme-firefox

Vous pouvez voir sur la capture le thème, et l’aperçu

 ![image](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/8/b/8b8210d68b70ff022485c0c1c10ee53b32cfd2fb.png)

Maybe I forgot something in the manifest.json? If you want to see, I wrote a tutorial (in french) and creating this theme:

> **[Firefox : Créez votre propre thème 🦊](https://codedesign.fr/tutorial/creation-theme-firefox/)**
>
> Comment créer son propre thème Firefox ? Firefox propose un système de thèmes et modules complémentaires permettant de personnaliser et d’étendre les \[…\]

Thank you

---

<div class="post-metadata">

**Author:** ![VanillaOrchids](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/vanillaorchids/32/27455_2.png) [@VanillaOrchids](https://discourse.mozilla.org/u/VanillaOrchids)\
**Post date:** [December 20, 2018, 9:09pm UTC](https://discourse.mozilla.org/t/preview-on-add-ons-does-not-display-svg-images/34451/2 "2018-12-20T21:09:02Z")

</div>

On another note, they don’t display in the review queue either. I just assumed that I was seeing what it was supposed to look like in the previews. Guess not.

 ![!ReviewQueue---SVGfiles](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/c/1/c16a46edc30538e2c79f47a1f6b8f55778619cfb.jpeg)

---

<div class="post-metadata">

**Author:** ![jorgev](https://avatars.discourse-cdn.com/v4/letter/j/71c47a/32.png) [@jorgev](https://discourse.mozilla.org/u/jorgev)\
**Post date:** [December 20, 2018, 10:08pm UTC](https://discourse.mozilla.org/t/preview-on-add-ons-does-not-display-svg-images/34451/3 "2018-12-20T22:08:12Z")

</div>

You can file an issue to add SVG support [here](https://github.com/mozilla/addons/issues/new).