The Problem
I just uploaded my site to my server and SVG images are not loading.
The Solution
You may find some servers are not configured to display SVG images when they are requested by a web browser. Adding support for SVG is pretty straight forward, however, it does require editing the websites .htaccess configuration file, which needs to be done via the hosting provider. If you are not familiar with the .htaccess file, you can read more about it here.
1. Login to your hosting provider and navigate to the file manager or its equivalent.
2. Now locate the .htaccess file which should be located in the main server root, often referred to as httpdocs.
3. Edit the .htaccess file and add the following lines at the bottom to add support for SVG. Please note, your server may need to be restarted in order for the changes to take effect.
AddType image/svg+xml svg svgz
AddEncoding gzip svgz
The Web Inspector
If you encounter any issues with your site such as broken functionality or missing images, we recommend reading this knowledge base post that covers using the web inspector to identify and fix server side problems such as missing assets.