<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon">
      <circle r="60" cx="50%" cy="50%" fill="yellowgreen"/>
      <text x="50%" y="50%" dy=".4em" text-anchor="middle" style="font: 38px/1 Trebuchet MS; fill: #FFF">SVG</text>
</svg>
BODY {
  text-align: center;
  }

.svg-icon {
  display: inline-block;
  margin: 3em 2em;
  width: 180px;
  height: 130px;
  background: url(https://img-fotki.yandex.ru/get/5807/5091629.a3/0_86371_b2660de0_orig) no-repeat center center;
  border: 1px solid #555;
  }

View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.