Art direction for responsive SVG (usefull for responsive logos). Taken from www.arborvitae.skauting.cz, Modernizer media queries is necessary.

svg-artdirection.js

// SVG art-direction
    const logoSvg = document.getElementById( 'av-logo' );
    function artDirectSvg() {
        if( Modernizr.mq( '(max-width: 300px)' ) ) {
            logoSvg.setAttribute( 'viewBox', '0 0 79 85' );
        }
        if( Modernizr.mq( '(min-width: 300px)' ) && Modernizr.mq( '(max-width: 560px)' ) ) {
            logoSvg.setAttribute( 'viewBox', '97 -230 403 310' );
        }
        if( Modernizr.mq( '(min-width: 561px)' ) ) {
            logoSvg.setAttribute( 'viewBox', '0 0 500 85' );
        }
    }
    artDirectSvg();
    window.addEventListener( 'resize', artDirectSvg );