Skip to main content
The Evil SVG Project Hero

The purpose of this article is to provide a repeatable means of performing cross-site scripting attacks via an SVG file.

SVG, otherwise known as "scalable vector graphics" in which an XML document used to build an image.


The above code generates the following image:


However, by introducing JavaScript or HTML within the SVG, it is possible to in effect store XSS payloads that execute whenever the SVG is loaded into the page's dynamic content.

Let's tweak it to add in some JavaScript and officially "weaponized" the SVG.


By simply adding a pair of script tags, an attacker can include any JavaScript functions, actions or even in a worst-case scenario remotely include a JavaScript file whenever the SVG is loaded.

In our case, we are using BeEF (Browser Exploitation Framework) to attack users of an application by including the BeEF JavaScript file within the page allows attackers to carry out attacks and get Beef Shells all from this SVG.

Take for example the following code:


With all of this in mind, seriously consider limiting or blocking SVGs from being uploaded. More often than not, developers have overlooked SVG as a potential threat vector and allow profile picture upload of malicious SVG files.

Additionally, if you are familiar with XXE attacks, this can also be used for that attack vector in some circumstances. If you aren't already scanning uploads regardless of their extension or mime type, it might be time to change that.

Long story short, if you can pop XSS within an SVG you can do pretty much anything up to and including store malicious JS, malicious XML or malicious HTML in-line.

Did you find this useful? Browse more like it on the RedTeam Security blog!

Contact Us