Inspector SVG

The same SVG file, loaded in directly in the markup and as a img tag.

Image states

These external SVGs change styles based on the URL:

Click the button to

This element has a mixed case attribute. Editing the attributes in the inspector should preserve case (as the casing is important for rendering).

This element has a background-image using an SVG that uses fill from this page