JSFiddle - React, Tailwind, and code Playground

by Joshua Koudys

HTML

<div></div>
        <svg height="50" width="50"><circle cx="25" cy="25" r="25" fill="red" /></svg>

CSS

img, div {
    padding: 15px;
    display: inline-block;
    width: 40px;
    height: 65px;
    background-image: url('data:image/svg+xml;utf8,<svg height="50" width="50"><circle cx="25" cy="25" r="25" fill="red" /></svg>');
}
/*  url("https://d3n8a8pro7vhmx.cloudfront.net/greenbelt/pages/1356/attachments/original/1435138543/pin.svg?1435138543" */