weather-sprite.svg 65 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- (c) ammap.com | SVG weather icons -->
  3. <svg
  4. version="1.1"
  5. xmlns="http://www.w3.org/2000/svg"
  6. xmlns:xlink="http://www.w3.org/1999/xlink"
  7. style="position: absolute; width: 0; height: 0;"
  8. width="0"
  9. height="0">
  10. <defs>
  11. <style type="text/css"><![CDATA[
  12. /*
  13. ** CLOUDS
  14. */
  15. @keyframes am-weather-cloud-1 {
  16. 0% {
  17. -webkit-transform: translate(-5px,0px);
  18. -moz-transform: translate(-5px,0px);
  19. -ms-transform: translate(-5px,0px);
  20. transform: translate(-5px,0px);
  21. }
  22. 50% {
  23. -webkit-transform: translate(10px,0px);
  24. -moz-transform: translate(10px,0px);
  25. -ms-transform: translate(10px,0px);
  26. transform: translate(10px,0px);
  27. }
  28. 100% {
  29. -webkit-transform: translate(-5px,0px);
  30. -moz-transform: translate(-5px,0px);
  31. -ms-transform: translate(-5px,0px);
  32. transform: translate(-5px,0px);
  33. }
  34. }
  35. .am-weather-cloud-1 {
  36. -webkit-animation-name: am-weather-cloud-1;
  37. -moz-animation-name: am-weather-cloud-1;
  38. animation-name: am-weather-cloud-1;
  39. -webkit-animation-duration: 7s;
  40. -moz-animation-duration: 7s;
  41. animation-duration: 7s;
  42. -webkit-animation-timing-function: linear;
  43. -moz-animation-timing-function: linear;
  44. animation-timing-function: linear;
  45. -webkit-animation-iteration-count: infinite;
  46. -moz-animation-iteration-count: infinite;
  47. animation-iteration-count: infinite;
  48. }
  49. @keyframes am-weather-cloud-2 {
  50. 0% {
  51. -webkit-transform: translate(0px,0px);
  52. -moz-transform: translate(0px,0px);
  53. -ms-transform: translate(0px,0px);
  54. transform: translate(0px,0px);
  55. }
  56. 50% {
  57. -webkit-transform: translate(2px,0px);
  58. -moz-transform: translate(2px,0px);
  59. -ms-transform: translate(2px,0px);
  60. transform: translate(2px,0px);
  61. }
  62. 100% {
  63. -webkit-transform: translate(0px,0px);
  64. -moz-transform: translate(0px,0px);
  65. -ms-transform: translate(0px,0px);
  66. transform: translate(0px,0px);
  67. }
  68. }
  69. .am-weather-cloud-2 {
  70. -webkit-animation-name: am-weather-cloud-2;
  71. -moz-animation-name: am-weather-cloud-2;
  72. animation-name: am-weather-cloud-2;
  73. -webkit-animation-duration: 3s;
  74. -moz-animation-duration: 3s;
  75. animation-duration: 3s;
  76. -webkit-animation-timing-function: linear;
  77. -moz-animation-timing-function: linear;
  78. animation-timing-function: linear;
  79. -webkit-animation-iteration-count: infinite;
  80. -moz-animation-iteration-count: infinite;
  81. animation-iteration-count: infinite;
  82. }
  83. /*
  84. ** STROKE
  85. */
  86. @keyframes am-weather-stroke {
  87. 0% {
  88. -webkit-transform: translate(0.0px,0.0px);
  89. -moz-transform: translate(0.0px,0.0px);
  90. -ms-transform: translate(0.0px,0.0px);
  91. transform: translate(0.0px,0.0px);
  92. }
  93. 2% {
  94. -webkit-transform: translate(0.3px,0.0px);
  95. -moz-transform: translate(0.3px,0.0px);
  96. -ms-transform: translate(0.3px,0.0px);
  97. transform: translate(0.3px,0.0px);
  98. }
  99. 4% {
  100. -webkit-transform: translate(0.0px,0.0px);
  101. -moz-transform: translate(0.0px,0.0px);
  102. -ms-transform: translate(0.0px,0.0px);
  103. transform: translate(0.0px,0.0px);
  104. }
  105. 6% {
  106. -webkit-transform: translate(0.5px,0.4px);
  107. -moz-transform: translate(0.5px,0.4px);
  108. -ms-transform: translate(0.5px,0.4px);
  109. transform: translate(0.5px,0.4px);
  110. }
  111. 8% {
  112. -webkit-transform: translate(0.0px,0.0px);
  113. -moz-transform: translate(0.0px,0.0px);
  114. -ms-transform: translate(0.0px,0.0px);
  115. transform: translate(0.0px,0.0px);
  116. }
  117. 10% {
  118. -webkit-transform: translate(0.3px,0.0px);
  119. -moz-transform: translate(0.3px,0.0px);
  120. -ms-transform: translate(0.3px,0.0px);
  121. transform: translate(0.3px,0.0px);
  122. }
  123. 12% {
  124. -webkit-transform: translate(0.0px,0.0px);
  125. -moz-transform: translate(0.0px,0.0px);
  126. -ms-transform: translate(0.0px,0.0px);
  127. transform: translate(0.0px,0.0px);
  128. }
  129. 14% {
  130. -webkit-transform: translate(0.3px,0.0px);
  131. -moz-transform: translate(0.3px,0.0px);
  132. -ms-transform: translate(0.3px,0.0px);
  133. transform: translate(0.3px,0.0px);
  134. }
  135. 16% {
  136. -webkit-transform: translate(0.0px,0.0px);
  137. -moz-transform: translate(0.0px,0.0px);
  138. -ms-transform: translate(0.0px,0.0px);
  139. transform: translate(0.0px,0.0px);
  140. }
  141. 18% {
  142. -webkit-transform: translate(0.3px,0.0px);
  143. -moz-transform: translate(0.3px,0.0px);
  144. -ms-transform: translate(0.3px,0.0px);
  145. transform: translate(0.3px,0.0px);
  146. }
  147. 20% {
  148. -webkit-transform: translate(0.0px,0.0px);
  149. -moz-transform: translate(0.0px,0.0px);
  150. -ms-transform: translate(0.0px,0.0px);
  151. transform: translate(0.0px,0.0px);
  152. }
  153. 22% {
  154. -webkit-transform: translate(1px,0.0px);
  155. -moz-transform: translate(1px,0.0px);
  156. -ms-transform: translate(1px,0.0px);
  157. transform: translate(1px,0.0px);
  158. }
  159. 24% {
  160. -webkit-transform: translate(0.0px,0.0px);
  161. -moz-transform: translate(0.0px,0.0px);
  162. -ms-transform: translate(0.0px,0.0px);
  163. transform: translate(0.0px,0.0px);
  164. }
  165. 26% {
  166. -webkit-transform: translate(-1px,0.0px);
  167. -moz-transform: translate(-1px,0.0px);
  168. -ms-transform: translate(-1px,0.0px);
  169. transform: translate(-1px,0.0px);
  170. }
  171. 28% {
  172. -webkit-transform: translate(0.0px,0.0px);
  173. -moz-transform: translate(0.0px,0.0px);
  174. -ms-transform: translate(0.0px,0.0px);
  175. transform: translate(0.0px,0.0px);
  176. }
  177. 40% {
  178. fill: orange;
  179. -webkit-transform: translate(0.0px,0.0px);
  180. -moz-transform: translate(0.0px,0.0px);
  181. -ms-transform: translate(0.0px,0.0px);
  182. transform: translate(0.0px,0.0px);
  183. }
  184. 65% {
  185. fill: white;
  186. -webkit-transform: translate(-1px,5.0px);
  187. -moz-transform: translate(-1px,5.0px);
  188. -ms-transform: translate(-1px,5.0px);
  189. transform: translate(-1px,5.0px);
  190. }
  191. 61% {
  192. fill: orange;
  193. }
  194. 100% {
  195. -webkit-transform: translate(0.0px,0.0px);
  196. -moz-transform: translate(0.0px,0.0px);
  197. -ms-transform: translate(0.0px,0.0px);
  198. transform: translate(0.0px,0.0px);
  199. }
  200. }
  201. .am-weather-stroke {
  202. -webkit-animation-name: am-weather-stroke;
  203. -moz-animation-name: am-weather-stroke;
  204. animation-name: am-weather-stroke;
  205. -webkit-animation-duration: 1.11s;
  206. -moz-animation-duration: 1.11s;
  207. animation-duration: 1.11s;
  208. -webkit-animation-timing-function: linear;
  209. -moz-animation-timing-function: linear;
  210. animation-timing-function: linear;
  211. -webkit-animation-iteration-count: infinite;
  212. -moz-animation-iteration-count: infinite;
  213. animation-iteration-count: infinite;
  214. }
  215. /*
  216. ** SUN
  217. */
  218. @keyframes am-weather-sun {
  219. 0% {
  220. -webkit-transform: rotate(0deg);
  221. -moz-transform: rotate(0deg);
  222. -ms-transform: rotate(0deg);
  223. transform: rotate(0deg);
  224. }
  225. 100% {
  226. -webkit-transform: rotate(360deg);
  227. -moz-transform: rotate(360deg);
  228. -ms-transform: rotate(360deg);
  229. transform: rotate(360deg);
  230. }
  231. }
  232. .am-weather-sun {
  233. -webkit-animation-name: am-weather-sun;
  234. -moz-animation-name: am-weather-sun;
  235. -ms-animation-name: am-weather-sun;
  236. animation-name: am-weather-sun;
  237. -webkit-animation-duration: 9s;
  238. -moz-animation-duration: 9s;
  239. -ms-animation-duration: 9s;
  240. animation-duration: 9s;
  241. -webkit-animation-timing-function: linear;
  242. -moz-animation-timing-function: linear;
  243. -ms-animation-timing-function: linear;
  244. animation-timing-function: linear;
  245. -webkit-animation-iteration-count: infinite;
  246. -moz-animation-iteration-count: infinite;
  247. -ms-animation-iteration-count: infinite;
  248. animation-iteration-count: infinite;
  249. }
  250. @keyframes am-weather-sun-shiny {
  251. 0% {
  252. stroke-dasharray: 3px 10px;
  253. stroke-dashoffset: 0px;
  254. }
  255. 50% {
  256. stroke-dasharray: 0.1px 10px;
  257. stroke-dashoffset: -1px;
  258. }
  259. 100% {
  260. stroke-dasharray: 3px 10px;
  261. stroke-dashoffset: 0px;
  262. }
  263. }
  264. .am-weather-sun-shiny line {
  265. -webkit-animation-name: am-weather-sun-shiny;
  266. -moz-animation-name: am-weather-sun-shiny;
  267. -ms-animation-name: am-weather-sun-shiny;
  268. animation-name: am-weather-sun-shiny;
  269. -webkit-animation-duration: 2s;
  270. -moz-animation-duration: 2s;
  271. -ms-animation-duration: 2s;
  272. animation-duration: 2s;
  273. -webkit-animation-timing-function: linear;
  274. -moz-animation-timing-function: linear;
  275. -ms-animation-timing-function: linear;
  276. animation-timing-function: linear;
  277. -webkit-animation-iteration-count: infinite;
  278. -moz-animation-iteration-count: infinite;
  279. -ms-animation-iteration-count: infinite;
  280. animation-iteration-count: infinite;
  281. }
  282. /*
  283. ** MOON
  284. */
  285. @keyframes am-weather-moon {
  286. 0% {
  287. -webkit-transform: rotate(0deg);
  288. -moz-transform: rotate(0deg);
  289. -ms-transform: rotate(0deg);
  290. transform: rotate(0deg);
  291. }
  292. 50% {
  293. -webkit-transform: rotate(15deg);
  294. -moz-transform: rotate(15deg);
  295. -ms-transform: rotate(15deg);
  296. transform: rotate(15deg);
  297. }
  298. 100% {
  299. -webkit-transform: rotate(0deg);
  300. -moz-transform: rotate(0deg);
  301. -ms-transform: rotate(0deg);
  302. transform: rotate(0deg);
  303. }
  304. }
  305. .am-weather-moon {
  306. -webkit-animation-name: am-weather-moon;
  307. -moz-animation-name: am-weather-moon;
  308. -ms-animation-name: am-weather-moon;
  309. animation-name: am-weather-moon;
  310. -webkit-animation-duration: 6s;
  311. -moz-animation-duration: 6s;
  312. -ms-animation-duration: 6s;
  313. animation-duration: 6s;
  314. -webkit-animation-timing-function: linear;
  315. -moz-animation-timing-function: linear;
  316. -ms-animation-timing-function: linear;
  317. animation-timing-function: linear;
  318. -webkit-animation-iteration-count: infinite;
  319. -moz-animation-iteration-count: infinite;
  320. -ms-animation-iteration-count: infinite;
  321. animation-iteration-count: infinite;
  322. -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
  323. -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
  324. -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
  325. transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
  326. }
  327. @keyframes am-weather-moon-star-1 {
  328. 0% {
  329. opacity: 0;
  330. }
  331. 100% {
  332. opacity: 1;
  333. }
  334. }
  335. .am-weather-moon-star-1 {
  336. -webkit-animation-name: am-weather-moon-star-1;
  337. -moz-animation-name: am-weather-moon-star-1;
  338. -ms-animation-name: am-weather-moon-star-1;
  339. animation-name: am-weather-moon-star-1;
  340. -webkit-animation-delay: 3s;
  341. -moz-animation-delay: 3s;
  342. -ms-animation-delay: 3s;
  343. animation-delay: 3s;
  344. -webkit-animation-duration: 5s;
  345. -moz-animation-duration: 5s;
  346. -ms-animation-duration: 5s;
  347. animation-duration: 5s;
  348. -webkit-animation-timing-function: linear;
  349. -moz-animation-timing-function: linear;
  350. -ms-animation-timing-function: linear;
  351. animation-timing-function: linear;
  352. -webkit-animation-iteration-count: 1;
  353. -moz-animation-iteration-count: 1;
  354. -ms-animation-iteration-count: 1;
  355. animation-iteration-count: 1;
  356. }
  357. @keyframes am-weather-moon-star-2 {
  358. 0% {
  359. opacity: 0;
  360. }
  361. 100% {
  362. opacity: 1;
  363. }
  364. }
  365. .am-weather-moon-star-2 {
  366. -webkit-animation-name: am-weather-moon-star-2;
  367. -moz-animation-name: am-weather-moon-star-2;
  368. -ms-animation-name: am-weather-moon-star-2;
  369. animation-name: am-weather-moon-star-2;
  370. -webkit-animation-delay: 5s;
  371. -moz-animation-delay: 5s;
  372. -ms-animation-delay: 5s;
  373. animation-delay: 5s;
  374. -webkit-animation-duration: 4s;
  375. -moz-animation-duration: 4s;
  376. -ms-animation-duration: 4s;
  377. animation-duration: 4s;
  378. -webkit-animation-timing-function: linear;
  379. -moz-animation-timing-function: linear;
  380. -ms-animation-timing-function: linear;
  381. animation-timing-function: linear;
  382. -webkit-animation-iteration-count: 1;
  383. -moz-animation-iteration-count: 1;
  384. -ms-animation-iteration-count: 1;
  385. animation-iteration-count: 1;
  386. }
  387. /*
  388. ** RAIN
  389. */
  390. @keyframes am-weather-rain {
  391. 0% {
  392. stroke-dashoffset: 0;
  393. }
  394. 100% {
  395. stroke-dashoffset: -100;
  396. }
  397. }
  398. .am-weather-rain-1 {
  399. -webkit-animation-name: am-weather-rain;
  400. -moz-animation-name: am-weather-rain;
  401. -ms-animation-name: am-weather-rain;
  402. animation-name: am-weather-rain;
  403. -webkit-animation-duration: 8s;
  404. -moz-animation-duration: 8s;
  405. -ms-animation-duration: 8s;
  406. animation-duration: 8s;
  407. -webkit-animation-timing-function: linear;
  408. -moz-animation-timing-function: linear;
  409. -ms-animation-timing-function: linear;
  410. animation-timing-function: linear;
  411. -webkit-animation-iteration-count: infinite;
  412. -moz-animation-iteration-count: infinite;
  413. -ms-animation-iteration-count: infinite;
  414. animation-iteration-count: infinite;
  415. }
  416. .am-weather-rain-2 {
  417. -webkit-animation-name: am-weather-rain;
  418. -moz-animation-name: am-weather-rain;
  419. -ms-animation-name: am-weather-rain;
  420. animation-name: am-weather-rain;
  421. -webkit-animation-delay: 0.25s;
  422. -moz-animation-delay: 0.25s;
  423. -ms-animation-delay: 0.25s;
  424. animation-delay: 0.25s;
  425. -webkit-animation-duration: 8s;
  426. -moz-animation-duration: 8s;
  427. -ms-animation-duration: 8s;
  428. animation-duration: 8s;
  429. -webkit-animation-timing-function: linear;
  430. -moz-animation-timing-function: linear;
  431. -ms-animation-timing-function: linear;
  432. animation-timing-function: linear;
  433. -webkit-animation-iteration-count: infinite;
  434. -moz-animation-iteration-count: infinite;
  435. -ms-animation-iteration-count: infinite;
  436. animation-iteration-count: infinite;
  437. }
  438. /*
  439. ** SNOW
  440. */
  441. @keyframes am-weather-snow {
  442. 0% {
  443. -webkit-transform: translateX(0) translateY(0);
  444. -moz-transform: translateX(0) translateY(0);
  445. -ms-transform: translateX(0) translateY(0);
  446. transform: translateX(0) translateY(0);
  447. }
  448. 33.33% {
  449. -webkit-transform: translateX(-1.2px) translateY(2px);
  450. -moz-transform: translateX(-1.2px) translateY(2px);
  451. -ms-transform: translateX(-1.2px) translateY(2px);
  452. transform: translateX(-1.2px) translateY(2px);
  453. }
  454. 66.66% {
  455. -webkit-transform: translateX(1.4px) translateY(4px);
  456. -moz-transform: translateX(1.4px) translateY(4px);
  457. -ms-transform: translateX(1.4px) translateY(4px);
  458. transform: translateX(1.4px) translateY(4px);
  459. opacity: 1;
  460. }
  461. 100% {
  462. -webkit-transform: translateX(-1.6px) translateY(6px);
  463. -moz-transform: translateX(-1.6px) translateY(6px);
  464. -ms-transform: translateX(-1.6px) translateY(6px);
  465. transform: translateX(-1.6px) translateY(6px);
  466. opacity: 0;
  467. }
  468. }
  469. @keyframes am-weather-snow-reverse {
  470. 0% {
  471. -webkit-transform: translateX(0) translateY(0);
  472. -moz-transform: translateX(0) translateY(0);
  473. -ms-transform: translateX(0) translateY(0);
  474. transform: translateX(0) translateY(0);
  475. }
  476. 33.33% {
  477. -webkit-transform: translateX(1.2px) translateY(2px);
  478. -moz-transform: translateX(1.2px) translateY(2px);
  479. -ms-transform: translateX(1.2px) translateY(2px);
  480. transform: translateX(1.2px) translateY(2px);
  481. }
  482. 66.66% {
  483. -webkit-transform: translateX(-1.4px) translateY(4px);
  484. -moz-transform: translateX(-1.4px) translateY(4px);
  485. -ms-transform: translateX(-1.4px) translateY(4px);
  486. transform: translateX(-1.4px) translateY(4px);
  487. opacity: 1;
  488. }
  489. 100% {
  490. -webkit-transform: translateX(1.6px) translateY(6px);
  491. -moz-transform: translateX(1.6px) translateY(6px);
  492. -ms-transform: translateX(1.6px) translateY(6px);
  493. transform: translateX(1.6px) translateY(6px);
  494. opacity: 0;
  495. }
  496. }
  497. .am-weather-snow-1 {
  498. -webkit-animation-name: am-weather-snow;
  499. -moz-animation-name: am-weather-snow;
  500. -ms-animation-name: am-weather-snow;
  501. animation-name: am-weather-snow;
  502. -webkit-animation-duration: 2s;
  503. -moz-animation-duration: 2s;
  504. -ms-animation-duration: 2s;
  505. animation-duration: 2s;
  506. -webkit-animation-timing-function: linear;
  507. -moz-animation-timing-function: linear;
  508. -ms-animation-timing-function: linear;
  509. animation-timing-function: linear;
  510. -webkit-animation-iteration-count: infinite;
  511. -moz-animation-iteration-count: infinite;
  512. -ms-animation-iteration-count: infinite;
  513. animation-iteration-count: infinite;
  514. }
  515. .am-weather-snow-2 {
  516. -webkit-animation-name: am-weather-snow;
  517. -moz-animation-name: am-weather-snow;
  518. -ms-animation-name: am-weather-snow;
  519. animation-name: am-weather-snow;
  520. -webkit-animation-delay: 1.2s;
  521. -moz-animation-delay: 1.2s;
  522. -ms-animation-delay: 1.2s;
  523. animation-delay: 1.2s;
  524. -webkit-animation-duration: 2s;
  525. -moz-animation-duration: 2s;
  526. -ms-animation-duration: 2s;
  527. animation-duration: 2s;
  528. -webkit-animation-timing-function: linear;
  529. -moz-animation-timing-function: linear;
  530. -ms-animation-timing-function: linear;
  531. animation-timing-function: linear;
  532. -webkit-animation-iteration-count: infinite;
  533. -moz-animation-iteration-count: infinite;
  534. -ms-animation-iteration-count: infinite;
  535. animation-iteration-count: infinite;
  536. }
  537. .am-weather-snow-3 {
  538. -webkit-animation-name: am-weather-snow-reverse;
  539. -moz-animation-name: am-weather-snow-reverse;
  540. -ms-animation-name: am-weather-snow-reverse;
  541. animation-name: am-weather-snow-reverse;
  542. -webkit-animation-duration: 2s;
  543. -moz-animation-duration: 2s;
  544. -ms-animation-duration: 2s;
  545. animation-duration: 2s;
  546. -webkit-animation-timing-function: linear;
  547. -moz-animation-timing-function: linear;
  548. -ms-animation-timing-function: linear;
  549. animation-timing-function: linear;
  550. -webkit-animation-iteration-count: infinite;
  551. -moz-animation-iteration-count: infinite;
  552. -ms-animation-iteration-count: infinite;
  553. animation-iteration-count: infinite;
  554. }
  555. /*
  556. ** EASING
  557. */
  558. .am-weather-easing-ease-in-out {
  559. -webkit-animation-timing-function: ease-in-out;
  560. -moz-animation-timing-function: ease-in-out;
  561. -ms-animation-timing-function: ease-in-out;
  562. animation-timing-function: ease-in-out;
  563. }
  564. ]]></style>
  565. </defs>
  566. <symbol id="thunder" viewBox="0 0 64 64">
  567. <g transform="translate(20,10)">
  568. <g class="am-weather-cloud-1">
  569. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-6), scale(0.6)" />
  570. </g>
  571. <g>
  572. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)" />
  573. </g>
  574. <g transform="translate(-9,28), scale(1.2)">
  575. <polygon class="am-weather-stroke" fill="orange" stroke="white" stroke-width="1" points="14.3,-2.9 20.5,-2.9 16.4,4.3 20.3,4.3 11.5,14.6 14.9,6.9 11.1,6.9" />
  576. </g>
  577. </g>
  578. </symbol>
  579. <symbol id="day" viewBox="0 0 64 64">
  580. <g transform="translate(32,32)">
  581. <g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
  582. <g>
  583. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  584. </g>
  585. <g transform="rotate(45)">
  586. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  587. </g>
  588. <g transform="rotate(90)">
  589. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  590. </g>
  591. <g transform="rotate(135)">
  592. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  593. </g>
  594. <g transform="rotate(180)">
  595. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  596. </g>
  597. <g transform="rotate(225)">
  598. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  599. </g>
  600. <g transform="rotate(270)">
  601. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  602. </g>
  603. <g transform="rotate(315)">
  604. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3" />
  605. </g>
  606. </g>
  607. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  608. </g>
  609. </symbol>
  610. <symbol id="night" viewBox="0 0 64 64">
  611. <g transform="translate(20,20)">
  612. <g class="am-weather-moon-star-1">
  613. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
  614. </g>
  615. <g class="am-weather-moon-star-2">
  616. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
  617. </g>
  618. <g class="am-weather-moon">
  619. <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
  620. </g>
  621. </g>
  622. </symbol>
  623. <symbol id="cloudy-day-1" viewBox="0 0 64 64">
  624. <g transform="translate(20,10)">
  625. <g transform="translate(0,16)">
  626. <g class="am-weather-sun">
  627. <g>
  628. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  629. </g>
  630. <g transform="rotate(45)">
  631. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  632. </g>
  633. <g transform="rotate(90)">
  634. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  635. </g>
  636. <g transform="rotate(135)">
  637. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  638. </g>
  639. <g transform="rotate(180)">
  640. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  641. </g>
  642. <g transform="rotate(225)">
  643. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  644. </g>
  645. <g transform="rotate(270)">
  646. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  647. </g>
  648. <g transform="rotate(315)">
  649. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  650. </g>
  651. </g>
  652. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  653. </g>
  654. <g class="am-weather-cloud-2">
  655. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  656. </g>
  657. </g>
  658. </symbol>
  659. <symbol id="cloudy-night-1" viewBox="0 0 64 64">
  660. <g transform="translate(20,10)">
  661. <g transform="translate(16,4), scale(0.8)">
  662. <g class="am-weather-moon-star-1">
  663. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
  664. </g>
  665. <g class="am-weather-moon-star-2">
  666. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
  667. </g>
  668. <g class="am-weather-moon">
  669. <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
  670. </g>
  671. </g>
  672. <g class="am-weather-cloud-2">
  673. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#C6DEFF" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  674. </g>
  675. </g>
  676. </symbol>
  677. <symbol id="cloudy-day-2" viewBox="0 0 64 64">
  678. <g transform="translate(20,10)">
  679. <g transform="translate(0,16)">
  680. <g class="am-weather-sun">
  681. <g>
  682. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  683. </g>
  684. <g transform="rotate(45)">
  685. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  686. </g>
  687. <g transform="rotate(90)">
  688. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  689. </g>
  690. <g transform="rotate(135)">
  691. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  692. </g>
  693. <g transform="rotate(180)">
  694. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  695. </g>
  696. <g transform="rotate(225)">
  697. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  698. </g>
  699. <g transform="rotate(270)">
  700. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  701. </g>
  702. <g transform="rotate(315)">
  703. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  704. </g>
  705. </g>
  706. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  707. </g>
  708. <g class="am-weather-cloud-2">
  709. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  710. </g>
  711. </g>
  712. </symbol>
  713. <symbol id="cloudy-night-2" viewBox="0 0 64 64">
  714. <g transform="translate(20,10)">
  715. <g transform="translate(16,4), scale(0.8)">
  716. <g class="am-weather-moon-star-1">
  717. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
  718. </g>
  719. <g class="am-weather-moon-star-2">
  720. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
  721. </g>
  722. <g class="am-weather-moon">
  723. <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
  724. </g>
  725. </g>
  726. <g class="am-weather-cloud-2">
  727. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  728. </g>
  729. </g>
  730. </symbol>
  731. <symbol id="cloudy-day-3" viewBox="0 0 64 64">
  732. <g transform="translate(20,10)">
  733. <g transform="translate(0,16)">
  734. <g class="am-weather-sun">
  735. <g>
  736. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  737. </g>
  738. <g transform="rotate(45)">
  739. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  740. </g>
  741. <g transform="rotate(90)">
  742. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  743. </g>
  744. <g transform="rotate(135)">
  745. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  746. </g>
  747. <g transform="rotate(180)">
  748. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  749. </g>
  750. <g transform="rotate(225)">
  751. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  752. </g>
  753. <g transform="rotate(270)">
  754. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  755. </g>
  756. <g transform="rotate(315)">
  757. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  758. </g>
  759. </g>
  760. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  761. </g>
  762. <g class="am-weather-cloud-2">
  763. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  764. </g>
  765. </g>
  766. </symbol>
  767. <symbol id="cloudy-night-3" viewBox="0 0 64 64">
  768. <g transform="translate(20,10)">
  769. <g transform="translate(16,4), scale(0.8)">
  770. <g class="am-weather-moon-star-1">
  771. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10"/>
  772. </g>
  773. <g class="am-weather-moon-star-2">
  774. <polygon fill="orange" points="3.3,1.5 4,2.7 5.2,3.3 4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7" stroke="none" stroke-miterlimit="10" transform="translate(20,10)"/>
  775. </g>
  776. <g class="am-weather-moon">
  777. <path d="M14.5,13.2c0-3.7,2-6.9,5-8.7 c-1.5-0.9-3.2-1.3-5-1.3c-5.5,0-10,4.5-10,10s4.5,10,10,10c1.8,0,3.5-0.5,5-1.3C16.5,20.2,14.5,16.9,14.5,13.2z" fill="orange" stroke="orange" stroke-linejoin="round" stroke-width="2"/>
  778. </g>
  779. </g>
  780. <g class="am-weather-cloud-2">
  781. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  782. </g>
  783. </g>
  784. </symbol>
  785. <symbol id="cloudy" viewBox="0 0 64 64">
  786. <g transform="translate(20,10)">
  787. <g class="am-weather-cloud-1">
  788. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#91C0F8" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-10,-8), scale(0.6)"/>
  789. </g>
  790. <g class="am-weather-cloud-2">
  791. <path d="M47.7,35.4 c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  792. </g>
  793. </g>
  794. </symbol>
  795. <symbol id="rainy-1" viewBox="0 0 64 64">
  796. <g transform="translate(20,10)">
  797. <g transform="translate(0,16), scale(1.2)">
  798. <g class="am-weather-sun">
  799. <g>
  800. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  801. </g>
  802. <g transform="rotate(45)">
  803. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  804. </g>
  805. <g transform="rotate(90)">
  806. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  807. </g>
  808. <g transform="rotate(135)">
  809. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  810. </g>
  811. <g transform="rotate(180)">
  812. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  813. </g>
  814. <g transform="rotate(225)">
  815. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  816. </g>
  817. <g transform="rotate(270)">
  818. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  819. </g>
  820. <g transform="rotate(315)">
  821. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  822. </g>
  823. </g>
  824. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  825. </g>
  826. <g>
  827. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
  828. </g>
  829. </g>
  830. <g transform="translate(34,46), rotate(10)">
  831. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
  832. <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
  833. </g>
  834. </symbol>
  835. <symbol id="rainy-2" viewBox="0 0 64 64">
  836. <g transform="translate(20,10)">
  837. <g transform="translate(0,16)">
  838. <g class="am-weather-sun">
  839. <g>
  840. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  841. </g>
  842. <g transform="rotate(45)">
  843. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  844. </g>
  845. <g transform="rotate(90)">
  846. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  847. </g>
  848. <g transform="rotate(135)">
  849. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  850. </g>
  851. <g transform="rotate(180)">
  852. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  853. </g>
  854. <g transform="rotate(225)">
  855. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  856. </g>
  857. <g transform="rotate(270)">
  858. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  859. </g>
  860. <g transform="rotate(315)">
  861. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  862. </g>
  863. </g>
  864. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  865. </g>
  866. <g>
  867. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  868. </g>
  869. </g>
  870. <g transform="translate(37,45), rotate(10)">
  871. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
  872. </g>
  873. </symbol>
  874. <symbol id="rainy-3" viewBox="0 0 64 64">
  875. <g transform="translate(20,10)">
  876. <g transform="translate(0,16)">
  877. <g class="am-weather-sun">
  878. <g>
  879. <line fifll="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  880. </g>
  881. <g transform="rotate(45)">
  882. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  883. </g>
  884. <g transform="rotate(90)">
  885. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  886. </g>
  887. <g transform="rotate(135)">
  888. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  889. </g>
  890. <g transform="rotate(180)">
  891. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  892. </g>
  893. <g transform="rotate(225)">
  894. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  895. </g>
  896. <g transform="rotate(270)">
  897. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  898. </g>
  899. <g transform="rotate(315)">
  900. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  901. </g>
  902. </g>
  903. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  904. </g>
  905. <g>
  906. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  907. </g>
  908. </g>
  909. <g transform="translate(34,46), rotate(10)">
  910. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
  911. <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
  912. </g>
  913. </symbol>
  914. <symbol id="rainy-4" viewBox="0 0 64 64">
  915. <g transform="translate(20,10)">
  916. <g>
  917. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  918. </g>
  919. </g>
  920. <g transform="translate(37,45), rotate(10)">
  921. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
  922. </g>
  923. </symbol>
  924. <symbol id="rainy-5" viewBox="0 0 64 64">
  925. <g transform="translate(20,10)">
  926. <g>
  927. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  928. </g>
  929. </g>
  930. <g transform="translate(34,46), rotate(10)">
  931. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(-6,1)" x1="0" x2="0" y1="0" y2="8" />
  932. <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,7" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
  933. </g>
  934. </symbol>
  935. <symbol id="rainy-6" viewBox="0 0 64 64">
  936. <g transform="translate(20,10)">
  937. <g>
  938. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  939. </g>
  940. </g>
  941. <g transform="translate(31,46), rotate(10)">
  942. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(-4,1)" x1="0" x2="0" y1="0" y2="8" />
  943. <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
  944. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(4,0)" x1="0" x2="0" y1="0" y2="8" />
  945. </g>
  946. </symbol>
  947. <symbol id="rainy-7" viewBox="0 0 64 64">
  948. <g transform="translate(20,10)">
  949. <g>
  950. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  951. </g>
  952. </g>
  953. <g transform="translate(31,46), rotate(10)">
  954. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(-5,1)" x1="0" x2="0" y1="0" y2="8" />
  955. <line class="am-weather-rain-2" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(0,-1)" x1="0" x2="0" y1="0" y2="8" />
  956. <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="0.1,7" stroke-linecap="round" stroke-width="3" transform="translate(5,0)" x1="0" x2="0" y1="0" y2="8" />
  957. </g>
  958. </symbol>
  959. <symbol id="snowy-1" viewBox="0 0 64 64">
  960. <g transform="translate(20,10)">
  961. <g transform="translate(0,16), scale(1.2)">
  962. <g class="am-weather-sun">
  963. <g>
  964. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  965. </g>
  966. <g transform="rotate(45)">
  967. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  968. </g>
  969. <g transform="rotate(90)">
  970. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  971. </g>
  972. <g transform="rotate(135)">
  973. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  974. </g>
  975. <g transform="rotate(180)">
  976. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  977. </g>
  978. <g transform="rotate(225)">
  979. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  980. </g>
  981. <g transform="rotate(270)">
  982. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  983. </g>
  984. <g transform="rotate(315)">
  985. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  986. </g>
  987. </g>
  988. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  989. </g>
  990. <g>
  991. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.5" transform="translate(-15,-5), scale(0.85)"/>
  992. </g>
  993. </g>
  994. <g transform="translate(20,9)">
  995. <g class="am-weather-snow-1">
  996. <g transform="translate(7,28)">
  997. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  998. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  999. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1000. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1001. </g>
  1002. </g>
  1003. <g class="am-weather-snow-2">
  1004. <g transform="translate(16,28)">
  1005. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1006. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1007. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1008. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1009. </g>
  1010. </g>
  1011. </g>
  1012. </symbol>
  1013. <symbol id="snowy-2" viewBox="0 0 64 64">
  1014. <g transform="translate(20,10)">
  1015. <g transform="translate(0,16)">
  1016. <g class="am-weather-sun">
  1017. <g>
  1018. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1019. </g>
  1020. <g transform="rotate(45)">
  1021. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1022. </g>
  1023. <g transform="rotate(90)">
  1024. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1025. </g>
  1026. <g transform="rotate(135)">
  1027. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1028. </g>
  1029. <g transform="rotate(180)">
  1030. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1031. </g>
  1032. <g transform="rotate(225)">
  1033. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1034. </g>
  1035. <g transform="rotate(270)">
  1036. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1037. </g>
  1038. <g transform="rotate(315)">
  1039. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1040. </g>
  1041. </g>
  1042. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  1043. </g>
  1044. <g class="am-weather-cloud-2">
  1045. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  1046. </g>
  1047. </g>
  1048. <g class="am-weather-snow-1">
  1049. <g transform="translate(32,38)">
  1050. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1051. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1052. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1053. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1054. </g>
  1055. </g>
  1056. </symbol>
  1057. <symbol id="snowy-3" viewBox="0 0 64 64">
  1058. <g transform="translate(20,10)">
  1059. <g transform="translate(0,16)">
  1060. <g class="am-weather-sun">
  1061. <g>
  1062. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1063. </g>
  1064. <g transform="rotate(45)">
  1065. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1066. </g>
  1067. <g transform="rotate(90)">
  1068. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1069. </g>
  1070. <g transform="rotate(135)">
  1071. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1072. </g>
  1073. <g transform="rotate(180)">
  1074. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1075. </g>
  1076. <g transform="rotate(225)">
  1077. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1078. </g>
  1079. <g transform="rotate(270)">
  1080. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1081. </g>
  1082. <g transform="rotate(315)">
  1083. <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
  1084. </g>
  1085. </g>
  1086. <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
  1087. </g>
  1088. <g>
  1089. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  1090. </g>
  1091. <g class="am-weather-snow-1">
  1092. <g transform="translate(7,28)">
  1093. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1094. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1095. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1096. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1097. </g>
  1098. </g>
  1099. <g class="am-weather-snow-2">
  1100. <g transform="translate(16,28)">
  1101. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1102. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1103. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1104. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1105. </g>
  1106. </g>
  1107. </g>
  1108. </symbol>
  1109. <symbol id="snowy-4" viewBox="0 0 64 64">
  1110. <g transform="translate(20,10)">
  1111. <g>
  1112. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  1113. </g>
  1114. <g class="am-weather-snow-1">
  1115. <g transform="translate(11,28)">
  1116. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1117. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1118. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1119. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1120. </g>
  1121. </g>
  1122. </g>
  1123. </symbol>
  1124. <symbol id="snowy-5" viewBox="0 0 64 64">
  1125. <g transform="translate(20,10)">
  1126. <g class="snowy-6-2">
  1127. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  1128. </g>
  1129. <g class="am-weather-snow-1">
  1130. <g transform="translate(7,28)">
  1131. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1132. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1133. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1134. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1135. </g>
  1136. </g>
  1137. <g class="am-weather-snow-2">
  1138. <g transform="translate(16,28)">
  1139. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1140. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1141. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1142. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1143. </g>
  1144. </g>
  1145. </g>
  1146. </symbol>
  1147. <symbol id="snowy-6" viewBox="0 0 64 64">
  1148. <g transform="translate(20,10)">
  1149. <g class="am-weather-cloud-2">
  1150. <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3 c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#57A0EE" stroke="white" stroke-linejoin="round" stroke-width="1.2" transform="translate(-20,-11)"/>
  1151. </g>
  1152. <g class="am-weather-snow-1">
  1153. <g transform="translate(3,28)">
  1154. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1155. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1156. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1157. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1158. </g>
  1159. </g>
  1160. <g class="am-weather-snow-2">
  1161. <g transform="translate(11,28)">
  1162. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1163. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1164. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1165. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1166. </g>
  1167. </g>
  1168. <g class="am-weather-snow-3">
  1169. <g transform="translate(20,28)">
  1170. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1171. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1172. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1173. <line fill="none" stroke="#57A0EE" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5" />
  1174. </g>
  1175. </g>
  1176. </g>
  1177. </symbol>
  1178. </svg>