SVG images

This section specifically covers how to use an SVG file as the src of an <img>. The use of SVG icons is covered separately.

Open this Using SVG as image source in a new tab

HTML:

<img src="/dist/assets/svg/illustration-1.svg" role="img" alt>

Note the inclusion of the role="img" attribute. Without it, some versions of Safari and iOS will skip over the image entirely and not announce the image or the alt text.