Adding an SVG Logo

It’s possible to use an SVG file as your logo, but it requires a few steps.

It should be noted that uploading SVG files is disabled in WordPress by default due to security concerns. You can read more about that here.

Allowing WordPress to upload SVG files

The first step is to tell WordPress to allow SVG files to be uploaded.

The easiest way to do that is to use this plugin.

Uploading your SVG logo

Now that you have that plugin installed and activated, you can upload your SVG logo in Customize > Site Identity as you would any other logo.

Setting the size

SVG files are cool because you can size them up and down as you need without losing quality. Once your SVG logo is uploaded, you may or may not see it right away. If you don’t (and even if you do), you’ll want to set your preferred size for the logo with some simple CSS:

.site-logo img {
    width: 100px;
    height: 100px;
}

Learn how to add CSSĀ here.

Of course, you can set the width and height to whatever works with your design.