MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Your Search Results

    SVG as an Image

    SVG images can be used as an image format in a number of contexts. Many browsers support SVG images in:

    Gecko-specific contexts

    Additionally, Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) introduced support for using SVG in these contexts:

    Restrictions

    For security purposes, Gecko places some restrictions on SVG content when it's being used as an image:

    • JavaScript is disabled.
    • External resources (e.g. images, stylesheets) cannot be loaded, though they can be used if inlined through BlobBuilder object URLs or data: URIs.
    • :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.

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    in HTML <img> 4 Unknown (4) 9 9.0 4
    in CSS background 4 Unknown (4) 9 9.5 5
    in other contexts ? Unknown (4) ? ? ?
    Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    in HTML <img> 3.0 4.0 (4) ? 10.0 4.0
    in CSS background 3.0 4.0 (4) ? 10.0 3.2 (Partially supported)
    in other contexts ? 4.0 (4) ? ? ?

    Compatibility data from caniuse.com

    Specifications

    See also

    Document Tags and Contributors

    Last updated by: Barbrousse,