What is MIME type "image/svg+xml"?

A MIME type is a string that tells browsers and other tools how to handle a particular kind of file.

image/svg+xml is a MIME type for vector graphics rendered using XML. It designates images that scale without quality loss. The format works with files like SVG and its compressed version, SVGZ.

This MIME type is ideal for graphics on the web. It relies on simple, human-readable text. That makes it versatile for editing and scripting.

Responsive design – used in sites and apps that need crisp images at any resolution.
Interactive graphics – supports animations and scripting for dynamic visual content.
Scalable illustrations – ideal for icons, logos, and diagrams that must remain clear when resized.

More technical details and examples are available on resources like Wikipedia.

Associated file extensions

.svg, .svgz

Usage Examples

HTTP Header

When serving content with this MIME type, set the Content-Type header:


    Content-Type: image/svg+xml

HTML

In HTML, you can specify the MIME type in various elements:


    <a href="file.dat" type="image/svg+xml">Download file</a>

Server-side (Node.js)

Setting the Content-Type header in Node.js:


    const http = require('http');    
    
    http.createServer((req, res) => {    
      res.setHeader('Content-Type', 'image/svg+xml');    
      res.end('Content here');    
    }).listen(3000);

Associated file extensions

.svg, .svgz

FAQs

What is the correct MIME type for SVG files?

The standard, IANA-registered MIME type for SVG files is image/svg+xml. While you may occasionally see image/svg used, it is incorrect and can lead to rendering issues in stricter browsers. Always use image/svg+xml to ensure maximum compatibility.

How do I configure Apache or Nginx to serve SVGs correctly?

For Apache, add the line AddType image/svg+xml .svg .svgz to your configuration or .htaccess file. For Nginx, ensure your mime.types file contains the directive image/svg+xml svg svgz;. Without this, servers may send the file as text/xml, causing the browser to show code instead of an image.

Are there security risks associated with image/svg+xml?

Yes, because SVG is an XML-based format that supports JavaScript, it is vulnerable to Cross-Site Scripting (XSS) attacks. If your application allows users to upload svg files, you must sanitize the input to remove <script> tags and event listeners before serving them back to other users.

How should I handle the .svgz extension?

The svgz extension represents a GZipped SVG. You should still use the image/svg+xml MIME type, but you must also configure your server to send the Content-Encoding: gzip header. This tells the browser to decompress the file before attempting to parse the XML.

Why does my SVG display as XML code in the browser?

This usually happens when the web server sends the wrong Content-Type header, such as text/plain or text/xml. To fix this, update your server settings to explicitly associate the .svg extension with image/svg+xml.

When should I use image/svg+xml instead of image/png?

Use image/svg+xml for logos, icons, and illustrations that need to scale cleanly to any size without pixelation. Unlike raster formats like PNG or JPEG, SVGs are resolution-independent and often have smaller file sizes for simple geometric graphics.

What happens if the XML namespace is missing in an SVG?

If an SVG file lacks the xmlns="http://www.w3.org/2000/svg" attribute, browsers might treat it as generic XML rather than an image. This often results in the file failing to render or displaying an XML parsing error, even if the MIME type image/svg+xml is correct.

General FAQ

What is a MIME type?

A MIME (Multipurpose Internet Mail Extensions) type is a standard that indicates the nature and format of a document, file, or assortment of bytes. MIME types are defined and standardized in IETF's RFC 6838.

MIME types are important because they help browsers and servers understand how to process a file. When a browser receives a file from a server, it uses the MIME type to determine how to display or handle the content, whether it's an image to display, a PDF to open in a viewer, or a video to play.

MIME types consist of a type and a subtype, separated by a slash (e.g., text/html, image/jpeg, application/pdf). Some MIME types also include optional parameters.

How do I find the MIME type for a file?

You can check the file extension or use a file identification tool such as file --mime-type on the command line. Many programming languages also provide libraries to detect MIME types.

Why are multiple MIME types listed for one extension?

Different applications and historical conventions may use alternative MIME identifiers for the same kind of file. Showing them all helps ensure compatibility across systems.