Working with SVGs
While page thumbnails and the site logo will allow you to upload SVG images, they do have some quirks for displaying them correctly. Use these instructions to control the display of your SVGs.
Prerequisites
- Access to the Control Panel
Using CSS to control SVGs
When uploading an SVG, either as a site logo or a thumbnail, you will need to use CSS to set the dimensions of those SVGs because they do not have a default height and width like other image files. Without these dimensions, your SVGs will take over the page or disappear entirely. You can give your SVGs a dynamic height and width by adding max-width and min-width attributes in your CSS.
If your SVGs do not have a uniform height and width, you should also add max-height to help even them out.