-<?xml version="1.0" encoding="utf-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18px" height="18px" viewBox="0 0 18 18">
- <style>
- use:not(:target) {
- display: none;
- }
- use {
- fill: #ffffff;
- }
- use[id$="-hover"] {
- fill: #48a0f7;
- }
- use[id$="-active"] {
- fill: #2d89e6;
- }
- use[id$="-focus"] {
- fill: #48a0f7;
- }
- use[id$="-disabled"] {
- fill: #ffffff;
- }
- use[id$="-clicktoplay"] {
- fill: #000000;
- }
- </style>
-
- <symbol id="play-shape">
- <path d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
+<svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" viewBox="0 0 18 18">
+ <path fill="context-fill" d="M3.243,15.155c0,0.845,0.593,1.157,1.317,0.707l9.659-6.041c0.727-0.453,0.722-1.193,0-1.645L4.556,2.137
C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/>
- </symbol>
-
- <use id="play" xlink:href="#play-shape"/>
- <use id="play-hover" xlink:href="#play-shape"/>
- <use id="play-active" xlink:href="#play-shape"/>
- <use id="play-focus" xlink:href="#play-shape"/>
- <use id="play-clicktoplay" xlink:href="#play-shape"/>
</svg>