Hardcode White SVG in Navbar Menu

I’m using Materialize and and attempting to use an SVG as my ‘brand’ image. It works with a png and even the black SVG but for some reason the white version of the same SVG doesn’t show up. It registers in the inspector but isn’t visible in the browser. I’m still developing locally so can’t show an example. Here’s the CSS I’m using:

.brand-logo {
    background-image: url("images/DEMA-brand-white.svg");
    width: 166px;
    height: 48px;
    margin-left: 2%;}

Thanks