Skip to main content

examples/luna.svg

1<svg viewBox="0 0 1600 900" style="background-color:#a8a8a8" xmlns="http://www.w3.org/2000/svg">
3 <!--
4 Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free
5 (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
6 -->
7 <rect style="fill:#a8a8a8" x="0" y="0" width="1600" height="900"/>
10 <g transform="rotate(144 250 250) translate(654 294) scale(0.3363868644502957 0.3363868644502957)"
11 style="fill: #969696">
12 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
13 </g>
15 <g transform="rotate(17 250 250) translate(1319 33) scale(0.34102539941853866 0.34102539941853866)"
16 style="fill: #767676">
17 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
18 </g>
20 <g transform="rotate(23 250 250) translate(813 -34) scale(0.5270231025873588 0.5270231025873588)"
21 style="fill: #9a9a9a">
22 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
23 </g>
25 <g transform="rotate(43 250 250) translate(1354 668) scale(0.4068478224169197 0.4068478224169197)"
26 style="fill: #878787">
27 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
28 </g>
30 <g transform="rotate(252 250 250) translate(1382 440) scale(0.46565456939579575 0.46565456939579575)"
31 style="fill: #9d9d9d">
32 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
33 </g>
35 <g transform="rotate(184 250 250) translate(1102 200) scale(0.6871913371034953 0.6871913371034953)"
36 style="fill: #7c7c7c">
37 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
38 </g>
40 <g transform="rotate(175 250 250) translate(1015 813) scale(0.693480769109946 0.693480769109946)"
41 style="fill: #898989">
42 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
43 </g>
45 <g transform="rotate(143 250 250) translate(666 809) scale(0.8533391392244394 0.8533391392244394)"
46 style="fill: #7a7a7a">
47 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
48 </g>
50 <g transform="rotate(296 250 250) translate(460 589) scale(0.41621368041817147 0.41621368041817147)"
51 style="fill: #a1a1a1">
52 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
53 </g>
55 <g transform="rotate(356 250 250) translate(1186 998) scale(0.33851952146505515 0.33851952146505515)"
56 style="fill: #9b9b9b">
57 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
58 </g>
60 <g transform="rotate(59 250 250) translate(773 352) scale(0.3942883339345857 0.3942883339345857)"
61 style="fill: #9f9f9f">
62 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
63 </g>
65 <g transform="rotate(282 250 250) translate(1101 284) scale(0.28843265212486824 0.28843265212486824)"
66 style="fill: #a3a3a3">
67 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
68 </g>
70 <g transform="rotate(274 250 250) translate(1125 197) scale(0.6239240264872976 0.6239240264872976)"
71 style="fill: #828282">
72 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
73 </g>
75 <g transform="rotate(258 250 250) translate(516 -20) scale(0.9881477411664232 0.9881477411664232)"
76 style="fill: #8c8c8c">
77 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
78 </g>
80 <g transform="rotate(320 250 250) translate(138 297) scale(0.6266505372017255 0.6266505372017255)"
81 style="fill: #797979">
82 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
83 </g>
85 <g transform="rotate(315 250 250) translate(900 632) scale(0.24915978447535958 0.24915978447535958)"
86 style="fill: #a5a5a5">
87 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
88 </g>
90 <g transform="rotate(204 250 250) translate(1196 862) scale(0.6056316987773125 0.6056316987773125)"
91 style="fill: #a0a0a0">
92 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
93 </g>
95 <g transform="rotate(76 250 250) translate(419 857) scale(0.7387991164558441 0.7387991164558441)"
96 style="fill: #a6a6a6">
97 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
98 </g>
100 <g transform="rotate(37 250 250) translate(136 596) scale(0.7620734375927807 0.7620734375927807)"
101 style="fill: #a2a2a2">
102 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z" />
103 </g>
104</svg>