JSFiddle - React, Tailwind, and code Playground

by toddmotto

HTML

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="chromium" alt="Chromium">

CSS

.chromium {
    background:url(//toddmotto.com/img/posts/chromium.png) no-repeat;
    width:250px;
    height:250px;
}
.svg .chromium {
    background:url(//toddmotto.com/img/posts/chromium.svg) no-repeat;
    background-size:250px 250px;
}

JavaScript

! function () {
    function supportsSVG() {
        return !!document.createElementNS && !! document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect
    }
    if (supportsSVG()) document.documentElement.className += ' svg'
}()