SVG as an image

Browsers support SVG images in:

• HTML <img> or <svg> elements
• CSS background-image
• CSS list-style-image
• CSS content
• SVG <image> element
• SVG <feImage> element
• Canvas drawImage function

For security purposes, some browsers place restrictions on SVG content when it's being used as an image. Specifically, the following limitations may apply:

• JavaScript is disabled.
• External resources (e.g., images, stylesheets) cannot be loaded, though they can be used if inlined through data: URLs.
• :visited-link styles aren't rendered.
• Platform-native widget styling (based on OS theme) is disabled.

Note that the above restrictions are specific to image contexts; they don't apply when SVG content is viewed directly, or when it's embedded as a document via the <iframe>, <object>, or <embed> elements.