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.
Website → themeisle.com
WordPress Articles → themeisle.com/blog/
Facebook → / themeisle
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.

[@ThemeIsle]

10+ FREE WordPress Plugins For Any Website: czcams.com/video/gvUUixBO6cg/video.html

[@ramipelles9336]

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

[@merman1979]

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.

[@kasraakbari229]

great,thank you so much

[@madzorojuro]

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

[@lettyvillamizar2694]

Thank you! Very usefull !You have a like !

[@RobertPeterK]

Thank you Letty. I really appreciate your feedback :-)

[@BaliCurrent]

Bravo my man...easy pleazy explaineezy

[@yassinekhalfi]

Thank you

[@ismailtahir9311]

Thank you Bro ;)

[@RobertPeterK]

Thank you too 👍

[@jpoland00]

very helpful

[@sementeplanetaria9432]

THANK YOOOU

[@circuit-plus]

thank you so much, more features unlock the Pro version

[@bloodymirpoutin3825]

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

[@michaeldonaghy5685]

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?

[@RobertPeterK]

Hi, Michael! I am not sure you can use .svg format image as your logo. What theme you are using?

[@michaeldonaghy5685]

Hi Robert. Yes it is possible. I have actually done it before but the way I tried (from memory) isn't working. I'm using this theme:
themeforest.net/item/gifts-shop-responsive-woocommerce-wordpress-theme/20131278
I think I achieved it from these instructions but can't get it to work now:
thebrandid.com/using-svg-logos-wordpress-customizer/

[@hugoreyesolloqui4899]

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)

[@RobertPeterK]

Thank you, you English is just fine and easy to understand.

[@ohmyads3d]

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

[@gujjarch83]

Try using “call to action” widget in elementor

[@sekaiology]

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?

[@RobertPeterK]

Good question. I have no idea how you can solve that problem but you can find help in the WordPress community.

[@schwamieboy1]

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

[@RobertPeterK]

Really? I am not sure but it might be something wrong with your hosting provider?

[@OsSiee3]

Same

[@BraveNewConvo]

Same

[@dbrasil28]

@@RobertPeterK same

[@findabledigitalmarketing]

You have to add a line of security code. Open the .svg on a text editor (ex. Atom) and add this:
Then upload the .svg to WordPress again

[@stubbyhobbs]

Do not work with Avada theme

[@NoPenta]

Doesn't work for me

[@RobertPeterK]

I am really sorry to hear that.

[@mitigiant5328]

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

[@RobertPeterK]

Everything works great on my WordPress website.

[@whoismarcosg]

Same problem here

[@whoismarcosg]

Miti Giant you found a solution?

[@ramipelles9336]

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