Using SVG In WordPress: How To Add Vector Images In WordPress

Using SVG in WordPress without touching a line of code is easy. To enable Scalable Vector Graphics just follow the instructions in the video. SVGs are one of the coolest image types because they're scalable to any size and generally take less space than other image types.

When using SVG in WordPress, you can also animate them so they can substitute for GIFs in certain situations. Plus, enabling them in WordPress is remarkably simple and make them a good option for responsive sites.

The fastest way to add vector images in WordPress is to use the SVG Support plugin, which enables this particular image format and adds support for it to your media library.

The process is simple. You just need to install and activate the plugin as usual, and then you’ll be able to add SVGs to your WordPress site.

ThemeIsle is the go-to source for the High-Quality WordPress Themes (both free & premium), and plugins every website owner needs. We're passioned about all things WordPress, but we're not afraid to tackle other web related subjects. Our goal is to give those websites easy-to-use themes and designs that can be managed by everyone.

[merman]

Super helpful, I've been meaning to change to SVG for years and never knew how. Canva for the SVG and your helpful advice. Thanks.

[madzorojuro]

this was great help thanks to you man keep the good work going

[michaeldonaghy]

Great plugin, thanls. But when I upload my SVG for a logo, I am unable to skip cropping the image, and therefore unable to use it. It tries to make me crop it and I get stuck on that page. Any solution?

[ramipelles]

Great tutorial....Thanks...keep it coming...

[halobule]

Bravo my man...easy pleazy explaineezy

[hugoreyesolloqui]

To everyone who have the "crop problem", I tried another plugin called "safe svg", have the same issue croping but after the message you just click "don't crop", and in this plugin, the logo is still there and don't dissapear, so it works for me. Hope it will work for you aswell :). (btw, sorry for my english xD)

[schwamieboy]

When i upload a svg I get this error "Sorry, this file type is not permitted for security reasons." Halp.

[ohmyadsd]

After a svg graphics was added to a page, is it possible to make it into a button? I.e. react to mouse click?

[lettyvillamizar]

Thank you! Very usefull !You have a like !

[sklgy]

I have successfully uploaded my svg logo, but when I try to use it in the header it has to be cropped and the cropping fails every time. How do I solve this?

[bloodymirpoutin]

Broo, just like you, I'm also an Affinity Suite user.. Please do a tutorial on Affinity Designer making vector graphics.. Thanks!

[mitigiant]

It didn't work! it can be uploaded but it is not shown on the website

[circuit-plus]

thank you so much, more features unlock the Pro version

[ramipelles]

Great tutorial....Thanks...keep it coming...