<h1>Fallback SVG CSS backgrounds</h1>

body { 
  
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/91525/svg-no.png");
  
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/91525/svg-ok.svg"), 
    linear-gradient(transparent, transparent);
  
  background-size: 248px 248px;
}

External CSS

  1. https://codepen.io/AmeliaBR/pen/607cb7712555f8d347794ffd3835672d

External JavaScript

This Pen doesn't use any external JavaScript resources.