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