JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Regular Element | Content</h1>
<div class="regular"></div>

<h1>Pseudo Element | Content</h1>
<div class="pseudo"></div>

<h1>Regular Element | Background</h1>
<div class="regularB"></div>

<h1>Pseudo Element | Background</h1>
<div class="pseudoB"></div>

CSS

.regular {
  width: 2em;
  height: 2em;
  content: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
  border: 1px solid black;
}

.regularB {
  width: 2em;
  height: 2em;
  background: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
  border: 1px solid black;
}

.pseudo {
  width: 2em;
  height: 2em;
  display: block;
  content: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
  border: 1px solid black;
}

.pseudoB {
  width: 2em;
  height: 2em;
  display: block;
  content: "";
  background: url(http://copticchurch-directory.org/wp-content/uploads/2016/08/Map-Marker1.svg);
  border: 1px solid black;
}