1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
|
<?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
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>
|
