decorate9.svg
6.49 KB
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px" style="transform: scale(21.04, 11.29);">
<defs>
<polygon id="decoration-9-polygon-26e8b308d360462fa403612bbd197d19" points="15, 46.5, 21, 47.5, 21, 52.5, 15, 53.5"></polygon>
</defs>
<circle cx="50" cy="50" r="45" fill="transparent" stroke-width="10" stroke-dasharray="80, 100, 30, 100" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" repeatCount="indefinite"></animateTransform>
</circle>
<circle cx="50" cy="50" r="45" fill="transparent" stroke-width="6" stroke-dasharray="50, 66, 100, 66" stroke="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;-360 50 50" dur="3s" repeatCount="indefinite"></animateTransform>
</circle>
<circle cx="50" cy="50" r="38" fill="transparent" stroke="rgba(250,212,0,0.3)" stroke-width="1" stroke-dasharray="5, 1"></circle>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.15s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.3s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.45s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.6s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.75s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="0.9s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="#00CED1" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.05s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.2s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.35s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.5s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.65s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.8s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" fill="transparent" stroke="#FAD400">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="1.95s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.1s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.25s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.4s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.55s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="transparent">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.7s" repeatCount="indefinite"></animateTransform>
</use>
<use xlink:href="#decoration-9-polygon-26e8b308d360462fa403612bbd197d19" stroke="#FAD400" fill="#00CED1">
<animateTransform attributeName="transform" type="rotate" values="0 50 50;360 50 50" dur="3s" begin="2.85s" repeatCount="indefinite"></animateTransform>
</use>
<circle cx="50" cy="50" r="26" fill="transparent" stroke="rgba(250,212,0,0.3)" stroke-width="1" stroke-dasharray="5, 1"></circle>
</svg>