Skip to main content

examples/plants.svg

1<svg viewBox="0 0 1600 900" style="background-color:#a7ff99" 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:#a7ff99" x="0" y="0" width="1600" height="900"/>
10 <g transform="translate(79 201) scale(0.10590448045232989 0.10590448045232989)"
11 style="fill: #6aff52">
12 <g transform="rotate(42 0 0)">
13 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
14 </g>
15 </g>
17 <g transform="translate(126 446) scale(0.24386447958504187 0.24386447958504187)"
18 style="fill: #7bff66">
19 <g transform="rotate(209 0 0)">
20 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
21 </g>
22 </g>
24 <g transform="translate(997 64) scale(0.24418537844854094 0.24418537844854094)"
25 style="fill: #53ff37">
26 <g transform="rotate(235 0 0)">
27 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
28 </g>
29 </g>
31 <g transform="translate(153 541) scale(0.23863214130099958 0.23863214130099958)"
32 style="fill: #84ff70">
33 <g transform="rotate(327 0 0)">
34 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
35 </g>
36 </g>
38 <g transform="translate(443 562) scale(0.10131258063452957 0.10131258063452957)"
39 style="fill: #9bfe8b">
40 <g transform="rotate(343 0 0)">
41 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
42 </g>
43 </g>
45 <g transform="translate(389 105) scale(0.16334947948083495 0.16334947948083495)"
46 style="fill: #7ffe6a">
47 <g transform="rotate(331 0 0)">
48 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
49 </g>
50 </g>
52 <g transform="translate(1091 311) scale(0.10280451482774204 0.10280451482774204)"
53 style="fill: #a1ff92">
54 <g transform="rotate(332 0 0)">
55 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
56 </g>
57 </g>
59 <g transform="translate(536 874) scale(0.11464000677588218 0.11464000677588218)"
60 style="fill: #4fff33">
61 <g transform="rotate(26 0 0)">
62 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
63 </g>
64 </g>
66 <g transform="translate(-27 -96) scale(0.18789246601677978 0.18789246601677978)"
67 style="fill: #60fe47">
68 <g transform="rotate(153 0 0)">
69 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
70 </g>
71 </g>
73 <g transform="translate(696 -8) scale(0.24952733852818737 0.24952733852818737)"
74 style="fill: #70ff59">
75 <g transform="rotate(266 0 0)">
76 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
77 </g>
78 </g>
80 <g transform="translate(491 936) scale(0.10412948015092145 0.10412948015092145)"
81 style="fill: #8cfe7a">
82 <g transform="rotate(153 0 0)">
83 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
84 </g>
85 </g>
87 <g transform="translate(1145 621) scale(0.22436443622134453 0.22436443622134453)"
88 style="fill: #95ff84">
89 <g transform="rotate(292 0 0)">
90 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
91 </g>
92 </g>
94 <g transform="translate(216 896) scale(0.16234673114609754 0.16234673114609754)"
95 style="fill: #72fe5b">
96 <g transform="rotate(185 0 0)">
97 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
98 </g>
99 </g>
101 <g transform="translate(1673 127) scale(0.18232022467913667 0.18232022467913667)"
102 style="fill: #77ff61">
103 <g transform="rotate(172 0 0)">
104 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
105 </g>
106 </g>
108 <g transform="translate(49 535) scale(0.2350931355029744 0.2350931355029744)"
109 style="fill: #81ff6d">
110 <g transform="rotate(136 0 0)">
111 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
112 </g>
113 </g>
115 <g transform="translate(374 864) scale(0.1467381134650862 0.1467381134650862)"
116 style="fill: #65ff4c">
117 <g transform="rotate(358 0 0)">
118 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
119 </g>
120 </g>
122 <g transform="translate(16 783) scale(0.1295626591550812 0.1295626591550812)"
123 style="fill: #83ff6f">
124 <g transform="rotate(295 0 0)">
125 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
126 </g>
127 </g>
129 <g transform="translate(304 -31) scale(0.17929359960930635 0.17929359960930635)"
130 style="fill: #a6ff98">
131 <g transform="rotate(194 0 0)">
132 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
133 </g>
134 </g>
136 <g transform="translate(1627 558) scale(0.15161963693963645 0.15161963693963645)"
137 style="fill: #6ffe58">
138 <g transform="rotate(20 0 0)">
139 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
140 </g>
141 </g>
143 <g transform="translate(52 10) scale(0.14568718843389014 0.14568718843389014)"
144 style="fill: #5efe45">
145 <g transform="rotate(34 0 0)">
146 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
147 </g>
148 </g>
150 <g transform="translate(311 360) scale(0.22304665001824825 0.22304665001824825)"
151 style="fill: #69ff51">
152 <g transform="rotate(229 0 0)">
153 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
154 </g>
155 </g>
157 <g transform="translate(1433 693) scale(0.18240655276010537 0.18240655276010537)"
158 style="fill: #78fe63">
159 <g transform="rotate(85 0 0)">
160 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
161 </g>
162 </g>
164 <g transform="translate(1366 24) scale(0.236172961151828 0.236172961151828)"
165 style="fill: #8aff77">
166 <g transform="rotate(9 0 0)">
167 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
168 </g>
169 </g>
171 <g transform="translate(621 690) scale(0.1606884858559651 0.1606884858559651)"
172 style="fill: #65ff4d">
173 <g transform="rotate(186 0 0)">
174 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
175 </g>
176 </g>
178 <g transform="translate(450 559) scale(0.24997353366110567 0.24997353366110567)"
179 style="fill: #85ff72">
180 <g transform="rotate(182 0 0)">
181 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
182 </g>
183 </g>
185 <g transform="translate(1468 924) scale(0.12162232365898415 0.12162232365898415)"
186 style="fill: #a6ff98">
187 <g transform="rotate(229 0 0)">
188 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
189 </g>
190 </g>
192 <g transform="translate(1030 756) scale(0.17224461306467473 0.17224461306467473)"
193 style="fill: #82ff6e">
194 <g transform="rotate(150 0 0)">
195 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
196 </g>
197 </g>
199 <g transform="translate(1419 524) scale(0.2090249427354966 0.2090249427354966)"
200 style="fill: #80ff6c">
201 <g transform="rotate(337 0 0)">
202 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
203 </g>
204 </g>
206 <g transform="translate(403 373) scale(0.17053271781728108 0.17053271781728108)"
207 style="fill: #52fe36">
208 <g transform="rotate(77 0 0)">
209 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
210 </g>
211 </g>
213 <g transform="translate(1139 648) scale(0.22723717028983645 0.22723717028983645)"
214 style="fill: #6dff56">
215 <g transform="rotate(328 0 0)">
216 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
217 </g>
218 </g>
220 <g transform="translate(1094 901) scale(0.17506904296505457 0.17506904296505457)"
221 style="fill: #8dff7b">
222 <g transform="rotate(179 0 0)">
223 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
224 </g>
225 </g>
227 <g transform="translate(1495 79) scale(0.1952061783579923 0.1952061783579923)"
228 style="fill: #74ff5d">
229 <g transform="rotate(311 0 0)">
230 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
231 </g>
232 </g>
234 <g transform="translate(1086 592) scale(0.2427605533780503 0.2427605533780503)"
235 style="fill: #81ff6d">
236 <g transform="rotate(85 0 0)">
237 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
238 </g>
239 </g>
241 <g transform="translate(805 191) scale(0.22119605111902324 0.22119605111902324)"
242 style="fill: #71ff5b">
243 <g transform="rotate(88 0 0)">
244 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
245 </g>
246 </g>
248 <g transform="translate(16 6) scale(0.1413623085345039 0.1413623085345039)"
249 style="fill: #90ff7e">
250 <g transform="rotate(119 0 0)">
251 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
252 </g>
253 </g>
255 <g transform="translate(1128 381) scale(0.24641262051190155 0.24641262051190155)"
256 style="fill: #52fe37">
257 <g transform="rotate(243 0 0)">
258 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
259 </g>
260 </g>
262 <g transform="translate(255 -35) scale(0.14246816677243213 0.14246816677243213)"
263 style="fill: #84ff71">
264 <g transform="rotate(6 0 0)">
265 <ns0:path xmlns:ns0="http://www.w3.org/2000/svg" d="M64 96H0c0 123.7 100.3 224 224 224v144c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16V320C288 196.3 187.7 96 64 96zm384-64c-84.2 0-157.4 46.5-195.7 115.2 27.7 30.2 48.2 66.9 59 107.6C424 243.1 512 147.9 512 32h-64z" />
266 </g>
267 </g>
268</svg>