<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;
  /* This hides bg-image in modern browsers except IE9 */
  background: linear-gradient(transparent, transparent);
  /* This hides bg-image in IE9 */
  background-position: -1000vh 0;
  
  }