The Clown Car Technique for Responsive Images
> In the second, the raster images are background image. Only the required image is downloaded.<p>The author neglects to point out that every image will waste a http request downloading the svg file so this is going to give poorer performance than having the logic in your css (perhaps he considered it too obvious).