SVG没有在浏览器中显示？

Question

我正在使用browsersync，并且有一个svg文件我试图用作css background-image

SVG

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="14px" height="20px" viewBox="0 0 14 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <title>Pause</title>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="Player" transform="translate(-2710.000000, -394.000000)" fill="#ffffff">
            <g id="Pause" transform="translate(2710.000000, 394.000000)">
                <g id="Rectangle-131-+-Rectangle-131">
                    <rect id="Rectangle-131" x="0" y="0" width="5" height="20"></rect>
                    <rect id="Rectangle-131" x="9" y="0" width="5" height="20"></rect>
                </g>
            </g>
        </g>
    </g>
</svg>