blob: aecb55a1863e2c1df13a70687ad8e0fed9b3af83 (
plain)
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
|
<?xml version="1.0" encoding="iso-8859-1" standalone="no"?>
<svg width="128px" height="128px" viewBox="0 0 1000 1000"
xmlns="http://www.w3.org/2000/svg">
<title>5 before 12</title>
<desc>Analog clock image</desc>
<defs>
<style type="text/css"><![CDATA[
.A {
fill: #7F7FFF;
}
.B {
fill: #7F7FFF;
stroke: #7F7FFF;
stroke-linecap: round;
stroke-width: 30;
}
.C {
fill: #7F7FFF;
stroke: #7F7FFF;
stroke-linecap: round;
stroke-width: 20;
}
]]></style>
<radialGradient id="MyGradient" gradientUnits="userSpaceOnUse"
cx="500" cy="500" r="500">
<stop offset="0" stop-color="white" stop-opacity="1" />
<stop offset="0.5" stop-color="white" stop-opacity="1" />
<stop offset="1" stop-color="white" stop-opacity="0" />
</radialGradient>
<mask id="MyMask" maskUnits="userSpaceOnUse"
x="0" y="0" width="1000" height="1000">
<rect x="0" y="0" width="1000" height="1000" fill="url(#MyGradient)"
/>
</mask>
</defs>
<rect x="0" y="0" width="1000" height="1000" fill="white" mask="url(#MyMask)" />
<circle cx="870" cy="500" r="30" class="A"/>
<circle cx="820.4" cy="685" r="30" class="A"/>
<circle cx="685" cy="820.4" r="30" class="A"/>
<circle cx="500" cy="870" r="30" class="A"/>
<circle cx="315" cy="820.4" r="30" class="A"/>
<circle cx="179.6" cy="685" r="30" class="A"/>
<circle cx="130" cy="500" r="30" class="A"/>
<circle cx="179.6" cy="315" r="30" class="A"/>
<circle cx="315" cy="179.6" r="30" class="A"/>
<circle cx="500" cy="130" r="30" class="A"/>
<circle cx="685" cy="179.6" r="30" class="A"/>
<circle cx="820.4" cy="315" r="30" class="A"/>
<line x1="500" y1="500" x2="493.7" y2="356.7" class="B"/>
<line x1="500" y1="500" x2="372.5" y2="279.2" class="C"/>
</svg>
|