JSFiddle - React, Tailwind, and code Playground

by Drath

HTML

<div class="item"></div>

CSS

.item {
    width: 64px;
    height: 64px;
    background-size: 64px 64px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcUlEQVR42mNgGJSgJtHxPzZMtOaPNzb8Rwents8gbAguzSAAEsdrCMyZIIXohsDEYAZgNQQmCKJBCmGa0DUjq8XrEmRD8NqMzQWEDMDpBfRwwMXHG5Awm0E0MiYYC+iGoCciojSjG4BPjKAhxIgNDgAA4QIdKkfZDMkAAAAtdEVYdFNvZnR3YXJlAGJ5LmJsb29kZHkuY3J5cHRvLmltYWdlLlBORzI0RW5jb2RlcqgGf+4AAAAASUVORK5CYII=');
    -webkit-filter: drop-shadow(4px 0 0 black) drop-shadow(-4px 0 0 black) drop-shadow(0 4px 0 black) drop-shadow(0 -4px 0 black) drop-shadow(4px 0 0 red) drop-shadow(-4px 0 0 red) drop-shadow(0 4px 0 red) drop-shadow(0 -4px 0 red);
    image-rendering: pixelated;
}