> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Enabling SVG file support in WordPress

> Learn how to upload SVG files in WordPress using the SVG Support plugin with our step-by-step guide.

[WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) does not allow the upload of SVG files, but this can be accomplished with the help of a plugin. This article will walk you through the process of installing the SVG Support plugin in WordPress. The plugin allows you to upload and use SVG files directly from the Media Library in posts or pages. It also lets you easily embed your entire SVG file's code using a simple IMG tag. By adding the class "style-svg" to your IMG elements, this plugin dynamically replaces any IMG elements with the "style-svg" class with your entire SVG code, rendering it inline.

## What is an SVG file?

Scalable Vector Graphic (SVG) is a vector image that is not made up of pixels like JPG images. They are instead composed of a set of instructions and a schema-like set of data that generates a two-dimensional image. As a result, SVG is highly scalable, and its size can be changed without sacrificing image quality. SVG file sizes are smaller, so they load faster, and they are also indexed by Google, which is beneficial to the site's Search Engine Optimization (SEO). However it is important to know that SVG images are not the best for photography, it's best to be used for icons, logo’s or illustrations.

## Installing SVG Support in WordPress

To use SVG Support Plugin in your WordPress website, follow these steps:

1. Log in to WordPress as the administrator.

2. On the **Dashboard** in the left sidebar, click **Plugins**, and then click **Add New**:\
   ![](https://static.hosting.com/kb/kb_wp_addnew_svgsupport.png)

3. Search for "**SVG Support**" click **Install Now**, and then click **Activate** the plugin:\
   ![](https://static.hosting.com/kb/kb_wp_svgsupportplugin.png)

4. On the **Dashboard** in the left sidebar, click **Settings**, and then click **SVG Support**:\
   ![](https://static.hosting.com/kb/kb_wp_settings_svgsupport.png)

5. On the **Settings** page, check on the required configuration for SVG file support, and then click **Save Changes**:\
   ![](https://static.hosting.com/kb/kb_wp_svgsettings.png)

6. Upload an SVG file to the media library and embed it to the page.![](https://static.hosting.com/kb/kb_wp_medialibrary_svgsupport.png)![](https://static.hosting.com/kb/kb_wp_svgsupport_svgonpage.png)

## More information

For more information about A records, please visit [https://wordpress.org/plugins/svg-support/](https://wordpress.org/plugins/svg-support/)

## Related articles

* [Image galleries](/docs/image-galleries)

* [Installing and configuring the EWWW Image Optimizer plugin](/docs/installing-and-configuring-the-ewww-image-optimizer-plugin)

* [Installing the Auto Image Alt Attribute plugin in WordPress](/docs/installing-the-auto-image-alt-attribute-plugin-in-wordpress)