JSFiddle - React, Tailwind, and code Playground

by dzanis

HTML

<div class="logo">
    <img  src="https://image.flaticon.com/teams/slug/google.jpg" onerror="this.onerror=null;style='display: none;'"/>
</div>
<!-- если картинка logo.png не доступна то скрывается почему то вместе с logo из css-->
<div class="logo">
    <img  src="https://image.flaticon.com/teams/slug/google.jp" onerror="this.onerror=null;style='display: none;'"/>
</div>

CSS

.logo img {
    //display:none;
}
.logo {
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAWCAMAAABE12QuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF2q/OAADd/wAA////qf913AAAAOpJREFUeNrE1FsSwyAIBdAr7H/PjbwkgNP+1WmnNpMDoiTgnwYRpsv4p0a+jLXmDFtj0gtfNB5JxPLtOvFBgyh0W/7Wh3etWFfeuejgXZOuVxyoLl6186Zh6fQHNfnWHLxpvz2CkB2CnpXo4K59K1E0rH4pYk8VGDe9vBp4oTnKDiEfcm3cQ/n0pm0P4Vq5Eq8CR+d9SDsZevPQgHZR1bhqyW5bGIWXI5JoHvKtlUnZOphLckTBg2bVWL3X8p+bZtOr9XmeXjXH4cd17YtnEOWWGTWnblknpQ3U3p/fTHi9cizveY7hN30EGACapQvarPKO5AAAAABJRU5ErkJggg==")no-repeat center;


}