JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <rect class="shadow" x="10" y="10" width="100" height="50" fill="#c66" />
</svg>

<svg  class="shadow">
    <rect x="10" y="10" width="100" height="50" fill="#c66" />
</svg>

<img src="http://upload.wikimedia.org/wikipedia/en/c/c3/Flag_of_France.svg" class="shadow" ></img>

CSS

.shadow {
    -webkit-filter: drop-shadow( -5px -5px 5px #000 );
            filter: drop-shadow( -5px -5px 5px #000 ); /* Same syntax as box-shadow */
}

svg,img {
    height: 100px;
}