SVG

A pattern to include SVG's in the best possible way without penalising any particular user group.

Demo

HTML:

<div class="svg  svg--fixed-height  (or svg--fluid)">
    <a href="#" class="svg__link">
        <object type="image/svg+xml" data="your-logo.svg" height="170" class="svg__image" aria-hidden="true" tabindex="-1">
            <svg display="none">
                <image src="your-logo.png" height="170" class="svg__fallback-image" alt="Fall-Back text" />
            </svg>
            <span class="svg__fallback-text-alpha" data-content="Fall-Back text"></span>
        </object>
       <div><i class="svg__fallback-text-beta">Fall-Back text</i></div>
    </a>
</div>