JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<span class="test a1"></span>
<span class="test a2"></span>

CSS

.test {
	display: inline-block;
	width: 40px;
	height: 40px;
}
.a1 {
	background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="rgba(153,0,255,1)"/></svg>');
}
.a2 {
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8wOS8xNf7rSTcAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACCUlEQVRYhdWZsUsjQRSHvxkRBJErLERrQWtb4SrBzla0tJHbJsWSv0K3sFm4JqVLWjvBKpDWWsH6DosUEoQDCWPxZuNmMyesyW6eX7k7YT5mszPv/dY456hKlJhlYB84APaAHWADWPVDXoFn4BG4B+6Afhq7t6pzmSqCUWK2gRZwAqxXnGsAZMBVGrunuQpGidkCLoBjYKmiWJkR0AXaaez+zCwYJebcy63NKFZmiEj+/mzQfwWjxKwAHeRx1kkGnKWx+xe6GRSMEvMDuAF+1us2pgccpbF7Kd+YEvQrd0tzcjk94LC8kjYwsEPzcvg5O+WLE4L+haj7P/cZJ95hzPgR+63kgfm/rVUZArv5FlRcwTq2kq+whrgAfgX9CfHA7JvwvBghq/iUr2ALPXIgLi0A8+uSZeAv1c/WuhkAmxapSrTJgTjtW6Rk0sqBReo5rexZpNjUyo5FKmGtbFg+ynSNrIaKBVVYpMHRyqtFui+tPFukNdTKo0X6Vq3cW6Sp1sqdBfrIwayNAdC3Po7IFm0TIEtj95bvg1dIkaiFEeIkJb/PSrqLNCrRzfOb4knSRhqWRTNEXICCoO+i2qFfNMxEqBRKFq5ZXG+cpbE7LV4IFQtnSAzRND0/9wRTgj4bOaJZyTw8mkq4guWWT5kOaWZ/zJDQaCrZgu8cYBZRHQEXURuil2nyM8Q7Y0jOpGq0eREAAAAASUVORK5CYII=');
}