| 1 | <?xml version="1.0" encoding="utf-8"?> |
| 2 | <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"> |
| 3 | <style> |
| 4 | use:not(:target) { |
| 5 | display: none; |
| 6 | } |
| 7 | use { |
| 8 | fill: #000000; |
| 9 | } |
| 10 | use[id$="-hover"] { |
| 11 | fill: #000000; |
| 12 | } |
| 13 | use[id$="-active"] { |
| 14 | fill: #000000; |
| 15 | } |
| 16 | use[id$="-focus"] { |
| 17 | fill: #000000; |
| 18 | } |
| 19 | use[id$="-disabled"] { |
| 20 | fill: #8050B0; |
| 21 | } |
| 22 | use[id$="-clicktoplay"] { |
| 23 | fill: #FFCF00; |
| 24 | } |
| 25 | </style> |
| 26 | |
| 27 | <symbol id="play-shape"> |
| 28 | <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 |
| 29 | C3.827,1.682,3.237,2.014,3.237,2.844v12.312H3.243z"/> |
| 30 | </symbol> |
| 31 | |
| 32 | <use id="play" xlink:href="#play-shape"/> |
| 33 | <use id="play-hover" xlink:href="#play-shape"/> |
| 34 | <use id="play-active" xlink:href="#play-shape"/> |
| 35 | <use id="play-focus" xlink:href="#play-shape"/> |
| 36 | <use id="play-clicktoplay" xlink:href="#play-shape"/> |
| 37 | </svg> |