Pin Tag with image

HTML

<div class="pin-map">
<img src="https://www.prima-solutions.com/wp-content/themes/Impreza-child/img/prima-solutions-insurance-platform.svg">
</div>

CSS

body{background-color: #cacaca;}

.pin-map{
  width: 100px;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  text-align: center;
  border-radius: 4px;
}

.pin-map:before, .pin-map img{
  display: inline-block;
  vertical-align: middle;
}
.pin-map:before{
  content: "";
  width: 1px;
  height: 100%;
}
.pin-map img{
  max-width: 90px;
  margin-left: -1px;
}

.pin-map:after {
  display: block;
  content: "▲";
  font-size: 32px;
  color: #fff;
  margin-left: -100px auto -10px auto;
  text-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  transform: rotate(180deg);
}