{"id":8118,"date":"2017-08-11T14:54:45","date_gmt":"2017-08-11T11:54:45","guid":{"rendered":"https:\/\/themeisle.com\/blog\/?p=8118"},"modified":"2023-03-26T11:10:06","modified_gmt":"2023-03-26T08:10:06","slug":"add-svg-to-wordpress","status":"publish","type":"post","link":"https:\/\/themeisle.com\/blog\/add-svg-to-wordpress\/","title":{"rendered":"How to Add SVG to WordPress: 2 Safe & Simple Methods"},"content":{"rendered":"

WordPress supports multiple image formats<\/a> out of the box, including\u00a0.jpg<\/code>,\u00a0.jpeg<\/code>,\u00a0.png<\/code>, and\u00a0.gif<\/code>. However, it doesn’t enable you to use Scalable Vector Graphics (SVGs)<\/a>, which is one of the most flexible image types out there. Fortunately, learning how to add SVG to WordPress is quite simple.<\/p>\n

I’ll show you tow ways to enable this image format. After that, you’ll be able to use SVGs within your content as regular images, logos, and more. What’s more, WordPress works flawlessly with SVGs once you’ve enabled the file type.<\/p>\n

How to add SVG to WordPress (two easy methods)<\/h2>\n

As we mentioned earlier, WordPress doesn’t support SVGs out of the box. However, you can either enable this feature manually or use a plugin to do it. Let’s start with the latter method because it’s the simplest.<\/p>\n

Method 1: Use the SVG Support plugin<\/h3>\n

If you’re looking for the fastest way to add SVG, this is it. We’re going to use the SVG Support plugin, which enables this particular image format and\u00a0<\/em>adds support for it to your media library:<\/p>\n

\n\t
\n\t\t\n\t\t\t\"SVG\t\t\tSVG Support<\/span><\/span>\n\t\t<\/a>\n\t\t
\n\t\t\t<\/a>\n\t\t\t

Author(s):\t\t\t\t\t\t\t\t\tBenbodhi<\/a>\n\t\t\t\t\t\t\t<\/p>\n\t\t\t

Current Version:<\/span> 2.5.14<\/p>\n\t\t\t

Last Updated:<\/span> February 25, 2025<\/p>\n\t\t\t

Direct Download<\/a><\/p>\n\t\t\t\t\t<\/div>\n\t\t

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t96%Ratings<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t\t\t1,000,000+Installs<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\n\t\t\t\t\t\tWP 5.8+Requires<\/em>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n<\/div><\/div>\n\n