<svg width="100px" id="play-shapes" height="100px" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <g class="play-icon-shapes" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <g class="fx" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
      <circle class="outer-circle-fx" cx="50" cy="50" r="50" fill="none" />
      <circle class="inner-circle-fx" cx="50" cy="50" r="50" fill="none" />
    </g>
    <path class="outer-circle" d="M50,97 C75.957383,97 97,75.957383 97,50 C97,24.0426168 75.957383,3 50,3 C24.0426168,3 3,24.0426168 3,50 C3,75.957383 24.0426168,97 50,97 L50,97 L50,97 Z" fill="none" stroke="#FFF"  fill-rule="nonzero"></path>

    <path d="M50,93 C73.748244,93 93,73.748244 93,50 C93,26.2517558 73.748244,7 50,7 C26.2517558,7 7,26.2517558 7,50 C7,73.748244 26.2517558,93 50,93 L50,93 L50,93 Z" class="inner-circle" stroke="#000"  fill="none" fill-rule="nonzero"></path>

    <path class="pause" d="M54,35 L61,35 L61,67 L54,67 L54,35 Z M38,35 L45,35 L45,67 L38,67 L38,35 Z" fill="#FFF" fill-rule="nonzero"></path>
    <polyline class="play" stroke="#000" fill-rule="nonzero" points="40 68 40 34 68 51 40 68"></polyline>
  </g>
</svg>

