├── 01.gif
├── README.md
├── dist
    ├── colorfulclouds-weather-card.js
    └── icons
    │   ├── animated
    │       ├── CLEAR_DAY.svg
    │       ├── CLEAR_NIGHT.svg
    │       ├── CLOUDY.svg
    │       ├── DUST.svg
    │       ├── FOG.svg
    │       ├── HEAVY_HAZE.svg
    │       ├── HEAVY_RAIN.svg
    │       ├── HEAVY_SNOW.svg
    │       ├── LIGHT_HAZE.svg
    │       ├── LIGHT_RAIN.svg
    │       ├── LIGHT_SNOW.svg
    │       ├── MODERATE_HAZE.svg
    │       ├── MODERATE_RAIN.svg
    │       ├── MODERATE_SNOW.svg
    │       ├── PARTLY_CLOUDY_DAY.svg
    │       ├── PARTLY_CLOUDY_NIGHT.svg
    │       ├── SAND.svg
    │       ├── STORM_RAIN.svg
    │       ├── STORM_SNOW.svg
    │       └── WIND.svg
    │   └── animated1
    │       ├── CLEAR_DAY.svg
    │       ├── CLEAR_NIGHT.svg
    │       ├── CLOUDY.svg
    │       ├── DUST.svg
    │       ├── FOG.svg
    │       ├── HEAVY_HAZE.svg
    │       ├── HEAVY_RAIN.svg
    │       ├── HEAVY_SNOW.svg
    │       ├── LIGHT_HAZE.svg
    │       ├── LIGHT_RAIN.svg
    │       ├── LIGHT_SNOW.svg
    │       ├── MODERATE_HAZE.svg
    │       ├── MODERATE_RAIN.svg
    │       ├── MODERATE_SNOW.svg
    │       ├── PARTLY_CLOUDY_DAY.svg
    │       ├── PARTLY_CLOUDY_NIGHT.svg
    │       ├── SAND.svg
    │       ├── STORM_RAIN.svg
    │       ├── STORM_SNOW.svg
    │       └── WIND.svg
└── hacs.json


/01.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/fineemb/lovelace-colorfulclouds-weather-card/bf8fed8b73c99627af959e24a94af79cced53e33/01.gif


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | <!--
  2 |  * @Author        : fineemb
  3 |  * @Github        : https://github.com/fineemb
  4 |  * @Description   : 
  5 |  * @Date          : 2020-02-16 22:33:53
  6 |  * @LastEditors   : fineemb
  7 |  * @LastEditTime  : 2020-11-14 21:48:14
  8 |  -->
  9 | 
 10 | # Lovelace Colorfulclouds Weather Card
 11 | 
 12 | [![hacs_badge](https://img.shields.io/badge/HACS-Default-orange.svg)](https://github.com/custom-components/hacs)
 13 | 
 14 | 这是一个适用于[天气预报集成](https://github.com/fineemb/Colorfulclouds-weather)的Lovelace卡片
 15 | 
 16 | + 支持15天天气预报的展示
 17 | + 支持小时详细预报
 18 | + 支持降雨量和云量以及温度的可视化效果
 19 | 
 20 | ## 更新
 21 | 
 22 | + v1.0
 23 |   + 首次发布
 24 |   
 25 | + v1.1
 26 |   + 修复一些路径问题
 27 |   + UI细微调整
 28 | 
 29 | + v1.2
 30 | 
 31 |   + 合并小时预报
 32 |   + 修正气压单位问题
 33 |   + 增加前端UI配置卡片
 34 |   + 更新小时预报UI
 35 |   + 可自定义第三方的图标集
 36 | + v1.3
 37 |   + 优化时间预报UI细节
 38 |   + 增加一套灰色图标
 39 | + v1.3.1
 40 |   + 某些情况下消灭滚动条
 41 | + v1.3.2
 42 |   + 修复“今天”不显示的问题  
 43 | + v1.3.3
 44 |   + 更改适配插件   
 45 | + v2.0.0
 46 |   + 搭配[天气预报集成](https://github.com/fineemb/Colorfulclouds-weather)同步更新
 47 |   
 48 | ## 预览
 49 | ![](01.gif)
 50 | 
 51 | ## 图标
 52 | 
 53 | ### 默认
 54 | ![](/dist/icons/animated/CLEAR_DAY.svg)
 55 | ![](/dist/icons/animated/CLEAR_NIGHT.svg)
 56 | 
 57 | ![](/dist/icons/animated/DUST.svg)
 58 | ![](/dist/icons/animated/FOG.svg)
 59 | ![](/dist/icons/animated/WIND.svg)
 60 | 
 61 | ![](/dist/icons/animated/LIGHT_HAZE.svg)
 62 | ![](/dist/icons/animated/MODERATE_HAZE.svg)
 63 | ![](/dist/icons/animated/HEAVY_HAZE.svg)
 64 | 
 65 | ![](/dist/icons/animated/LIGHT_SNOW.svg)
 66 | ![](/dist/icons/animated/MODERATE_SNOW.svg)
 67 | ![](/dist/icons/animated/HEAVY_SNOW.svg)
 68 | ![](/dist/icons/animated/STORM_SNOW.svg)
 69 | 
 70 | 
 71 | ![](/dist/icons/animated/LIGHT_RAIN.svg)
 72 | ![](/dist/icons/animated/MODERATE_RAIN.svg)
 73 | ![](/dist/icons/animated/HEAVY_RAIN.svg)
 74 | ![](/dist/icons/animated/STORM_RAIN.svg)
 75 | 
 76 | ![](/dist/icons/animated/CLOUDY.svg)
 77 | ![](/dist/icons/animated/PARTLY_CLOUDY_DAY.svg)
 78 | ![](/dist/icons/animated/PARTLY_CLOUDY_NIGHT.svg)
 79 | ![](/dist/icons/animated/SAND.svg)
 80 | 
 81 | ### 灰色
 82 | 
 83 | ![](/dist/icons/animated1/CLEAR_DAY.svg)
 84 | ![](/dist/icons/animated1/CLEAR_NIGHT.svg)
 85 | 
 86 | ![](/dist/icons/animated1/DUST.svg)
 87 | ![](/dist/icons/animated1/FOG.svg)
 88 | ![](/dist/icons/animated1/WIND.svg)
 89 | 
 90 | ![](/dist/icons/animated1/LIGHT_HAZE.svg)
 91 | ![](/dist/icons/animated1/MODERATE_HAZE.svg)
 92 | ![](/dist/icons/animated1/HEAVY_HAZE.svg)
 93 | 
 94 | ![](/dist/icons/animated1/LIGHT_SNOW.svg)
 95 | ![](/dist/icons/animated1/MODERATE_SNOW.svg)
 96 | ![](/dist/icons/animated1/HEAVY_SNOW.svg)
 97 | ![](/dist/icons/animated1/STORM_SNOW.svg)
 98 | 
 99 | 
100 | ![](/dist/icons/animated1/LIGHT_RAIN.svg)
101 | ![](/dist/icons/animated1/MODERATE_RAIN.svg)
102 | ![](/dist/icons/animated1/HEAVY_RAIN.svg)
103 | ![](/dist/icons/animated1/STORM_RAIN.svg)
104 | 
105 | ![](/dist/icons/animated1/CLOUDY.svg)
106 | ![](/dist/icons/animated1/PARTLY_CLOUDY_DAY.svg)
107 | ![](/dist/icons/animated1/PARTLY_CLOUDY_NIGHT.svg)
108 | ![](/dist/icons/animated1/SAND.svg)
109 | 
110 | 
111 | ## HACS 安装
112 | 
113 | 搜索Colorfulclouds weather card, 或者手动添加地址安装
114 | 
115 | ## 配置
116 | 
117 | 使用HACS安装后，可以在前端`编辑仪表盘-右下角+按钮` 添加和配置卡片
118 | 小时预报中的三个条状信息：
119 | + 第一条是温度，会根据这个时间段内的温差来显示不同的颜色
120 | + 第二条是云量，越蓝云层越多，反之越白
121 | + 第三条是降雨，颜色越深雨越大
122 | 


--------------------------------------------------------------------------------
/dist/icons/animated/CLEAR_NIGHT.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-1 {
 27 |   0% {
 28 |     -webkit-transform: translate(-5px,0px);
 29 |        -moz-transform: translate(-5px,0px);
 30 |         -ms-transform: translate(-5px,0px);
 31 |             transform: translate(-5px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(10px,0px);
 36 |        -moz-transform: translate(10px,0px);
 37 |         -ms-transform: translate(10px,0px);
 38 |             transform: translate(10px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(-5px,0px);
 43 |        -moz-transform: translate(-5px,0px);
 44 |         -ms-transform: translate(-5px,0px);
 45 |             transform: translate(-5px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-1 {
 50 |   -webkit-animation-name: am-weather-cloud-1;
 51 |      -moz-animation-name: am-weather-cloud-1;
 52 |           animation-name: am-weather-cloud-1;
 53 |   -webkit-animation-duration: 7s;
 54 |      -moz-animation-duration: 7s;
 55 |           animation-duration: 7s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | @keyframes am-weather-cloud-2 {
 65 |   0% {
 66 |     -webkit-transform: translate(0px,0px);
 67 |        -moz-transform: translate(0px,0px);
 68 |         -ms-transform: translate(0px,0px);
 69 |             transform: translate(0px,0px);
 70 |   }
 71 | 
 72 |   50% {
 73 |     -webkit-transform: translate(2px,0px);
 74 |        -moz-transform: translate(2px,0px);
 75 |         -ms-transform: translate(2px,0px);
 76 |             transform: translate(2px,0px);
 77 |   }
 78 | 
 79 |   100% {
 80 |     -webkit-transform: translate(0px,0px);
 81 |        -moz-transform: translate(0px,0px);
 82 |         -ms-transform: translate(0px,0px);
 83 |             transform: translate(0px,0px);
 84 |   }
 85 | }
 86 | 
 87 | .am-weather-cloud-2 {
 88 |   -webkit-animation-name: am-weather-cloud-2;
 89 |      -moz-animation-name: am-weather-cloud-2;
 90 |           animation-name: am-weather-cloud-2;
 91 |   -webkit-animation-duration: 3s;
 92 |      -moz-animation-duration: 3s;
 93 |           animation-duration: 3s;
 94 |   -webkit-animation-timing-function: linear;
 95 |      -moz-animation-timing-function: linear;
 96 |           animation-timing-function: linear;
 97 |   -webkit-animation-iteration-count: infinite;
 98 |      -moz-animation-iteration-count: infinite;
 99 |           animation-iteration-count: infinite;
100 | }
101 | 
102 | /*
103 | ** SUN
104 | */
105 | @keyframes am-weather-sun {
106 |   0% {
107 |     -webkit-transform: rotate(0deg);
108 |        -moz-transform: rotate(0deg);
109 |         -ms-transform: rotate(0deg);
110 |             transform: rotate(0deg);
111 |   }
112 | 
113 |   100% {
114 |     -webkit-transform: rotate(360deg);
115 |        -moz-transform: rotate(360deg);
116 |         -ms-transform: rotate(360deg);
117 |             transform: rotate(360deg);
118 |   }
119 | }
120 | 
121 | .am-weather-sun {
122 |   -webkit-animation-name: am-weather-sun;
123 |      -moz-animation-name: am-weather-sun;
124 |       -ms-animation-name: am-weather-sun;
125 |           animation-name: am-weather-sun;
126 |   -webkit-animation-duration: 9s;
127 |      -moz-animation-duration: 9s;
128 |       -ms-animation-duration: 9s;
129 |           animation-duration: 9s;
130 |   -webkit-animation-timing-function: linear;
131 |      -moz-animation-timing-function: linear;
132 |       -ms-animation-timing-function: linear;
133 |           animation-timing-function: linear;
134 |   -webkit-animation-iteration-count: infinite;
135 |      -moz-animation-iteration-count: infinite;
136 |       -ms-animation-iteration-count: infinite;
137 |           animation-iteration-count: infinite;
138 | }
139 | 
140 | @keyframes am-weather-sun-shiny {
141 |   0% {
142 |     stroke-dasharray: 3px 10px;
143 |     stroke-dashoffset: 0px;
144 |   }
145 | 
146 |   50% {
147 |     stroke-dasharray: 0.1px 10px;
148 |     stroke-dashoffset: -1px;
149 |   }
150 | 
151 |   100% {
152 |     stroke-dasharray: 3px 10px;
153 |     stroke-dashoffset: 0px;
154 |   }
155 | }
156 | 
157 | .am-weather-sun-shiny line {
158 |   -webkit-animation-name: am-weather-sun-shiny;
159 |      -moz-animation-name: am-weather-sun-shiny;
160 |       -ms-animation-name: am-weather-sun-shiny;
161 |           animation-name: am-weather-sun-shiny;
162 |   -webkit-animation-duration: 2s;
163 |      -moz-animation-duration: 2s;
164 |       -ms-animation-duration: 2s;
165 |           animation-duration: 2s;
166 |   -webkit-animation-timing-function: linear;
167 |      -moz-animation-timing-function: linear;
168 |       -ms-animation-timing-function: linear;
169 |           animation-timing-function: linear;
170 |   -webkit-animation-iteration-count: infinite;
171 |      -moz-animation-iteration-count: infinite;
172 |       -ms-animation-iteration-count: infinite;
173 |           animation-iteration-count: infinite;
174 | }
175 | 
176 | 
177 | 
178 | 
179 | /*
180 | ** MOON
181 | */
182 | @keyframes am-weather-moon {
183 |   0% {
184 |     -webkit-transform: rotate(0deg);
185 |        -moz-transform: rotate(0deg);
186 |         -ms-transform: rotate(0deg);
187 |             transform: rotate(0deg);
188 |   }
189 | 
190 |   50% {
191 |     -webkit-transform: rotate(15deg);
192 |        -moz-transform: rotate(15deg);
193 |         -ms-transform: rotate(15deg);
194 |             transform: rotate(15deg);
195 |   }
196 | 
197 |   100% {
198 |     -webkit-transform: rotate(0deg);
199 |        -moz-transform: rotate(0deg);
200 |         -ms-transform: rotate(0deg);
201 |             transform: rotate(0deg);
202 |   }
203 | }
204 | 
205 | .am-weather-moon {
206 |   -webkit-animation-name: am-weather-moon;
207 |      -moz-animation-name: am-weather-moon;
208 |       -ms-animation-name: am-weather-moon;
209 |           animation-name: am-weather-moon;
210 |   -webkit-animation-duration: 6s;
211 |      -moz-animation-duration: 6s;
212 |       -ms-animation-duration: 6s;
213 |           animation-duration: 6s;
214 |   -webkit-animation-timing-function: linear;
215 |      -moz-animation-timing-function: linear;
216 |       -ms-animation-timing-function: linear;
217 |           animation-timing-function: linear;
218 |   -webkit-animation-iteration-count: infinite;
219 |      -moz-animation-iteration-count: infinite;
220 |       -ms-animation-iteration-count: infinite;
221 |           animation-iteration-count: infinite;
222 |   -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
223 |      -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
224 |       -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
225 |           transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
226 | }
227 | 
228 | @keyframes am-weather-moon-star-1 {
229 |   0% {
230 |     opacity: 0;
231 |   }
232 | 
233 |   100% {
234 |     opacity: 1;
235 |   }
236 | }
237 | 
238 | .am-weather-moon-star-1 {
239 |   -webkit-animation-name: am-weather-moon-star-1;
240 |      -moz-animation-name: am-weather-moon-star-1;
241 |       -ms-animation-name: am-weather-moon-star-1;
242 |           animation-name: am-weather-moon-star-1;
243 |   -webkit-animation-delay: 3s;
244 |      -moz-animation-delay: 3s;
245 |       -ms-animation-delay: 3s;
246 |           animation-delay: 3s;
247 |   -webkit-animation-duration: 5s;
248 |      -moz-animation-duration: 5s;
249 |       -ms-animation-duration: 5s;
250 |           animation-duration: 5s;
251 |   -webkit-animation-timing-function: linear;
252 |      -moz-animation-timing-function: linear;
253 |       -ms-animation-timing-function: linear;
254 |           animation-timing-function: linear;
255 |   -webkit-animation-iteration-count: 1;
256 |      -moz-animation-iteration-count: 1;
257 |       -ms-animation-iteration-count: 1;
258 |           animation-iteration-count: 1;
259 | }
260 | 
261 | @keyframes am-weather-moon-star-2 {
262 |   0% {
263 |     opacity: 0;
264 |   }
265 | 
266 |   100% {
267 |     opacity: 1;
268 |   }
269 | }
270 | 
271 | .am-weather-moon-star-2 {
272 |   -webkit-animation-name: am-weather-moon-star-2;
273 |      -moz-animation-name: am-weather-moon-star-2;
274 |       -ms-animation-name: am-weather-moon-star-2;
275 |           animation-name: am-weather-moon-star-2;
276 |   -webkit-animation-delay: 5s;
277 |      -moz-animation-delay: 5s;
278 |       -ms-animation-delay: 5s;
279 |           animation-delay: 5s;
280 |   -webkit-animation-duration: 4s;
281 |      -moz-animation-duration: 4s;
282 |       -ms-animation-duration: 4s;
283 |           animation-duration: 4s;
284 |   -webkit-animation-timing-function: linear;
285 |      -moz-animation-timing-function: linear;
286 |       -ms-animation-timing-function: linear;
287 |           animation-timing-function: linear;
288 |   -webkit-animation-iteration-count: 1;
289 |      -moz-animation-iteration-count: 1;
290 |       -ms-animation-iteration-count: 1;
291 |           animation-iteration-count: 1;
292 | }
293 | 
294 | /*
295 | ** RAIN
296 | */
297 | @keyframes am-weather-rain {
298 |   0% {
299 |     stroke-dashoffset: 0;
300 |   }
301 | 
302 |   100% {
303 |     stroke-dashoffset: -100;
304 |   }
305 | }
306 | 
307 | .am-weather-rain-1 {
308 |   -webkit-animation-name: am-weather-rain;
309 |      -moz-animation-name: am-weather-rain;
310 |       -ms-animation-name: am-weather-rain;
311 |           animation-name: am-weather-rain;
312 |   -webkit-animation-duration: 8s;
313 |      -moz-animation-duration: 8s;
314 |       -ms-animation-duration: 8s;
315 |           animation-duration: 8s;
316 |   -webkit-animation-timing-function: linear;
317 |      -moz-animation-timing-function: linear;
318 |       -ms-animation-timing-function: linear;
319 |           animation-timing-function: linear;
320 |   -webkit-animation-iteration-count: infinite;
321 |      -moz-animation-iteration-count: infinite;
322 |       -ms-animation-iteration-count: infinite;
323 |           animation-iteration-count: infinite;
324 | }
325 | 
326 | .am-weather-rain-2 {
327 |   -webkit-animation-name: am-weather-rain;
328 |      -moz-animation-name: am-weather-rain;
329 |       -ms-animation-name: am-weather-rain;
330 |           animation-name: am-weather-rain;
331 |   -webkit-animation-delay: 0.25s;
332 |      -moz-animation-delay: 0.25s;
333 |       -ms-animation-delay: 0.25s;
334 |           animation-delay: 0.25s;
335 |   -webkit-animation-duration: 8s;
336 |      -moz-animation-duration: 8s;
337 |       -ms-animation-duration: 8s;
338 |           animation-duration: 8s;
339 |   -webkit-animation-timing-function: linear;
340 |      -moz-animation-timing-function: linear;
341 |       -ms-animation-timing-function: linear;
342 |           animation-timing-function: linear;
343 |   -webkit-animation-iteration-count: infinite;
344 |      -moz-animation-iteration-count: infinite;
345 |       -ms-animation-iteration-count: infinite;
346 |           animation-iteration-count: infinite;
347 | }
348 | 
349 | 
350 | /*
351 | ** SNOW
352 | */
353 | @keyframes am-weather-snow {
354 |   0% {
355 |     -webkit-transform: translateX(0) translateY(0);
356 |        -moz-transform: translateX(0) translateY(0);
357 |         -ms-transform: translateX(0) translateY(0);
358 |             transform: translateX(0) translateY(0);
359 |   }
360 | 
361 |   33.33% {
362 |     -webkit-transform: translateX(-1.2px) translateY(2px);
363 |        -moz-transform: translateX(-1.2px) translateY(2px);
364 |         -ms-transform: translateX(-1.2px) translateY(2px);
365 |             transform: translateX(-1.2px) translateY(2px);
366 |   }
367 | 
368 |   66.66% {
369 |     -webkit-transform: translateX(1.4px) translateY(4px);
370 |        -moz-transform: translateX(1.4px) translateY(4px);
371 |         -ms-transform: translateX(1.4px) translateY(4px);
372 |             transform: translateX(1.4px) translateY(4px);
373 |     opacity: 1;
374 |   }
375 | 
376 |   100% {
377 |     -webkit-transform: translateX(-1.6px) translateY(6px);
378 |        -moz-transform: translateX(-1.6px) translateY(6px);
379 |         -ms-transform: translateX(-1.6px) translateY(6px);
380 |             transform: translateX(-1.6px) translateY(6px);
381 |     opacity: 0;
382 |   }
383 | }
384 | 
385 | @keyframes am-weather-snow-reverse {
386 |   0% {
387 |     -webkit-transform: translateX(0) translateY(0);
388 |        -moz-transform: translateX(0) translateY(0);
389 |         -ms-transform: translateX(0) translateY(0);
390 |             transform: translateX(0) translateY(0);
391 |   }
392 | 
393 |   33.33% {
394 |     -webkit-transform: translateX(1.2px) translateY(2px);
395 |        -moz-transform: translateX(1.2px) translateY(2px);
396 |         -ms-transform: translateX(1.2px) translateY(2px);
397 |             transform: translateX(1.2px) translateY(2px);
398 |   }
399 | 
400 |   66.66% {
401 |     -webkit-transform: translateX(-1.4px) translateY(4px);
402 |        -moz-transform: translateX(-1.4px) translateY(4px);
403 |         -ms-transform: translateX(-1.4px) translateY(4px);
404 |             transform: translateX(-1.4px) translateY(4px);
405 |     opacity: 1;
406 |   }
407 | 
408 |   100% {
409 |     -webkit-transform: translateX(1.6px) translateY(6px);
410 |        -moz-transform: translateX(1.6px) translateY(6px);
411 |         -ms-transform: translateX(1.6px) translateY(6px);
412 |             transform: translateX(1.6px) translateY(6px);
413 |     opacity: 0;
414 |   }
415 | }
416 | 
417 | .am-weather-snow-1 {
418 |   -webkit-animation-name: am-weather-snow;
419 |      -moz-animation-name: am-weather-snow;
420 |       -ms-animation-name: am-weather-snow;
421 |           animation-name: am-weather-snow;
422 |   -webkit-animation-duration: 2s;
423 |      -moz-animation-duration: 2s;
424 |       -ms-animation-duration: 2s;
425 |           animation-duration: 2s;
426 |   -webkit-animation-timing-function: linear;
427 |      -moz-animation-timing-function: linear;
428 |       -ms-animation-timing-function: linear;
429 |           animation-timing-function: linear;
430 |   -webkit-animation-iteration-count: infinite;
431 |      -moz-animation-iteration-count: infinite;
432 |       -ms-animation-iteration-count: infinite;
433 |           animation-iteration-count: infinite;
434 | }
435 | 
436 | .am-weather-snow-2 {
437 |   -webkit-animation-name: am-weather-snow;
438 |      -moz-animation-name: am-weather-snow;
439 |       -ms-animation-name: am-weather-snow;
440 |           animation-name: am-weather-snow;
441 |   -webkit-animation-delay: 1.2s;
442 |      -moz-animation-delay: 1.2s;
443 |       -ms-animation-delay: 1.2s;
444 |           animation-delay: 1.2s;
445 |   -webkit-animation-duration: 2s;
446 |      -moz-animation-duration: 2s;
447 |       -ms-animation-duration: 2s;
448 |           animation-duration: 2s;
449 |   -webkit-animation-timing-function: linear;
450 |      -moz-animation-timing-function: linear;
451 |       -ms-animation-timing-function: linear;
452 |           animation-timing-function: linear;
453 |   -webkit-animation-iteration-count: infinite;
454 |      -moz-animation-iteration-count: infinite;
455 |       -ms-animation-iteration-count: infinite;
456 |           animation-iteration-count: infinite;
457 | }
458 | 
459 | .am-weather-snow-3 {
460 |   -webkit-animation-name: am-weather-snow-reverse;
461 |      -moz-animation-name: am-weather-snow-reverse;
462 |       -ms-animation-name: am-weather-snow-reverse;
463 |           animation-name: am-weather-snow-reverse;
464 |   -webkit-animation-duration: 2s;
465 |      -moz-animation-duration: 2s;
466 |       -ms-animation-duration: 2s;
467 |           animation-duration: 2s;
468 |   -webkit-animation-timing-function: linear;
469 |      -moz-animation-timing-function: linear;
470 |       -ms-animation-timing-function: linear;
471 |           animation-timing-function: linear;
472 |   -webkit-animation-iteration-count: infinite;
473 |      -moz-animation-iteration-count: infinite;
474 |       -ms-animation-iteration-count: infinite;
475 |           animation-iteration-count: infinite;
476 | }
477 | 
478 | /*
479 | ** EASING
480 | */
481 | .am-weather-easing-ease-in-out {
482 |   -webkit-animation-timing-function: ease-in-out;
483 |      -moz-animation-timing-function: ease-in-out;
484 |       -ms-animation-timing-function: ease-in-out;
485 |           animation-timing-function: ease-in-out;
486 | }
487 | 
488 |         ]]></style>
489 |     </defs>
490 |     <g filter="url(#blur)" id="night">
491 |         <g transform="translate(8,8)">
492 |             <g class="am-weather-moon-star-1">
493 |                 <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"/>
494 |             </g>
495 |             <g class="am-weather-moon-star-2">
496 |                 <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)"/>
497 |             </g>
498 |             <g class="am-weather-moon">
499 |                 <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"/>
500 |             </g>
501 |         </g>
502 |     </g>
503 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/CLOUDY.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |         <feMerge> 
 18 |           <feMergeNode/>
 19 |           <feMergeNode in="SourceGraphic"/> 
 20 |         </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-1 {
 27 |   0% {
 28 |     -webkit-transform: translate(-5px,0px);
 29 |        -moz-transform: translate(-5px,0px);
 30 |         -ms-transform: translate(-5px,0px);
 31 |             transform: translate(-5px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(10px,0px);
 36 |        -moz-transform: translate(10px,0px);
 37 |         -ms-transform: translate(10px,0px);
 38 |             transform: translate(10px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(-5px,0px);
 43 |        -moz-transform: translate(-5px,0px);
 44 |         -ms-transform: translate(-5px,0px);
 45 |             transform: translate(-5px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-1 {
 50 |   -webkit-animation-name: am-weather-cloud-1;
 51 |      -moz-animation-name: am-weather-cloud-1;
 52 |           animation-name: am-weather-cloud-1;
 53 |   -webkit-animation-duration: 7s;
 54 |      -moz-animation-duration: 7s;
 55 |           animation-duration: 7s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | @keyframes am-weather-cloud-2 {
 65 |   0% {
 66 |     -webkit-transform: translate(0px,0px);
 67 |        -moz-transform: translate(0px,0px);
 68 |         -ms-transform: translate(0px,0px);
 69 |             transform: translate(0px,0px);
 70 |   }
 71 | 
 72 |   50% {
 73 |     -webkit-transform: translate(2px,0px);
 74 |        -moz-transform: translate(2px,0px);
 75 |         -ms-transform: translate(2px,0px);
 76 |             transform: translate(2px,0px);
 77 |   }
 78 | 
 79 |   100% {
 80 |     -webkit-transform: translate(0px,0px);
 81 |        -moz-transform: translate(0px,0px);
 82 |         -ms-transform: translate(0px,0px);
 83 |             transform: translate(0px,0px);
 84 |   }
 85 | }
 86 | 
 87 | .am-weather-cloud-2 {
 88 |   -webkit-animation-name: am-weather-cloud-2;
 89 |      -moz-animation-name: am-weather-cloud-2;
 90 |           animation-name: am-weather-cloud-2;
 91 |   -webkit-animation-duration: 3s;
 92 |      -moz-animation-duration: 3s;
 93 |           animation-duration: 3s;
 94 |   -webkit-animation-timing-function: linear;
 95 |      -moz-animation-timing-function: linear;
 96 |           animation-timing-function: linear;
 97 |   -webkit-animation-iteration-count: infinite;
 98 |      -moz-animation-iteration-count: infinite;
 99 |           animation-iteration-count: infinite;
100 | }
101 | 
102 | /*
103 | ** SUN
104 | */
105 | @keyframes am-weather-sun {
106 |   0% {
107 |     -webkit-transform: rotate(0deg);
108 |        -moz-transform: rotate(0deg);
109 |         -ms-transform: rotate(0deg);
110 |             transform: rotate(0deg);
111 |   }
112 | 
113 |   100% {
114 |     -webkit-transform: rotate(360deg);
115 |        -moz-transform: rotate(360deg);
116 |         -ms-transform: rotate(360deg);
117 |             transform: rotate(360deg);
118 |   }
119 | }
120 | 
121 | .am-weather-sun {
122 |   -webkit-animation-name: am-weather-sun;
123 |      -moz-animation-name: am-weather-sun;
124 |       -ms-animation-name: am-weather-sun;
125 |           animation-name: am-weather-sun;
126 |   -webkit-animation-duration: 9s;
127 |      -moz-animation-duration: 9s;
128 |       -ms-animation-duration: 9s;
129 |           animation-duration: 9s;
130 |   -webkit-animation-timing-function: linear;
131 |      -moz-animation-timing-function: linear;
132 |       -ms-animation-timing-function: linear;
133 |           animation-timing-function: linear;
134 |   -webkit-animation-iteration-count: infinite;
135 |      -moz-animation-iteration-count: infinite;
136 |       -ms-animation-iteration-count: infinite;
137 |           animation-iteration-count: infinite;
138 | }
139 | 
140 | @keyframes am-weather-sun-shiny {
141 |   0% {
142 |     stroke-dasharray: 3px 10px;
143 |     stroke-dashoffset: 0px;
144 |   }
145 | 
146 |   50% {
147 |     stroke-dasharray: 0.1px 10px;
148 |     stroke-dashoffset: -1px;
149 |   }
150 | 
151 |   100% {
152 |     stroke-dasharray: 3px 10px;
153 |     stroke-dashoffset: 0px;
154 |   }
155 | }
156 | 
157 | .am-weather-sun-shiny line {
158 |   -webkit-animation-name: am-weather-sun-shiny;
159 |      -moz-animation-name: am-weather-sun-shiny;
160 |       -ms-animation-name: am-weather-sun-shiny;
161 |           animation-name: am-weather-sun-shiny;
162 |   -webkit-animation-duration: 2s;
163 |      -moz-animation-duration: 2s;
164 |       -ms-animation-duration: 2s;
165 |           animation-duration: 2s;
166 |   -webkit-animation-timing-function: linear;
167 |      -moz-animation-timing-function: linear;
168 |       -ms-animation-timing-function: linear;
169 |           animation-timing-function: linear;
170 |   -webkit-animation-iteration-count: infinite;
171 |      -moz-animation-iteration-count: infinite;
172 |       -ms-animation-iteration-count: infinite;
173 |           animation-iteration-count: infinite;
174 | }
175 | 
176 | 
177 | 
178 | 
179 | /*
180 | ** MOON
181 | */
182 | @keyframes am-weather-moon {
183 |   0% {
184 |     -webkit-transform: rotate(0deg);
185 |        -moz-transform: rotate(0deg);
186 |         -ms-transform: rotate(0deg);
187 |             transform: rotate(0deg);
188 |   }
189 | 
190 |   50% {
191 |     -webkit-transform: rotate(15deg);
192 |        -moz-transform: rotate(15deg);
193 |         -ms-transform: rotate(15deg);
194 |             transform: rotate(15deg);
195 |   }
196 | 
197 |   100% {
198 |     -webkit-transform: rotate(0deg);
199 |        -moz-transform: rotate(0deg);
200 |         -ms-transform: rotate(0deg);
201 |             transform: rotate(0deg);
202 |   }
203 | }
204 | 
205 | .am-weather-moon {
206 |   -webkit-animation-name: am-weather-moon;
207 |      -moz-animation-name: am-weather-moon;
208 |       -ms-animation-name: am-weather-moon;
209 |           animation-name: am-weather-moon;
210 |   -webkit-animation-duration: 6s;
211 |      -moz-animation-duration: 6s;
212 |       -ms-animation-duration: 6s;
213 |           animation-duration: 6s;
214 |   -webkit-animation-timing-function: linear;
215 |      -moz-animation-timing-function: linear;
216 |       -ms-animation-timing-function: linear;
217 |           animation-timing-function: linear;
218 |   -webkit-animation-iteration-count: infinite;
219 |      -moz-animation-iteration-count: infinite;
220 |       -ms-animation-iteration-count: infinite;
221 |           animation-iteration-count: infinite;
222 |   -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
223 |      -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
224 |       -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
225 |           transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
226 | }
227 | 
228 | @keyframes am-weather-moon-star-1 {
229 |   0% {
230 |     opacity: 0;
231 |   }
232 | 
233 |   100% {
234 |     opacity: 1;
235 |   }
236 | }
237 | 
238 | .am-weather-moon-star-1 {
239 |   -webkit-animation-name: am-weather-moon-star-1;
240 |      -moz-animation-name: am-weather-moon-star-1;
241 |       -ms-animation-name: am-weather-moon-star-1;
242 |           animation-name: am-weather-moon-star-1;
243 |   -webkit-animation-delay: 3s;
244 |      -moz-animation-delay: 3s;
245 |       -ms-animation-delay: 3s;
246 |           animation-delay: 3s;
247 |   -webkit-animation-duration: 5s;
248 |      -moz-animation-duration: 5s;
249 |       -ms-animation-duration: 5s;
250 |           animation-duration: 5s;
251 |   -webkit-animation-timing-function: linear;
252 |      -moz-animation-timing-function: linear;
253 |       -ms-animation-timing-function: linear;
254 |           animation-timing-function: linear;
255 |   -webkit-animation-iteration-count: 1;
256 |      -moz-animation-iteration-count: 1;
257 |       -ms-animation-iteration-count: 1;
258 |           animation-iteration-count: 1;
259 | }
260 | 
261 | @keyframes am-weather-moon-star-2 {
262 |   0% {
263 |     opacity: 0;
264 |   }
265 | 
266 |   100% {
267 |     opacity: 1;
268 |   }
269 | }
270 | 
271 | .am-weather-moon-star-2 {
272 |   -webkit-animation-name: am-weather-moon-star-2;
273 |      -moz-animation-name: am-weather-moon-star-2;
274 |       -ms-animation-name: am-weather-moon-star-2;
275 |           animation-name: am-weather-moon-star-2;
276 |   -webkit-animation-delay: 5s;
277 |      -moz-animation-delay: 5s;
278 |       -ms-animation-delay: 5s;
279 |           animation-delay: 5s;
280 |   -webkit-animation-duration: 4s;
281 |      -moz-animation-duration: 4s;
282 |       -ms-animation-duration: 4s;
283 |           animation-duration: 4s;
284 |   -webkit-animation-timing-function: linear;
285 |      -moz-animation-timing-function: linear;
286 |       -ms-animation-timing-function: linear;
287 |           animation-timing-function: linear;
288 |   -webkit-animation-iteration-count: 1;
289 |      -moz-animation-iteration-count: 1;
290 |       -ms-animation-iteration-count: 1;
291 |           animation-iteration-count: 1;
292 | }
293 | 
294 | /*
295 | ** RAIN
296 | */
297 | @keyframes am-weather-rain {
298 |   0% {
299 |     stroke-dashoffset: 0;
300 |   }
301 | 
302 |   100% {
303 |     stroke-dashoffset: -100;
304 |   }
305 | }
306 | 
307 | .am-weather-rain-1 {
308 |   -webkit-animation-name: am-weather-rain;
309 |      -moz-animation-name: am-weather-rain;
310 |       -ms-animation-name: am-weather-rain;
311 |           animation-name: am-weather-rain;
312 |   -webkit-animation-duration: 8s;
313 |      -moz-animation-duration: 8s;
314 |       -ms-animation-duration: 8s;
315 |           animation-duration: 8s;
316 |   -webkit-animation-timing-function: linear;
317 |      -moz-animation-timing-function: linear;
318 |       -ms-animation-timing-function: linear;
319 |           animation-timing-function: linear;
320 |   -webkit-animation-iteration-count: infinite;
321 |      -moz-animation-iteration-count: infinite;
322 |       -ms-animation-iteration-count: infinite;
323 |           animation-iteration-count: infinite;
324 | }
325 | 
326 | .am-weather-rain-2 {
327 |   -webkit-animation-name: am-weather-rain;
328 |      -moz-animation-name: am-weather-rain;
329 |       -ms-animation-name: am-weather-rain;
330 |           animation-name: am-weather-rain;
331 |   -webkit-animation-delay: 0.25s;
332 |      -moz-animation-delay: 0.25s;
333 |       -ms-animation-delay: 0.25s;
334 |           animation-delay: 0.25s;
335 |   -webkit-animation-duration: 8s;
336 |      -moz-animation-duration: 8s;
337 |       -ms-animation-duration: 8s;
338 |           animation-duration: 8s;
339 |   -webkit-animation-timing-function: linear;
340 |      -moz-animation-timing-function: linear;
341 |       -ms-animation-timing-function: linear;
342 |           animation-timing-function: linear;
343 |   -webkit-animation-iteration-count: infinite;
344 |      -moz-animation-iteration-count: infinite;
345 |       -ms-animation-iteration-count: infinite;
346 |           animation-iteration-count: infinite;
347 | }
348 | 
349 | 
350 | /*
351 | ** SNOW
352 | */
353 | @keyframes am-weather-snow {
354 |   0% {
355 |     -webkit-transform: translateX(0) translateY(0);
356 |        -moz-transform: translateX(0) translateY(0);
357 |         -ms-transform: translateX(0) translateY(0);
358 |             transform: translateX(0) translateY(0);
359 |   }
360 | 
361 |   33.33% {
362 |     -webkit-transform: translateX(-1.2px) translateY(2px);
363 |        -moz-transform: translateX(-1.2px) translateY(2px);
364 |         -ms-transform: translateX(-1.2px) translateY(2px);
365 |             transform: translateX(-1.2px) translateY(2px);
366 |   }
367 | 
368 |   66.66% {
369 |     -webkit-transform: translateX(1.4px) translateY(4px);
370 |        -moz-transform: translateX(1.4px) translateY(4px);
371 |         -ms-transform: translateX(1.4px) translateY(4px);
372 |             transform: translateX(1.4px) translateY(4px);
373 |     opacity: 1;
374 |   }
375 | 
376 |   100% {
377 |     -webkit-transform: translateX(-1.6px) translateY(6px);
378 |        -moz-transform: translateX(-1.6px) translateY(6px);
379 |         -ms-transform: translateX(-1.6px) translateY(6px);
380 |             transform: translateX(-1.6px) translateY(6px);
381 |     opacity: 0;
382 |   }
383 | }
384 | 
385 | @keyframes am-weather-snow-reverse {
386 |   0% {
387 |     -webkit-transform: translateX(0) translateY(0);
388 |        -moz-transform: translateX(0) translateY(0);
389 |         -ms-transform: translateX(0) translateY(0);
390 |             transform: translateX(0) translateY(0);
391 |   }
392 | 
393 |   33.33% {
394 |     -webkit-transform: translateX(1.2px) translateY(2px);
395 |        -moz-transform: translateX(1.2px) translateY(2px);
396 |         -ms-transform: translateX(1.2px) translateY(2px);
397 |             transform: translateX(1.2px) translateY(2px);
398 |   }
399 | 
400 |   66.66% {
401 |     -webkit-transform: translateX(-1.4px) translateY(4px);
402 |        -moz-transform: translateX(-1.4px) translateY(4px);
403 |         -ms-transform: translateX(-1.4px) translateY(4px);
404 |             transform: translateX(-1.4px) translateY(4px);
405 |     opacity: 1;
406 |   }
407 | 
408 |   100% {
409 |     -webkit-transform: translateX(1.6px) translateY(6px);
410 |        -moz-transform: translateX(1.6px) translateY(6px);
411 |         -ms-transform: translateX(1.6px) translateY(6px);
412 |             transform: translateX(1.6px) translateY(6px);
413 |     opacity: 0;
414 |   }
415 | }
416 | 
417 | .am-weather-snow-1 {
418 |   -webkit-animation-name: am-weather-snow;
419 |      -moz-animation-name: am-weather-snow;
420 |       -ms-animation-name: am-weather-snow;
421 |           animation-name: am-weather-snow;
422 |   -webkit-animation-duration: 2s;
423 |      -moz-animation-duration: 2s;
424 |       -ms-animation-duration: 2s;
425 |           animation-duration: 2s;
426 |   -webkit-animation-timing-function: linear;
427 |      -moz-animation-timing-function: linear;
428 |       -ms-animation-timing-function: linear;
429 |           animation-timing-function: linear;
430 |   -webkit-animation-iteration-count: infinite;
431 |      -moz-animation-iteration-count: infinite;
432 |       -ms-animation-iteration-count: infinite;
433 |           animation-iteration-count: infinite;
434 | }
435 | 
436 | .am-weather-snow-2 {
437 |   -webkit-animation-name: am-weather-snow;
438 |      -moz-animation-name: am-weather-snow;
439 |       -ms-animation-name: am-weather-snow;
440 |           animation-name: am-weather-snow;
441 |   -webkit-animation-delay: 1.2s;
442 |      -moz-animation-delay: 1.2s;
443 |       -ms-animation-delay: 1.2s;
444 |           animation-delay: 1.2s;
445 |   -webkit-animation-duration: 2s;
446 |      -moz-animation-duration: 2s;
447 |       -ms-animation-duration: 2s;
448 |           animation-duration: 2s;
449 |   -webkit-animation-timing-function: linear;
450 |      -moz-animation-timing-function: linear;
451 |       -ms-animation-timing-function: linear;
452 |           animation-timing-function: linear;
453 |   -webkit-animation-iteration-count: infinite;
454 |      -moz-animation-iteration-count: infinite;
455 |       -ms-animation-iteration-count: infinite;
456 |           animation-iteration-count: infinite;
457 | }
458 | 
459 | .am-weather-snow-3 {
460 |   -webkit-animation-name: am-weather-snow-reverse;
461 |      -moz-animation-name: am-weather-snow-reverse;
462 |       -ms-animation-name: am-weather-snow-reverse;
463 |           animation-name: am-weather-snow-reverse;
464 |   -webkit-animation-duration: 2s;
465 |      -moz-animation-duration: 2s;
466 |       -ms-animation-duration: 2s;
467 |           animation-duration: 2s;
468 |   -webkit-animation-timing-function: linear;
469 |      -moz-animation-timing-function: linear;
470 |       -ms-animation-timing-function: linear;
471 |           animation-timing-function: linear;
472 |   -webkit-animation-iteration-count: infinite;
473 |      -moz-animation-iteration-count: infinite;
474 |       -ms-animation-iteration-count: infinite;
475 |           animation-iteration-count: infinite;
476 | }
477 | 
478 | /*
479 | ** EASING
480 | */
481 | .am-weather-easing-ease-in-out {
482 |   -webkit-animation-timing-function: ease-in-out;
483 |      -moz-animation-timing-function: ease-in-out;
484 |       -ms-animation-timing-function: ease-in-out;
485 |           animation-timing-function: ease-in-out;
486 | }
487 | 
488 |         ]]></style>
489 |     </defs>
490 |     <g filter="url(#blur)" id="cloudy">
491 |         <g transform="translate(8,-2)">
492 |             <g class="am-weather-cloud-1">
493 |                 <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)"/>
494 |             </g>
495 |             <g class="am-weather-cloud-2">
496 |                 <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)"/>
497 |             </g>
498 |         </g>
499 |     </g>
500 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/HEAVY_RAIN.svg:
--------------------------------------------------------------------------------
 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 |     width="40"
 8 |     height="40"
 9 |     viewbox="0 0 64 64">
10 |     <defs>
11 |         <filter id="blur" width="200%" height="200%">
12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
14 |             <feComponentTransfer>
15 |                 <feFuncA type="linear" slope="0.05"/>
16 |             </feComponentTransfer>
17 |             <feMerge> 
18 |                 <feMergeNode/>
19 |                 <feMergeNode in="SourceGraphic"/> 
20 |             </feMerge>
21 |         </filter>
22 |         <style type="text/css"><![CDATA[
23 | /*
24 | ** RAIN
25 | */
26 | @keyframes am-weather-rain {
27 |   0% {
28 |     stroke-dashoffset: 0;
29 |   }
30 | 
31 |   100% {
32 |     stroke-dashoffset: -100;
33 |   }
34 | }
35 | 
36 | .am-weather-rain-1 {
37 |   -webkit-animation-name: am-weather-rain;
38 |      -moz-animation-name: am-weather-rain;
39 |       -ms-animation-name: am-weather-rain;
40 |           animation-name: am-weather-rain;
41 |   -webkit-animation-duration: 8s;
42 |      -moz-animation-duration: 8s;
43 |       -ms-animation-duration: 8s;
44 |           animation-duration: 8s;
45 |   -webkit-animation-timing-function: linear;
46 |      -moz-animation-timing-function: linear;
47 |       -ms-animation-timing-function: linear;
48 |           animation-timing-function: linear;
49 |   -webkit-animation-iteration-count: infinite;
50 |      -moz-animation-iteration-count: infinite;
51 |       -ms-animation-iteration-count: infinite;
52 |           animation-iteration-count: infinite;
53 | }
54 | 
55 | .am-weather-rain-2 {
56 |   -webkit-animation-name: am-weather-rain;
57 |      -moz-animation-name: am-weather-rain;
58 |       -ms-animation-name: am-weather-rain;
59 |           animation-name: am-weather-rain;
60 |   -webkit-animation-delay: 0.25s;
61 |      -moz-animation-delay: 0.25s;
62 |       -ms-animation-delay: 0.25s;
63 |           animation-delay: 0.25s;
64 |   -webkit-animation-duration: 8s;
65 |      -moz-animation-duration: 8s;
66 |       -ms-animation-duration: 8s;
67 |           animation-duration: 8s;
68 |   -webkit-animation-timing-function: linear;
69 |      -moz-animation-timing-function: linear;
70 |       -ms-animation-timing-function: linear;
71 |           animation-timing-function: linear;
72 |   -webkit-animation-iteration-count: infinite;
73 |      -moz-animation-iteration-count: infinite;
74 |       -ms-animation-iteration-count: infinite;
75 |           animation-iteration-count: infinite;
76 | }
77 |         ]]></style>
78 |     </defs>
79 |     <g filter="url(#blur)" id="rainy-6">
80 |         <g transform="translate(8,-2)">
81 |             <g>
82 |                 <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)"/>
83 |             </g>
84 |           <g transform="translate(12,35), rotate(15)">
85 |               <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" />
86 |               <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" />
87 |               <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" />
88 |           </g>
89 |         </g>
90 |     </g>
91 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/HEAVY_SNOW.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-2 {
 27 |   0% {
 28 |     -webkit-transform: translate(0px,0px);
 29 |        -moz-transform: translate(0px,0px);
 30 |         -ms-transform: translate(0px,0px);
 31 |             transform: translate(0px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(2px,0px);
 36 |        -moz-transform: translate(2px,0px);
 37 |         -ms-transform: translate(2px,0px);
 38 |             transform: translate(2px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(0px,0px);
 43 |        -moz-transform: translate(0px,0px);
 44 |         -ms-transform: translate(0px,0px);
 45 |             transform: translate(0px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-2 {
 50 |   -webkit-animation-name: am-weather-cloud-2;
 51 |      -moz-animation-name: am-weather-cloud-2;
 52 |           animation-name: am-weather-cloud-2;
 53 |   -webkit-animation-duration: 3s;
 54 |      -moz-animation-duration: 3s;
 55 |           animation-duration: 3s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | /*
 65 | ** SNOW
 66 | */
 67 | @keyframes am-weather-snow {
 68 |   0% {
 69 |     -webkit-transform: translateX(0) translateY(0);
 70 |        -moz-transform: translateX(0) translateY(0);
 71 |         -ms-transform: translateX(0) translateY(0);
 72 |             transform: translateX(0) translateY(0);
 73 |   }
 74 | 
 75 |   33.33% {
 76 |     -webkit-transform: translateX(-1.2px) translateY(2px);
 77 |        -moz-transform: translateX(-1.2px) translateY(2px);
 78 |         -ms-transform: translateX(-1.2px) translateY(2px);
 79 |             transform: translateX(-1.2px) translateY(2px);
 80 |   }
 81 | 
 82 |   66.66% {
 83 |     -webkit-transform: translateX(1.4px) translateY(4px);
 84 |        -moz-transform: translateX(1.4px) translateY(4px);
 85 |         -ms-transform: translateX(1.4px) translateY(4px);
 86 |             transform: translateX(1.4px) translateY(4px);
 87 |     opacity: 1;
 88 |   }
 89 | 
 90 |   100% {
 91 |     -webkit-transform: translateX(-1.6px) translateY(6px);
 92 |        -moz-transform: translateX(-1.6px) translateY(6px);
 93 |         -ms-transform: translateX(-1.6px) translateY(6px);
 94 |             transform: translateX(-1.6px) translateY(6px);
 95 |     opacity: 0;
 96 |   }
 97 | }
 98 | 
 99 | .am-weather-snow-1 {
100 |   -webkit-animation-name: am-weather-snow;
101 |      -moz-animation-name: am-weather-snow;
102 |       -ms-animation-name: am-weather-snow;
103 |           animation-name: am-weather-snow;
104 |   -webkit-animation-duration: 2s;
105 |      -moz-animation-duration: 2s;
106 |       -ms-animation-duration: 2s;
107 |           animation-duration: 2s;
108 |   -webkit-animation-timing-function: linear;
109 |      -moz-animation-timing-function: linear;
110 |       -ms-animation-timing-function: linear;
111 |           animation-timing-function: linear;
112 |   -webkit-animation-iteration-count: infinite;
113 |      -moz-animation-iteration-count: infinite;
114 |       -ms-animation-iteration-count: infinite;
115 |           animation-iteration-count: infinite;
116 | }
117 | 
118 | .am-weather-snow-2 {
119 |   -webkit-animation-name: am-weather-snow;
120 |      -moz-animation-name: am-weather-snow;
121 |       -ms-animation-name: am-weather-snow;
122 |           animation-name: am-weather-snow;
123 |   -webkit-animation-delay: 1.2s;
124 |      -moz-animation-delay: 1.2s;
125 |       -ms-animation-delay: 1.2s;
126 |           animation-delay: 1.2s;
127 |   -webkit-animation-duration: 2s;
128 |      -moz-animation-duration: 2s;
129 |       -ms-animation-duration: 2s;
130 |           animation-duration: 2s;
131 |   -webkit-animation-timing-function: linear;
132 |      -moz-animation-timing-function: linear;
133 |       -ms-animation-timing-function: linear;
134 |           animation-timing-function: linear;
135 |   -webkit-animation-iteration-count: infinite;
136 |      -moz-animation-iteration-count: infinite;
137 |       -ms-animation-iteration-count: infinite;
138 |           animation-iteration-count: infinite;
139 | }
140 | 
141 |         ]]></style>
142 |     </defs>
143 |     <g filter="url(#blur)" id="snowy-5">
144 |         <g transform="translate(8,-2)">
145 |             <g class="am-weather-cloud-2">
146 |                 <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)"/>
147 |             </g>
148 |             <g class="am-weather-snow-1">
149 |                 <g transform="translate(7,28)">
150 |                     <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" />
151 |                     <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" />
152 |                     <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" />
153 |                     <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" />
154 |                 </g>
155 |             </g>
156 |             <g class="am-weather-snow-2">
157 |                 <g transform="translate(16,28)">
158 |                     <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" />
159 |                     <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" />
160 |                     <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" />
161 |                     <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" />
162 |                 </g>
163 |             </g>
164 |         </g>
165 |     </g>
166 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/LIGHT_RAIN.svg:
--------------------------------------------------------------------------------
 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 |     width="40"
 8 |     height="40"
 9 |     viewbox="0 0 64 64">
10 |     <defs>
11 |         <filter id="blur" width="200%" height="200%">
12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
14 |             <feComponentTransfer>
15 |                 <feFuncA type="linear" slope="0.05"/>
16 |             </feComponentTransfer>
17 |             <feMerge> 
18 |                 <feMergeNode/>
19 |                 <feMergeNode in="SourceGraphic"/> 
20 |             </feMerge>
21 |         </filter>
22 |         <style type="text/css"><![CDATA[
23 | /*
24 | ** RAIN
25 | */
26 | @keyframes am-weather-rain {
27 |   0% {
28 |     stroke-dashoffset: 0;
29 |   }
30 | 
31 |   100% {
32 |     stroke-dashoffset: -100;
33 |   }
34 | }
35 | 
36 | .am-weather-rain-1 {
37 |   -webkit-animation-name: am-weather-rain;
38 |      -moz-animation-name: am-weather-rain;
39 |       -ms-animation-name: am-weather-rain;
40 |           animation-name: am-weather-rain;
41 |   -webkit-animation-duration: 8s;
42 |      -moz-animation-duration: 8s;
43 |       -ms-animation-duration: 8s;
44 |           animation-duration: 8s;
45 |   -webkit-animation-timing-function: linear;
46 |      -moz-animation-timing-function: linear;
47 |       -ms-animation-timing-function: linear;
48 |           animation-timing-function: linear;
49 |   -webkit-animation-iteration-count: infinite;
50 |      -moz-animation-iteration-count: infinite;
51 |       -ms-animation-iteration-count: infinite;
52 |           animation-iteration-count: infinite;
53 | }
54 |         ]]></style>
55 |     </defs>
56 |     <g filter="url(#blur)" id="rainy-4">
57 |         <g transform="translate(8,-2)">
58 |             <g>
59 |                 <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)"/>
60 |             </g>
61 |             <g transform="translate(12,35), rotate(15)">
62 |                 <line class="am-weather-rain-1" 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" />
63 |             </g>
64 |         </g>
65 |     </g>
66 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/LIGHT_SNOW.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-2 {
 27 |   0% {
 28 |     -webkit-transform: translate(0px,0px);
 29 |        -moz-transform: translate(0px,0px);
 30 |         -ms-transform: translate(0px,0px);
 31 |             transform: translate(0px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(2px,0px);
 36 |        -moz-transform: translate(2px,0px);
 37 |         -ms-transform: translate(2px,0px);
 38 |             transform: translate(2px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(0px,0px);
 43 |        -moz-transform: translate(0px,0px);
 44 |         -ms-transform: translate(0px,0px);
 45 |             transform: translate(0px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-2 {
 50 |   -webkit-animation-name: am-weather-cloud-2;
 51 |      -moz-animation-name: am-weather-cloud-2;
 52 |           animation-name: am-weather-cloud-2;
 53 |   -webkit-animation-duration: 3s;
 54 |      -moz-animation-duration: 3s;
 55 |           animation-duration: 3s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | /*
 65 | ** SUN
 66 | */
 67 | @keyframes am-weather-sun {
 68 |   0% {
 69 |     -webkit-transform: rotate(0deg);
 70 |        -moz-transform: rotate(0deg);
 71 |         -ms-transform: rotate(0deg);
 72 |             transform: rotate(0deg);
 73 |   }
 74 | 
 75 |   100% {
 76 |     -webkit-transform: rotate(360deg);
 77 |        -moz-transform: rotate(360deg);
 78 |         -ms-transform: rotate(360deg);
 79 |             transform: rotate(360deg);
 80 |   }
 81 | }
 82 | 
 83 | .am-weather-sun {
 84 |   -webkit-animation-name: am-weather-sun;
 85 |      -moz-animation-name: am-weather-sun;
 86 |       -ms-animation-name: am-weather-sun;
 87 |           animation-name: am-weather-sun;
 88 |   -webkit-animation-duration: 9s;
 89 |      -moz-animation-duration: 9s;
 90 |       -ms-animation-duration: 9s;
 91 |           animation-duration: 9s;
 92 |   -webkit-animation-timing-function: linear;
 93 |      -moz-animation-timing-function: linear;
 94 |       -ms-animation-timing-function: linear;
 95 |           animation-timing-function: linear;
 96 |   -webkit-animation-iteration-count: infinite;
 97 |      -moz-animation-iteration-count: infinite;
 98 |       -ms-animation-iteration-count: infinite;
 99 |           animation-iteration-count: infinite;
100 | }
101 | 
102 | @keyframes am-weather-sun-shiny {
103 |   0% {
104 |     stroke-dasharray: 3px 10px;
105 |     stroke-dashoffset: 0px;
106 |   }
107 | 
108 |   50% {
109 |     stroke-dasharray: 0.1px 10px;
110 |     stroke-dashoffset: -1px;
111 |   }
112 | 
113 |   100% {
114 |     stroke-dasharray: 3px 10px;
115 |     stroke-dashoffset: 0px;
116 |   }
117 | }
118 | 
119 | .am-weather-sun-shiny line {
120 |   -webkit-animation-name: am-weather-sun-shiny;
121 |      -moz-animation-name: am-weather-sun-shiny;
122 |       -ms-animation-name: am-weather-sun-shiny;
123 |           animation-name: am-weather-sun-shiny;
124 |   -webkit-animation-duration: 2s;
125 |      -moz-animation-duration: 2s;
126 |       -ms-animation-duration: 2s;
127 |           animation-duration: 2s;
128 |   -webkit-animation-timing-function: linear;
129 |      -moz-animation-timing-function: linear;
130 |       -ms-animation-timing-function: linear;
131 |           animation-timing-function: linear;
132 |   -webkit-animation-iteration-count: infinite;
133 |      -moz-animation-iteration-count: infinite;
134 |       -ms-animation-iteration-count: infinite;
135 |           animation-iteration-count: infinite;
136 | }
137 | 
138 | /*
139 | ** SNOW
140 | */
141 | @keyframes am-weather-snow {
142 |   0% {
143 |     -webkit-transform: translateX(0) translateY(0);
144 |        -moz-transform: translateX(0) translateY(0);
145 |         -ms-transform: translateX(0) translateY(0);
146 |             transform: translateX(0) translateY(0);
147 |   }
148 | 
149 |   33.33% {
150 |     -webkit-transform: translateX(-1.2px) translateY(2px);
151 |        -moz-transform: translateX(-1.2px) translateY(2px);
152 |         -ms-transform: translateX(-1.2px) translateY(2px);
153 |             transform: translateX(-1.2px) translateY(2px);
154 |   }
155 | 
156 |   66.66% {
157 |     -webkit-transform: translateX(1.4px) translateY(4px);
158 |        -moz-transform: translateX(1.4px) translateY(4px);
159 |         -ms-transform: translateX(1.4px) translateY(4px);
160 |             transform: translateX(1.4px) translateY(4px);
161 |     opacity: 1;
162 |   }
163 | 
164 |   100% {
165 |     -webkit-transform: translateX(-1.6px) translateY(6px);
166 |        -moz-transform: translateX(-1.6px) translateY(6px);
167 |         -ms-transform: translateX(-1.6px) translateY(6px);
168 |             transform: translateX(-1.6px) translateY(6px);
169 |     opacity: 0;
170 |   }
171 | }
172 | 
173 | .am-weather-snow-1 {
174 |   -webkit-animation-name: am-weather-snow;
175 |      -moz-animation-name: am-weather-snow;
176 |       -ms-animation-name: am-weather-snow;
177 |           animation-name: am-weather-snow;
178 |   -webkit-animation-duration: 2s;
179 |      -moz-animation-duration: 2s;
180 |       -ms-animation-duration: 2s;
181 |           animation-duration: 2s;
182 |   -webkit-animation-timing-function: linear;
183 |      -moz-animation-timing-function: linear;
184 |       -ms-animation-timing-function: linear;
185 |           animation-timing-function: linear;
186 |   -webkit-animation-iteration-count: infinite;
187 |      -moz-animation-iteration-count: infinite;
188 |       -ms-animation-iteration-count: infinite;
189 |           animation-iteration-count: infinite;
190 | }
191 | 
192 | .am-weather-snow-2 {
193 |   -webkit-animation-name: am-weather-snow;
194 |      -moz-animation-name: am-weather-snow;
195 |       -ms-animation-name: am-weather-snow;
196 |           animation-name: am-weather-snow;
197 |   -webkit-animation-delay: 1.2s;
198 |      -moz-animation-delay: 1.2s;
199 |       -ms-animation-delay: 1.2s;
200 |           animation-delay: 1.2s;
201 |   -webkit-animation-duration: 2s;
202 |      -moz-animation-duration: 2s;
203 |       -ms-animation-duration: 2s;
204 |           animation-duration: 2s;
205 |   -webkit-animation-timing-function: linear;
206 |      -moz-animation-timing-function: linear;
207 |       -ms-animation-timing-function: linear;
208 |           animation-timing-function: linear;
209 |   -webkit-animation-iteration-count: infinite;
210 |      -moz-animation-iteration-count: infinite;
211 |       -ms-animation-iteration-count: infinite;
212 |           animation-iteration-count: infinite;
213 | }
214 |         ]]></style>
215 |     </defs>
216 |     <g filter="url(#blur)" id="snowy-3">
217 |         <g transform="translate(8,-2)">
218 |             <g transform="translate(0,16)">
219 |                 <g class="am-weather-sun">
220 |                     <g>
221 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
222 |                     </g>
223 |                     <g transform="rotate(45)">
224 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
225 |                     </g>
226 |                     <g transform="rotate(90)">
227 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
228 |                     </g>
229 |                     <g transform="rotate(135)">
230 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
231 |                     </g>
232 |                     <g transform="rotate(180)">
233 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
234 |                     </g>
235 |                     <g transform="rotate(225)">
236 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
237 |                     </g>
238 |                     <g transform="rotate(270)">
239 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
240 |                     </g>
241 |                     <g transform="rotate(315)">
242 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
243 |                     </g>
244 |                 </g>
245 |                 <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
246 |             </g>
247 |             <g>
248 |                 <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)"/>
249 |             </g>
250 |             <g class="am-weather-snow-1">
251 |                 <g transform="translate(7,28)">
252 |                     <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" />
253 |                     <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" />
254 |                     <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" />
255 |                     <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" />
256 |                 </g>
257 |             </g>
258 |             <g class="am-weather-snow-2">
259 |                 <g transform="translate(16,28)">
260 |                     <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" />
261 |                     <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" />
262 |                     <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" />
263 |                     <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" />
264 |                 </g>
265 |             </g>
266 |         </g>
267 |     </g>
268 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/MODERATE_RAIN.svg:
--------------------------------------------------------------------------------
 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 |     width="40"
 8 |     height="40"
 9 |     viewbox="0 0 64 64">
10 |     <defs>
11 |         <filter id="blur" width="200%" height="200%">
12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
14 |             <feComponentTransfer>
15 |                 <feFuncA type="linear" slope="0.05"/>
16 |             </feComponentTransfer>
17 |             <feMerge> 
18 |                 <feMergeNode/>
19 |                 <feMergeNode in="SourceGraphic"/> 
20 |             </feMerge>
21 |         </filter>
22 |         <style type="text/css"><![CDATA[
23 | /*
24 | ** RAIN
25 | */
26 | @keyframes am-weather-rain {
27 |   0% {
28 |     stroke-dashoffset: 0;
29 |   }
30 | 
31 |   100% {
32 |     stroke-dashoffset: -100;
33 |   }
34 | }
35 | 
36 | .am-weather-rain-1 {
37 |   -webkit-animation-name: am-weather-rain;
38 |      -moz-animation-name: am-weather-rain;
39 |       -ms-animation-name: am-weather-rain;
40 |           animation-name: am-weather-rain;
41 |   -webkit-animation-duration: 8s;
42 |      -moz-animation-duration: 8s;
43 |       -ms-animation-duration: 8s;
44 |           animation-duration: 8s;
45 |   -webkit-animation-timing-function: linear;
46 |      -moz-animation-timing-function: linear;
47 |       -ms-animation-timing-function: linear;
48 |           animation-timing-function: linear;
49 |   -webkit-animation-iteration-count: infinite;
50 |      -moz-animation-iteration-count: infinite;
51 |       -ms-animation-iteration-count: infinite;
52 |           animation-iteration-count: infinite;
53 | }
54 | 
55 | .am-weather-rain-2 {
56 |   -webkit-animation-name: am-weather-rain;
57 |      -moz-animation-name: am-weather-rain;
58 |       -ms-animation-name: am-weather-rain;
59 |           animation-name: am-weather-rain;
60 |   -webkit-animation-delay: 0.25s;
61 |      -moz-animation-delay: 0.25s;
62 |       -ms-animation-delay: 0.25s;
63 |           animation-delay: 0.25s;
64 |   -webkit-animation-duration: 8s;
65 |      -moz-animation-duration: 8s;
66 |       -ms-animation-duration: 8s;
67 |           animation-duration: 8s;
68 |   -webkit-animation-timing-function: linear;
69 |      -moz-animation-timing-function: linear;
70 |       -ms-animation-timing-function: linear;
71 |           animation-timing-function: linear;
72 |   -webkit-animation-iteration-count: infinite;
73 |      -moz-animation-iteration-count: infinite;
74 |       -ms-animation-iteration-count: infinite;
75 |           animation-iteration-count: infinite;
76 | }
77 |         ]]></style>
78 |     </defs>
79 |     <g filter="url(#blur)" id="rainy-5">
80 |         <g transform="translate(8,-2)">
81 |             <g>
82 |                 <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)"/>
83 |             </g>
84 |             <g transform="translate(10,35), rotate(15)">
85 |                 <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" />
86 |                 <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" />
87 |             </g>
88 |         </g>
89 |     </g>
90 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/MODERATE_SNOW.svg:
--------------------------------------------------------------------------------
 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 |     width="40"
 8 |     height="40"
 9 |     viewbox="0 0 64 64">
10 |     <defs>
11 |         <filter id="blur" width="200%" height="200%">
12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
14 |             <feComponentTransfer>
15 |                 <feFuncA type="linear" slope="0.05"/>
16 |             </feComponentTransfer>
17 |             <feMerge> 
18 |                 <feMergeNode/>
19 |                 <feMergeNode in="SourceGraphic"/> 
20 |             </feMerge>
21 |         </filter>
22 |         <style type="text/css"><![CDATA[
23 | /*
24 | ** SNOW
25 | */
26 | @keyframes am-weather-snow {
27 |   0% {
28 |     -webkit-transform: translate(0.0px,0);
29 |        -moz-transform: translate(0.0px,0);
30 |         -ms-transform: translate(0.0px,0);
31 |             transform: translate(0.0px,0);
32 |   }
33 | 
34 |   33.33% {
35 |     -webkit-transform: translate(-1.2px,2px);
36 |        -moz-transform: translate(-1.2px,2px);
37 |         -ms-transform: translate(-1.2px,2px);
38 |             transform: translate(-1.2px,2px);
39 |   }
40 | 
41 |   66.66% {
42 |     -webkit-transform: translate(1.4px,4px);
43 |        -moz-transform: translate(1.4px,4px);
44 |         -ms-transform: translate(1.4px,4px);
45 |             transform: translate(1.4px,4px);
46 |     opacity: 1;
47 |   }
48 | 
49 |   100% {
50 |     -webkit-transform: translate(-1.6px,6px);
51 |        -moz-transform: translate(-1.6px,6px);
52 |         -ms-transform: translate(-1.6px,6px);
53 |             transform: translate(-1.6px,6px);
54 |     opacity: 0;
55 |   }
56 | }
57 | 
58 | .am-weather-snow-1 {
59 |   -webkit-animation-name: am-weather-snow;
60 |      -moz-animation-name: am-weather-snow;
61 |       -ms-animation-name: am-weather-snow;
62 |           animation-name: am-weather-snow;
63 |   -webkit-animation-duration: 2s;
64 |      -moz-animation-duration: 2s;
65 |       -ms-animation-duration: 2s;
66 |           animation-duration: 2s;
67 |   -webkit-animation-timing-function: linear;
68 |      -moz-animation-timing-function: linear;
69 |       -ms-animation-timing-function: linear;
70 |           animation-timing-function: linear;
71 |   -webkit-animation-iteration-count: infinite;
72 |      -moz-animation-iteration-count: infinite;
73 |       -ms-animation-iteration-count: infinite;
74 |           animation-iteration-count: infinite;
75 | }
76 | 
77 |         ]]></style>
78 |     </defs>
79 |     <g filter="url(#blur)" id="snowy-4">
80 |         <g transform="translate(8,-2)">
81 |             <g>
82 |                 <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)"/>
83 |             </g>
84 |             <g class="am-weather-snow-1">
85 |                 <g transform="translate(11,28)">
86 |                     <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" />
87 |                     <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" />
88 |                     <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" />
89 |                     <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" />
90 |                 </g>
91 |             </g>
92 |         </g>
93 |     </g>
94 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/PARTLY_CLOUDY_DAY.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-2 {
 27 |   0% {
 28 |     -webkit-transform: translate(0px,0px);
 29 |        -moz-transform: translate(0px,0px);
 30 |         -ms-transform: translate(0px,0px);
 31 |             transform: translate(0px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(2px,0px);
 36 |        -moz-transform: translate(2px,0px);
 37 |         -ms-transform: translate(2px,0px);
 38 |             transform: translate(2px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(0px,0px);
 43 |        -moz-transform: translate(0px,0px);
 44 |         -ms-transform: translate(0px,0px);
 45 |             transform: translate(0px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-2 {
 50 |   -webkit-animation-name: am-weather-cloud-2;
 51 |      -moz-animation-name: am-weather-cloud-2;
 52 |           animation-name: am-weather-cloud-2;
 53 |   -webkit-animation-duration: 3s;
 54 |      -moz-animation-duration: 3s;
 55 |           animation-duration: 3s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | /*
 65 | ** SUN
 66 | */
 67 | @keyframes am-weather-sun {
 68 |   0% {
 69 |     -webkit-transform: rotate(0deg);
 70 |        -moz-transform: rotate(0deg);
 71 |         -ms-transform: rotate(0deg);
 72 |             transform: rotate(0deg);
 73 |   }
 74 | 
 75 |   100% {
 76 |     -webkit-transform: rotate(360deg);
 77 |        -moz-transform: rotate(360deg);
 78 |         -ms-transform: rotate(360deg);
 79 |             transform: rotate(360deg);
 80 |   }
 81 | }
 82 | 
 83 | .am-weather-sun {
 84 |   -webkit-animation-name: am-weather-sun;
 85 |      -moz-animation-name: am-weather-sun;
 86 |       -ms-animation-name: am-weather-sun;
 87 |           animation-name: am-weather-sun;
 88 |   -webkit-animation-duration: 9s;
 89 |      -moz-animation-duration: 9s;
 90 |       -ms-animation-duration: 9s;
 91 |           animation-duration: 9s;
 92 |   -webkit-animation-timing-function: linear;
 93 |      -moz-animation-timing-function: linear;
 94 |       -ms-animation-timing-function: linear;
 95 |           animation-timing-function: linear;
 96 |   -webkit-animation-iteration-count: infinite;
 97 |      -moz-animation-iteration-count: infinite;
 98 |       -ms-animation-iteration-count: infinite;
 99 |           animation-iteration-count: infinite;
100 | }
101 | 
102 | @keyframes am-weather-sun-shiny {
103 |   0% {
104 |     stroke-dasharray: 3px 10px;
105 |     stroke-dashoffset: 0px;
106 |   }
107 | 
108 |   50% {
109 |     stroke-dasharray: 0.1px 10px;
110 |     stroke-dashoffset: -1px;
111 |   }
112 | 
113 |   100% {
114 |     stroke-dasharray: 3px 10px;
115 |     stroke-dashoffset: 0px;
116 |   }
117 | }
118 | 
119 | .am-weather-sun-shiny line {
120 |   -webkit-animation-name: am-weather-sun-shiny;
121 |      -moz-animation-name: am-weather-sun-shiny;
122 |       -ms-animation-name: am-weather-sun-shiny;
123 |           animation-name: am-weather-sun-shiny;
124 |   -webkit-animation-duration: 2s;
125 |      -moz-animation-duration: 2s;
126 |       -ms-animation-duration: 2s;
127 |           animation-duration: 2s;
128 |   -webkit-animation-timing-function: linear;
129 |      -moz-animation-timing-function: linear;
130 |       -ms-animation-timing-function: linear;
131 |           animation-timing-function: linear;
132 |   -webkit-animation-iteration-count: infinite;
133 |      -moz-animation-iteration-count: infinite;
134 |       -ms-animation-iteration-count: infinite;
135 |           animation-iteration-count: infinite;
136 | }
137 |         ]]></style>
138 |     </defs>
139 |     <g filter="url(#blur)" id="cloudy-day-2">
140 |         <g transform="translate(8,-2)">
141 |             <g transform="translate(0,16)">
142 |                 <g class="am-weather-sun">
143 |                     <g>
144 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
145 |                     </g>
146 |                     <g transform="rotate(45)">
147 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
148 |                     </g>
149 |                     <g transform="rotate(90)">
150 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
151 |                     </g>
152 |                     <g transform="rotate(135)">
153 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
154 |                     </g>
155 |                     <g transform="rotate(180)">
156 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
157 |                     </g>
158 |                     <g transform="rotate(225)">
159 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
160 |                     </g>
161 |                     <g transform="rotate(270)">
162 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
163 |                     </g>
164 |                     <g transform="rotate(315)">
165 |                         <line fill="none" stroke="orange" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
166 |                     </g>
167 |                 </g>
168 |                 <circle cx="0" cy="0" fill="orange" r="5" stroke="orange" stroke-width="2"/>
169 |             </g>
170 |             <g class="am-weather-cloud-2">
171 |                 <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)"/>
172 |             </g>
173 |         </g>
174 |     </g>
175 |     
176 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/PARTLY_CLOUDY_NIGHT.svg:
--------------------------------------------------------------------------------
  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 |     width="40"
  8 |     height="40"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-2 {
 27 |   0% {
 28 |     -webkit-transform: translate(0px,0px);
 29 |        -moz-transform: translate(0px,0px);
 30 |         -ms-transform: translate(0px,0px);
 31 |             transform: translate(0px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(2px,0px);
 36 |        -moz-transform: translate(2px,0px);
 37 |         -ms-transform: translate(2px,0px);
 38 |             transform: translate(2px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(0px,0px);
 43 |        -moz-transform: translate(0px,0px);
 44 |         -ms-transform: translate(0px,0px);
 45 |             transform: translate(0px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-2 {
 50 |   -webkit-animation-name: am-weather-cloud-2;
 51 |      -moz-animation-name: am-weather-cloud-2;
 52 |           animation-name: am-weather-cloud-2;
 53 |   -webkit-animation-duration: 3s;
 54 |      -moz-animation-duration: 3s;
 55 |           animation-duration: 3s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | /*
 65 | ** MOON
 66 | */
 67 | @keyframes am-weather-moon {
 68 |   0% {
 69 |     -webkit-transform: rotate(0deg);
 70 |        -moz-transform: rotate(0deg);
 71 |         -ms-transform: rotate(0deg);
 72 |             transform: rotate(0deg);
 73 |   }
 74 | 
 75 |   50% {
 76 |     -webkit-transform: rotate(15deg);
 77 |        -moz-transform: rotate(15deg);
 78 |         -ms-transform: rotate(15deg);
 79 |             transform: rotate(15deg);
 80 |   }
 81 | 
 82 |   100% {
 83 |     -webkit-transform: rotate(0deg);
 84 |        -moz-transform: rotate(0deg);
 85 |         -ms-transform: rotate(0deg);
 86 |             transform: rotate(0deg);
 87 |   }
 88 | }
 89 | 
 90 | .am-weather-moon {
 91 |   -webkit-animation-name: am-weather-moon;
 92 |      -moz-animation-name: am-weather-moon;
 93 |       -ms-animation-name: am-weather-moon;
 94 |           animation-name: am-weather-moon;
 95 |   -webkit-animation-duration: 6s;
 96 |      -moz-animation-duration: 6s;
 97 |       -ms-animation-duration: 6s;
 98 |           animation-duration: 6s;
 99 |   -webkit-animation-timing-function: linear;
100 |      -moz-animation-timing-function: linear;
101 |       -ms-animation-timing-function: linear;
102 |           animation-timing-function: linear;
103 |   -webkit-animation-iteration-count: infinite;
104 |      -moz-animation-iteration-count: infinite;
105 |       -ms-animation-iteration-count: infinite;
106 |           animation-iteration-count: infinite;
107 |   -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
108 |      -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
109 |       -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
110 |           transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
111 | }
112 | 
113 | @keyframes am-weather-moon-star-1 {
114 |   0% {
115 |     opacity: 0;
116 |   }
117 | 
118 |   100% {
119 |     opacity: 1;
120 |   }
121 | }
122 | 
123 | .am-weather-moon-star-1 {
124 |   -webkit-animation-name: am-weather-moon-star-1;
125 |      -moz-animation-name: am-weather-moon-star-1;
126 |       -ms-animation-name: am-weather-moon-star-1;
127 |           animation-name: am-weather-moon-star-1;
128 |   -webkit-animation-delay: 3s;
129 |      -moz-animation-delay: 3s;
130 |       -ms-animation-delay: 3s;
131 |           animation-delay: 3s;
132 |   -webkit-animation-duration: 5s;
133 |      -moz-animation-duration: 5s;
134 |       -ms-animation-duration: 5s;
135 |           animation-duration: 5s;
136 |   -webkit-animation-timing-function: linear;
137 |      -moz-animation-timing-function: linear;
138 |       -ms-animation-timing-function: linear;
139 |           animation-timing-function: linear;
140 |   -webkit-animation-iteration-count: 1;
141 |      -moz-animation-iteration-count: 1;
142 |       -ms-animation-iteration-count: 1;
143 |           animation-iteration-count: 1;
144 | }
145 | 
146 | @keyframes am-weather-moon-star-2 {
147 |   0% {
148 |     opacity: 0;
149 |   }
150 | 
151 |   100% {
152 |     opacity: 1;
153 |   }
154 | }
155 | 
156 | .am-weather-moon-star-2 {
157 |   -webkit-animation-name: am-weather-moon-star-2;
158 |      -moz-animation-name: am-weather-moon-star-2;
159 |       -ms-animation-name: am-weather-moon-star-2;
160 |           animation-name: am-weather-moon-star-2;
161 |   -webkit-animation-delay: 5s;
162 |      -moz-animation-delay: 5s;
163 |       -ms-animation-delay: 5s;
164 |           animation-delay: 5s;
165 |   -webkit-animation-duration: 4s;
166 |      -moz-animation-duration: 4s;
167 |       -ms-animation-duration: 4s;
168 |           animation-duration: 4s;
169 |   -webkit-animation-timing-function: linear;
170 |      -moz-animation-timing-function: linear;
171 |       -ms-animation-timing-function: linear;
172 |           animation-timing-function: linear;
173 |   -webkit-animation-iteration-count: 1;
174 |      -moz-animation-iteration-count: 1;
175 |       -ms-animation-iteration-count: 1;
176 |           animation-iteration-count: 1;
177 | }
178 |         ]]></style>
179 |     </defs>
180 |     <g filter="url(#blur)" id="cloudy-night-2">
181 |         <g transform="translate(8,-2)">
182 |             <g transform="translate(16,4), scale(0.8)">
183 |                 <g class="am-weather-moon-star-1">
184 |                     <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"/>
185 |                 </g>
186 |                 <g class="am-weather-moon-star-2">
187 |                     <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)"/>
188 |                 </g>
189 |                 <g class="am-weather-moon">
190 |                     <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"/>
191 |                 </g>
192 |             </g>
193 |             <g class="am-weather-cloud-2">
194 |                 <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)"/>
195 |             </g>
196 |         </g>
197 |     </g>
198 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/STORM_RAIN.svg:
--------------------------------------------------------------------------------
 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 |     width="40"
 8 |     height="40"
 9 |     viewbox="0 0 64 64">
10 |     <defs>
11 |         <filter id="blur" width="200%" height="200%">
12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
14 |             <feComponentTransfer>
15 |                 <feFuncA type="linear" slope="0.05"/>
16 |             </feComponentTransfer>
17 |             <feMerge> 
18 |                 <feMergeNode/>
19 |                 <feMergeNode in="SourceGraphic"/> 
20 |             </feMerge>
21 |         </filter>
22 |         <style type="text/css"><![CDATA[
23 | /*
24 | ** RAIN
25 | */
26 | @keyframes am-weather-rain {
27 |   0% {
28 |     stroke-dashoffset: 0;
29 |   }
30 | 
31 |   100% {
32 |     stroke-dashoffset: -100;
33 |   }
34 | }
35 | 
36 | .am-weather-rain-1 {
37 |   -webkit-animation-name: am-weather-rain;
38 |      -moz-animation-name: am-weather-rain;
39 |       -ms-animation-name: am-weather-rain;
40 |           animation-name: am-weather-rain;
41 |   -webkit-animation-duration: 8s;
42 |      -moz-animation-duration: 8s;
43 |       -ms-animation-duration: 8s;
44 |           animation-duration: 8s;
45 |   -webkit-animation-timing-function: linear;
46 |      -moz-animation-timing-function: linear;
47 |       -ms-animation-timing-function: linear;
48 |           animation-timing-function: linear;
49 |   -webkit-animation-iteration-count: infinite;
50 |      -moz-animation-iteration-count: infinite;
51 |       -ms-animation-iteration-count: infinite;
52 |           animation-iteration-count: infinite;
53 | }
54 | 
55 | .am-weather-rain-2 {
56 |   -webkit-animation-name: am-weather-rain;
57 |      -moz-animation-name: am-weather-rain;
58 |       -ms-animation-name: am-weather-rain;
59 |           animation-name: am-weather-rain;
60 |   -webkit-animation-delay: 0.25s;
61 |      -moz-animation-delay: 0.25s;
62 |       -ms-animation-delay: 0.25s;
63 |           animation-delay: 0.25s;
64 |   -webkit-animation-duration: 8s;
65 |      -moz-animation-duration: 8s;
66 |       -ms-animation-duration: 8s;
67 |           animation-duration: 8s;
68 |   -webkit-animation-timing-function: linear;
69 |      -moz-animation-timing-function: linear;
70 |       -ms-animation-timing-function: linear;
71 |           animation-timing-function: linear;
72 |   -webkit-animation-iteration-count: infinite;
73 |      -moz-animation-iteration-count: infinite;
74 |       -ms-animation-iteration-count: infinite;
75 |           animation-iteration-count: infinite;
76 | }
77 |         ]]></style>
78 |     </defs>
79 |     <g filter="url(#blur)" id="rainy-7">
80 |         <g transform="translate(8,-2)">
81 |             <g>
82 |                 <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)"/>
83 |             </g>
84 |             <g transform="translate(10,35), rotate(15)">
85 |               <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" />
86 |               <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" />
87 |               <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" />
88 |               <line class="am-weather-rain-1" fill="none" stroke="#91C0F8" stroke-dasharray="4,4" stroke-linecap="round" stroke-width="2" transform="translate(8,-2)" x1="0" x2="0" y1="0" y2="8" />
89 |             </g>
90 |         </g>
91 |     </g>
92 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated/STORM_SNOW.svg:
--------------------------------------------------------------------------------
  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 |     width="64"
  8 |     height="64"
  9 |     viewbox="0 0 64 64">
 10 |     <defs>
 11 |         <filter id="blur" width="200%" height="200%">
 12 |             <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
 13 |             <feOffset dx="0" dy="4" result="offsetblur"/>
 14 |             <feComponentTransfer>
 15 |                 <feFuncA type="linear" slope="0.05"/>
 16 |             </feComponentTransfer>
 17 |             <feMerge> 
 18 |                 <feMergeNode/>
 19 |                 <feMergeNode in="SourceGraphic"/> 
 20 |             </feMerge>
 21 |         </filter>
 22 |         <style type="text/css"><![CDATA[
 23 | /*
 24 | ** CLOUDS
 25 | */
 26 | @keyframes am-weather-cloud-2 {
 27 |   0% {
 28 |     -webkit-transform: translate(0px,0px);
 29 |        -moz-transform: translate(0px,0px);
 30 |         -ms-transform: translate(0px,0px);
 31 |             transform: translate(0px,0px);
 32 |   }
 33 | 
 34 |   50% {
 35 |     -webkit-transform: translate(2px,0px);
 36 |        -moz-transform: translate(2px,0px);
 37 |         -ms-transform: translate(2px,0px);
 38 |             transform: translate(2px,0px);
 39 |   }
 40 | 
 41 |   100% {
 42 |     -webkit-transform: translate(0px,0px);
 43 |        -moz-transform: translate(0px,0px);
 44 |         -ms-transform: translate(0px,0px);
 45 |             transform: translate(0px,0px);
 46 |   }
 47 | }
 48 | 
 49 | .am-weather-cloud-2 {
 50 |   -webkit-animation-name: am-weather-cloud-2;
 51 |      -moz-animation-name: am-weather-cloud-2;
 52 |           animation-name: am-weather-cloud-2;
 53 |   -webkit-animation-duration: 3s;
 54 |      -moz-animation-duration: 3s;
 55 |           animation-duration: 3s;
 56 |   -webkit-animation-timing-function: linear;
 57 |      -moz-animation-timing-function: linear;
 58 |           animation-timing-function: linear;
 59 |   -webkit-animation-iteration-count: infinite;
 60 |      -moz-animation-iteration-count: infinite;
 61 |           animation-iteration-count: infinite;
 62 | }
 63 | 
 64 | /*
 65 | ** SNOW
 66 | */
 67 | @keyframes am-weather-snow {
 68 |   0% {
 69 |     -webkit-transform: translateX(0) translateY(0);
 70 |        -moz-transform: translateX(0) translateY(0);
 71 |         -ms-transform: translateX(0) translateY(0);
 72 |             transform: translateX(0) translateY(0);
 73 |   }
 74 | 
 75 |   33.33% {
 76 |     -webkit-transform: translateX(-1.2px) translateY(2px);
 77 |        -moz-transform: translateX(-1.2px) translateY(2px);
 78 |         -ms-transform: translateX(-1.2px) translateY(2px);
 79 |             transform: translateX(-1.2px) translateY(2px);
 80 |   }
 81 | 
 82 |   66.66% {
 83 |     -webkit-transform: translateX(1.4px) translateY(4px);
 84 |        -moz-transform: translateX(1.4px) translateY(4px);
 85 |         -ms-transform: translateX(1.4px) translateY(4px);
 86 |             transform: translateX(1.4px) translateY(4px);
 87 |     opacity: 1;
 88 |   }
 89 | 
 90 |   100% {
 91 |     -webkit-transform: translateX(-1.6px) translateY(6px);
 92 |        -moz-transform: translateX(-1.6px) translateY(6px);
 93 |         -ms-transform: translateX(-1.6px) translateY(6px);
 94 |             transform: translateX(-1.6px) translateY(6px);
 95 |     opacity: 0;
 96 |   }
 97 | }
 98 | 
 99 | @keyframes am-weather-snow-reverse {
100 |   0% {
101 |     -webkit-transform: translateX(0) translateY(0);
102 |        -moz-transform: translateX(0) translateY(0);
103 |         -ms-transform: translateX(0) translateY(0);
104 |             transform: translateX(0) translateY(0);
105 |   }
106 | 
107 |   33.33% {
108 |     -webkit-transform: translateX(1.2px) translateY(2px);
109 |        -moz-transform: translateX(1.2px) translateY(2px);
110 |         -ms-transform: translateX(1.2px) translateY(2px);
111 |             transform: translateX(1.2px) translateY(2px);
112 |   }
113 | 
114 |   66.66% {
115 |     -webkit-transform: translateX(-1.4px) translateY(4px);
116 |        -moz-transform: translateX(-1.4px) translateY(4px);
117 |         -ms-transform: translateX(-1.4px) translateY(4px);
118 |             transform: translateX(-1.4px) translateY(4px);
119 |     opacity: 1;
120 |   }
121 | 
122 |   100% {
123 |     -webkit-transform: translateX(1.6px) translateY(6px);
124 |        -moz-transform: translateX(1.6px) translateY(6px);
125 |         -ms-transform: translateX(1.6px) translateY(6px);
126 |             transform: translateX(1.6px) translateY(6px);
127 |     opacity: 0;
128 |   }
129 | }
130 | 
131 | .am-weather-snow-1 {
132 |   -webkit-animation-name: am-weather-snow;
133 |      -moz-animation-name: am-weather-snow;
134 |       -ms-animation-name: am-weather-snow;
135 |           animation-name: am-weather-snow;
136 |   -webkit-animation-duration: 2s;
137 |      -moz-animation-duration: 2s;
138 |       -ms-animation-duration: 2s;
139 |           animation-duration: 2s;
140 |   -webkit-animation-timing-function: linear;
141 |      -moz-animation-timing-function: linear;
142 |       -ms-animation-timing-function: linear;
143 |           animation-timing-function: linear;
144 |   -webkit-animation-iteration-count: infinite;
145 |      -moz-animation-iteration-count: infinite;
146 |       -ms-animation-iteration-count: infinite;
147 |           animation-iteration-count: infinite;
148 | }
149 | 
150 | .am-weather-snow-2 {
151 |   -webkit-animation-name: am-weather-snow;
152 |      -moz-animation-name: am-weather-snow;
153 |       -ms-animation-name: am-weather-snow;
154 |           animation-name: am-weather-snow;
155 |   -webkit-animation-delay: 1.2s;
156 |      -moz-animation-delay: 1.2s;
157 |       -ms-animation-delay: 1.2s;
158 |           animation-delay: 1.2s;
159 |   -webkit-animation-duration: 2s;
160 |      -moz-animation-duration: 2s;
161 |       -ms-animation-duration: 2s;
162 |           animation-duration: 2s;
163 |   -webkit-animation-timing-function: linear;
164 |      -moz-animation-timing-function: linear;
165 |       -ms-animation-timing-function: linear;
166 |           animation-timing-function: linear;
167 |   -webkit-animation-iteration-count: infinite;
168 |      -moz-animation-iteration-count: infinite;
169 |       -ms-animation-iteration-count: infinite;
170 |           animation-iteration-count: infinite;
171 | }
172 | 
173 | .am-weather-snow-3 {
174 |   -webkit-animation-name: am-weather-snow-reverse;
175 |      -moz-animation-name: am-weather-snow-reverse;
176 |       -ms-animation-name: am-weather-snow-reverse;
177 |           animation-name: am-weather-snow-reverse;
178 |   -webkit-animation-duration: 2s;
179 |      -moz-animation-duration: 2s;
180 |       -ms-animation-duration: 2s;
181 |           animation-duration: 2s;
182 |   -webkit-animation-timing-function: linear;
183 |      -moz-animation-timing-function: linear;
184 |       -ms-animation-timing-function: linear;
185 |           animation-timing-function: linear;
186 |   -webkit-animation-iteration-count: infinite;
187 |      -moz-animation-iteration-count: infinite;
188 |       -ms-animation-iteration-count: infinite;
189 |           animation-iteration-count: infinite;
190 | }
191 | 
192 |         ]]></style>
193 |     </defs>
194 |     <g filter="url(#blur)" id="snowy-6">
195 |         <g transform="translate(20,10)">
196 |             <g class="am-weather-cloud-2">
197 |                 <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)"/>
198 |             </g>
199 |             <g class="am-weather-snow-1">
200 |                 <g transform="translate(3,28)">
201 |                     <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" />
202 |                     <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" />
203 |                     <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" />
204 |                     <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" />
205 |                 </g>
206 |             </g>
207 |             <g class="am-weather-snow-2">
208 |                 <g transform="translate(11,28)">
209 |                     <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" />
210 |                     <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" />
211 |                     <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" />
212 |                     <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" />
213 |                 </g>
214 |             </g>
215 |             <g class="am-weather-snow-3">
216 |                 <g transform="translate(20,28)">
217 |                     <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" />
218 |                     <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" />
219 |                     <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" />
220 |                     <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" />
221 |                 </g>
222 |             </g>
223 |         </g>
224 |     </g>
225 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/CLEAR_DAY.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32" height="32" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* SUN */
 15 | @keyframes am-weather-sun {
 16 | 	0% {
 17 | 		-webkit-transform: rotate(0deg);
 18 | 		-moz-transform: rotate(0deg);
 19 | 		-ms-transform: rotate(0deg);
 20 | 		transform: rotate(0deg);
 21 | 	}
 22 | 	50% {
 23 | 		-webkit-transform: rotate(360deg);
 24 | 		-moz-transform: rotate(360deg);
 25 | 		-ms-transform: rotate(360deg);
 26 | 		transform: rotate(360deg);
 27 | 	}
 28 | 	100% {
 29 | 		-webkit-transform: rotate(360deg);
 30 | 		-moz-transform: rotate(360deg);
 31 | 		-ms-transform: rotate(360deg);
 32 | 		transform: rotate(360deg);
 33 | 	}
 34 | }
 35 | .am-weather-sun {
 36 | 	-webkit-animation-name: am-weather-sun;
 37 | 	-moz-animation-name: am-weather-sun;
 38 | 	-ms-animation-name: am-weather-sun;
 39 | 	animation-name: am-weather-sun;
 40 | 	-webkit-animation-duration: 20s;
 41 | 	-moz-animation-duration: 20s;
 42 | 	-ms-animation-duration: 20s;
 43 | 	animation-duration: 20s;
 44 | 	-webkit-animation-timing-function: linear;
 45 | 	-moz-animation-timing-function: linear;
 46 | 	-ms-animation-timing-function: linear;
 47 | 	animation-timing-function: linear;
 48 | 	-webkit-animation-iteration-count: infinite;
 49 | 	-moz-animation-iteration-count: infinite;
 50 | 	-ms-animation-iteration-count: infinite;
 51 | 	animation-iteration-count: infinite;
 52 | }
 53 | @keyframes am-weather-sun-shiny {
 54 | 	0% {
 55 | 		stroke-dasharray: 2px 10px;
 56 | 		stroke-dashoffset: 0px;
 57 | 	}
 58 | 	10% {
 59 | 		stroke-dasharray: 0.1px 10px;
 60 | 		stroke-dashoffset: -1px;
 61 | 	}
 62 | 	20% {
 63 | 		stroke-dasharray: 2px 10px;
 64 | 		stroke-dashoffset: 0px;
 65 | 	}
 66 | 	30% {
 67 | 		stroke-dasharray: 0.1px 10px;
 68 | 		stroke-dashoffset: -1px;
 69 | 	}
 70 | 	40% {
 71 | 		stroke-dasharray: 2px 10px;
 72 | 		stroke-dashoffset: 0px;
 73 | 	}
 74 | 	50% {
 75 | 		stroke-dasharray: 0.1px 10px;
 76 | 		stroke-dashoffset: -1px;
 77 | 	}
 78 | 	60% {
 79 | 		stroke-dasharray: 2px 10px;
 80 | 		stroke-dashoffset: 0px;
 81 | 	}
 82 | 	70% {
 83 | 		stroke-dasharray: 0.1px 10px;
 84 | 		stroke-dashoffset: -1px;
 85 | 	}
 86 | 	80% {
 87 | 		stroke-dasharray: 2px 10px;
 88 | 		stroke-dashoffset: 0px;
 89 | 	}
 90 | 	90% {
 91 | 		stroke-dasharray: 0.1px 10px;
 92 | 		stroke-dashoffset: -1px;
 93 | 	}
 94 | 	100% {
 95 | 		stroke-dasharray: 2px 10px;
 96 | 		stroke-dashoffset: 0px;
 97 | 	}
 98 | }
 99 | .am-weather-sun-shiny line {
100 | 	-webkit-animation-name: am-weather-sun-shiny;
101 | 	-moz-animation-name: am-weather-sun-shiny;
102 | 	-ms-animation-name: am-weather-sun-shiny;
103 | 	animation-name: am-weather-sun-shiny;
104 | 	-webkit-animation-duration: 20s;
105 | 	-moz-animation-duration: 20s;
106 | 	-ms-animation-duration: 20s;
107 | 	animation-duration: 20s;
108 | 	-webkit-animation-timing-function: linear;
109 | 	-moz-animation-timing-function: linear;
110 | 	-ms-animation-timing-function: linear;
111 | 	animation-timing-function: linear;
112 | 	-webkit-animation-iteration-count: infinite;
113 | 	-moz-animation-iteration-count: infinite;
114 | 	-ms-animation-iteration-count: infinite;
115 | 	animation-iteration-count: infinite;
116 | }
117 | 
118 | /* EASING */
119 | .am-weather-easing-ease-in-out {
120 | 	-webkit-animation-timing-function: ease-in-out;
121 | 	-moz-animation-timing-function: ease-in-out;
122 | 	-ms-animation-timing-function: ease-in-out;
123 | 	animation-timing-function: ease-in-out;
124 | }]]></style>
125 | 	</defs>
126 | 	<g filter="url(#blur)" id="day">
127 | 		<g transform="translate(17,15)">
128 | 			<g class="am-weather-sun am-weather-sun-shiny am-weather-easing-ease-in-out">
129 | 				<g>
130 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
131 | 				</g>
132 | 				<g transform="rotate(45)">
133 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
134 | 				</g>
135 | 				<g transform="rotate(90)">
136 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
137 | 				</g>
138 | 				<g transform="rotate(135)">
139 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
140 | 				</g>
141 | 				<g transform="rotate(180)">
142 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
143 | 				</g>
144 | 				<g transform="rotate(225)">
145 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
146 | 				</g>
147 | 				<g transform="rotate(270)">
148 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
149 | 				</g>
150 | 				<g transform="rotate(315)">
151 | 					<line fill="none" stroke="#FDDB4E" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
152 | 				</g>
153 | 			</g>
154 | 			<circle cx="0" cy="0" fill="#FDDB4E" r="5" stroke="#FDDB4E" stroke-width="2"/>
155 | 		</g>
156 | 	</g>
157 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/CLEAR_NIGHT.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="33" height="33" viewbox="0 0 17 17" style="padding: 0.3rem;">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | 
 15 | 
 16 | 
 17 | 
 18 | /* MOON */
 19 | @keyframes am-weather-star-1 {
 20 | 	0% {
 21 | 		opacity: 1;
 22 | 	}
 23 | 	2% {
 24 | 		opacity: 0.5;
 25 | 	}
 26 | 	5% {
 27 | 		opacity: 1;
 28 | 	}
 29 | 	35% {
 30 | 		opacity: 1;
 31 | 	}
 32 | 	37% {
 33 | 		opacity: 0.2;
 34 | 	}
 35 | 	40% {
 36 | 		opacity: 1;
 37 | 	}
 38 | }
 39 | .am-weather-star-1 {
 40 | 	-webkit-animation-name: am-weather-star-1;
 41 | 	-moz-animation-name: am-weather-star-1;
 42 | 	-ms-animation-name: am-weather-star-1;
 43 | 	animation-name: am-weather-star-1;
 44 | 	-webkit-animation-duration: 18s;
 45 | 	-moz-animation-duration: 18s;
 46 | 	-ms-animation-duration: 18s;
 47 | 	animation-duration: 18s;
 48 | 	-webkit-animation-timing-function: linear;
 49 | 	-moz-animation-timing-function: linear;
 50 | 	-ms-animation-timing-function: linear;
 51 | 	animation-timing-function: linear;
 52 | 	-webkit-animation-iteration-count: infinite;
 53 | 	-moz-animation-iteration-count: infinite;
 54 | 	-ms-animation-iteration-count: infinite;
 55 | 	animation-iteration-count: infinite;
 56 | 	-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
 57 | 	-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
 58 | 	-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
 59 | 	transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
 60 | }
 61 | @keyframes am-weather-star-2 {
 62 | 	5% {
 63 | 		opacity: 1;
 64 | 	}
 65 | 	7% {
 66 | 		opacity: 0.5;
 67 | 	}
 68 | 	10% {
 69 | 		opacity: 1;
 70 | 	}
 71 | 	45% {
 72 | 		opacity: 1;
 73 | 	}
 74 | 	47% {
 75 | 		opacity: 0.2;
 76 | 	}
 77 | 	50% {
 78 | 		opacity: 1;
 79 | 	}
 80 | }
 81 | .am-weather-star-2 {
 82 | 	-webkit-animation-name: am-weather-star-2;
 83 | 	-moz-animation-name: am-weather-star-2;
 84 | 	-ms-animation-name: am-weather-star-2;
 85 | 	animation-name: am-weather-star-2;
 86 | 	-webkit-animation-duration: 18s;
 87 | 	-moz-animation-duration: 18s;
 88 | 	-ms-animation-duration: 18s;
 89 | 	animation-duration: 18s;
 90 | 	-webkit-animation-timing-function: linear;
 91 | 	-moz-animation-timing-function: linear;
 92 | 	-ms-animation-timing-function: linear;
 93 | 	animation-timing-function: linear;
 94 | 	-webkit-animation-iteration-count: infinite;
 95 | 	-moz-animation-iteration-count: infinite;
 96 | 	-ms-animation-iteration-count: infinite;
 97 | 	animation-iteration-count: infinite;
 98 | 	-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
 99 | 	-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
100 | 	-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
101 | 	transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
102 | }
103 | 
104 | /* MOON */
105 | @keyframes am-weather-moon {
106 | 	0% {
107 | 		-webkit-transform: rotate(0deg);
108 | 		-moz-transform: rotate(0deg);
109 | 		-ms-transform: rotate(0deg);
110 | 		transform: rotate(0deg);
111 | 	}
112 | 	25% {
113 | 		-webkit-transform: rotate(25deg);
114 | 		-moz-transform: rotate(25deg);
115 | 		-ms-transform: rotate(25deg);
116 | 		transform: rotate(25deg);
117 | 	}
118 | 	50% {
119 | 		-webkit-transform: rotate(0deg);
120 | 		-moz-transform: rotate(0deg);
121 | 		-ms-transform: rotate(0deg);
122 | 		transform: rotate(0deg);
123 | 	}
124 | }
125 | .am-weather-moon {
126 | 	-webkit-animation-name: am-weather-moon;
127 | 	-moz-animation-name: am-weather-moon;
128 | 	-ms-animation-name: am-weather-moon;
129 | 	animation-name: am-weather-moon;
130 | 	-webkit-animation-duration: 18s;
131 | 	-moz-animation-duration: 18s;
132 | 	-ms-animation-duration: 18s;
133 | 	animation-duration: 18s;
134 | 	-webkit-animation-timing-function: linear;
135 | 	-moz-animation-timing-function: linear;
136 | 	-ms-animation-timing-function: linear;
137 | 	animation-timing-function: linear;
138 | 	-webkit-animation-iteration-count: infinite;
139 | 	-moz-animation-iteration-count: infinite;
140 | 	-ms-animation-iteration-count: infinite;
141 | 	animation-iteration-count: infinite;
142 | 	-webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
143 | 	-moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
144 | 	-ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
145 | 	transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
146 | }
147 | 
148 | /* EASING */
149 | .am-weather-easing-ease-in-out {
150 | 	-webkit-animation-timing-function: ease-in-out;
151 | 	-moz-animation-timing-function: ease-in-out;
152 | 	-ms-animation-timing-function: ease-in-out;
153 | 	animation-timing-function: ease-in-out;
154 | }]]></style>
155 | 	</defs>
156 | 	<g filter="url(#blur)" id="night">
157 | 		<g transform="translate(0,0)">
158 | 			<g class="am-weather-star-2">
159 | 				<polygon fill="#F9E491" 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"/>
160 | 			</g>
161 | 			<g class="am-weather-star-1">
162 | 				<polygon fill="#F9E491" 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)"/>
163 | 			</g>
164 | 			<g class="am-weather-moon">
165 | 				<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="#F9E491" stroke="#F9E491" stroke-linejoin="round" stroke-width="2"/>
166 | 			</g>
167 | 		</g>
168 | 	</g>
169 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/CLOUDY.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="37" height="37" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* CLOUDS */
 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 | 	10% {
 23 | 		-webkit-transform: translate(8px,0px);
 24 | 		-moz-transform: translate(8px,0px);
 25 | 		-ms-transform: translate(8px,0px);
 26 | 		transform: translate(8px,0px);
 27 | 	}
 28 | 	12% {
 29 | 		-webkit-transform: translate(10px,0px);
 30 | 		-moz-transform: translate(10px,0px);
 31 | 		-ms-transform: translate(10px,0px);
 32 | 		transform: translate(10px,0px);
 33 | 	}
 34 | 	22% {
 35 | 		-webkit-transform: translate(-3px,0px);
 36 | 		-moz-transform: translate(-3px,0px);
 37 | 		-ms-transform: translate(-3px,0px);
 38 | 		transform: translate(-3px,0px);
 39 | 	}
 40 | 	24% {
 41 | 		-webkit-transform: translate(-5px,0px);
 42 | 		-moz-transform: translate(-5px,0px);
 43 | 		-ms-transform: translate(-5px,0px);
 44 | 		transform: translate(-5px,0px);
 45 | 	}
 46 | 	100% {
 47 | 		-webkit-transform: translate(-5px,0px);
 48 | 		-moz-transform: translate(-5px,0px);
 49 | 		-ms-transform: translate(-5px,0px);
 50 | 		transform: translate(-5px,0px);
 51 | 	}
 52 | }
 53 | .am-weather-cloud-1 {
 54 | 	-webkit-animation-name: am-weather-cloud-1;
 55 | 	-moz-animation-name: am-weather-cloud-1;
 56 | 	animation-name: am-weather-cloud-1;
 57 | 	-webkit-animation-duration: 21s;
 58 | 	-moz-animation-duration: 21s;
 59 | 	animation-duration: 21s;
 60 | 	-webkit-animation-timing-function: linear;
 61 | 	-moz-animation-timing-function: linear;
 62 | 	animation-timing-function: linear;
 63 | 	-webkit-animation-iteration-count: infinite;
 64 | 	-moz-animation-iteration-count: infinite;
 65 | 	animation-iteration-count: infinite;
 66 | }
 67 | @keyframes am-weather-cloud-2 {
 68 | 	0% {
 69 | 		-webkit-transform: translate(0px,0px);
 70 | 		-moz-transform: translate(0px,0px);
 71 | 		-ms-transform: translate(0px,0px);
 72 | 		transform: translate(0px,0px);
 73 | 	}
 74 | 	50% {
 75 | 		-webkit-transform: translate(3px,0px);
 76 | 		-moz-transform: translate(3px,0px);
 77 | 		-ms-transform: translate(3px,0px);
 78 | 		transform: translate(3px,0px);
 79 | 	}
 80 | 	100% {
 81 | 		-webkit-transform: translate(0px,0px);
 82 | 		-moz-transform: translate(0px,0px);
 83 | 		-ms-transform: translate(0px,0px);
 84 | 		transform: translate(0px,0px);
 85 | 	}
 86 | 
 87 | }
 88 | .am-weather-cloud-2 {
 89 | 	-webkit-animation-name: am-weather-cloud-2;
 90 | 	-moz-animation-name: am-weather-cloud-2;
 91 | 	animation-name: am-weather-cloud-2;
 92 | 	-webkit-animation-duration: 8s;
 93 | 	-moz-animation-duration: 8s;
 94 | 	animation-duration: 8s;
 95 | 	-webkit-animation-timing-function: linear;
 96 | 	-moz-animation-timing-function: linear;
 97 | 	animation-timing-function: linear;
 98 | 	-webkit-animation-iteration-count: infinite;
 99 | 	-moz-animation-iteration-count: infinite;
100 | 	animation-iteration-count: infinite;
101 | }
102 | /* EASING */
103 | .am-weather-easing-ease-in-out {
104 | 	-webkit-animation-timing-function: ease-in-out;
105 | 	-moz-animation-timing-function: ease-in-out;
106 | 	-ms-animation-timing-function: ease-in-out;
107 | 	animation-timing-function: ease-in-out;
108 | }]]></style>
109 | 	</defs>
110 | 	<g filter="url(#blur)" id="cloudy">
111 | 		<g transform="translate(6,0)">
112 | 			<g class="am-weather-cloud-1 am-weather-easing-ease-in-out">
113 | 				<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="#b7b7b7" transform="translate(-10,-11), scale(0.6)"/>
114 | 			</g>
115 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
116 | 				<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="#d4d4d4" transform="translate(-20,-13)"/>
117 | 			</g>
118 | 		</g>
119 | 	</g>
120 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/FOG.svg:
--------------------------------------------------------------------------------
  1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" viewbox="0 0 17 17">
  2 | 	<style><![CDATA[
  3 | 	#fog_1 {
  4 | 		-webkit-animation-name: fog_1_animation;
  5 | 		-moz-animation-name: fog_1_animation;
  6 | 		-ms-animation-name: fog_1_animation;
  7 | 		animation-name: fog_1_animation;
  8 | 		-webkit-animation-duration: 15s;
  9 | 		-moz-animation-duration: 15s;
 10 | 		-ms-animation-duration: 15s;
 11 | 		animation-duration: 15s;
 12 | 		-webkit-animation-timing-function: linear;
 13 | 		-moz-animation-timing-function: linear;
 14 | 		-ms-animation-timing-function: linear;
 15 | 		animation-timing-function: linear;
 16 | 		-webkit-animation-iteration-count: infinite;
 17 | 		-moz-animation-iteration-count: infinite;
 18 | 		-ms-animation-iteration-count: infinite;
 19 | 		animation-iteration-count: infinite;
 20 | 	}
 21 | 	@keyframes fog_1_animation {
 22 | 		0% {
 23 | 			transform: translate(4px,4px)
 24 | 		}
 25 | 		6% {
 26 | 			transform: translate(7px,4px)
 27 | 		}
 28 | 		12% {
 29 | 			transform: translate(4px,4px)
 30 | 		}
 31 | 		18% {
 32 | 			transform: translate(1px,4px)
 33 | 		}
 34 | 		24% {
 35 | 			transform: translate(4px,4px)
 36 | 		}
 37 | 		100% {
 38 | 			transform: translate(4px,4px)
 39 | 		}
 40 | 	}
 41 | 	#fog_2 {
 42 | 		-webkit-animation-name: fog_2_animation;
 43 | 		-moz-animation-name: fog_2_animation;
 44 | 		-ms-animation-name: fog_2_animation;
 45 | 		animation-name: fog_2_animation;
 46 | 		-webkit-animation-duration: 15s;
 47 | 		-moz-animation-duration: 15s;
 48 | 		-ms-animation-duration: 15s;
 49 | 		animation-duration: 15s;
 50 | 		-webkit-animation-timing-function: linear;
 51 | 		-moz-animation-timing-function: linear;
 52 | 		-ms-animation-timing-function: linear;
 53 | 		animation-timing-function: linear;
 54 | 		-webkit-animation-iteration-count: infinite;
 55 | 		-moz-animation-iteration-count: infinite;
 56 | 		-ms-animation-iteration-count: infinite;
 57 | 		animation-iteration-count: infinite;
 58 | 	}
 59 | 	@keyframes fog_2_animation {
 60 | 		0% {
 61 | 			transform: translate(4px,7px)
 62 | 		}
 63 | 		6% {
 64 | 			transform: translate(4px,7px)
 65 | 		}
 66 | 		12% {
 67 | 			transform: translate(7px,7px)
 68 | 		}
 69 | 		18% {
 70 | 			transform: translate(4px,7px)
 71 | 		}
 72 | 		24% {
 73 | 			transform: translate(1px,7px)
 74 | 		}
 75 | 		30% {
 76 | 			transform: translate(4px,7px)
 77 | 		}
 78 | 		100% {
 79 | 			transform: translate(4px,7px)
 80 | 		}
 81 | 	}
 82 | 	#cloud {
 83 | 		-webkit-animation-name: cloud_animation;
 84 | 		-moz-animation-name: cloud_animation;
 85 | 		-ms-animation-name: cloud_animation;
 86 | 		animation-name: cloud_animation;
 87 | 		-webkit-animation-duration: 8s;
 88 | 		-moz-animation-duration: 8s;
 89 | 		-ms-animation-duration: 8s;
 90 | 		animation-duration: 8s;
 91 | 		-webkit-animation-timing-function: linear;
 92 | 		-moz-animation-timing-function: linear;
 93 | 		-ms-animation-timing-function: linear;
 94 | 		animation-timing-function: linear;
 95 | 		-webkit-animation-iteration-count: infinite;
 96 | 		-moz-animation-iteration-count: infinite;
 97 | 		-ms-animation-iteration-count: infinite;
 98 | 		animation-iteration-count: infinite;
 99 | 	}
100 | 	@keyframes cloud_animation {
101 | 		0% {
102 | 			transform: translate(-12px,-18px)
103 | 		}
104 | 		50% {
105 | 			transform: translate(-9px,-18px)
106 | 		}
107 | 		100% {
108 | 			transform: translate(-12px,-18px)
109 | 		}
110 | 	}
111 | 	
112 | ]]></style>
113 | 	<g>
114 | 		<g id="cloud" transform="translate(-12,-18)">
115 | 			<g>
116 | 				<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="#d4d4d4"/>
117 | 			</g>
118 | 		</g>
119 | 		<g id="fog_1">
120 | 			<path d="m24.58,25.47 l-17.07,0 c-0.36,0 -0.65,0.45 -0.65,1.04 c0,0.56 0.29,1.02 0.65,1.02 l17.07,0 c0.36,0 0.65,-0.45 0.65,-1.02 c0,-0.58 -0.29,-1.04 -0.65,-1.04z" fill="#d4d4d4" transform="translate(0,-1)" />
121 | 		</g>
122 | 		<g id="fog_2" transform="translate(4,7)">
123 | 			<path d="m24.58,25.47 l-17.07,0 c-0.36,0 -0.65,0.45 -0.65,1.04 c0,0.56 0.29,1.02 0.65,1.02 l17.07,0 c0.36,0 0.65,-0.45 0.65,-1.02 c0,-0.58 -0.29,-1.04 -0.65,-1.04z" fill="#b7b7b7" />
124 | 		</g>
125 | 	</g>
126 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/HEAVY_HAZE.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="37" height="37" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* CLOUDS */
 15 | @keyframes am-weather-cloud-1 {
 16 | 	0% {
 17 | 		-webkit-transform: translate(-2px,0px);
 18 | 		-moz-transform: translate(-2px,0px);
 19 | 		-ms-transform: translate(-2px,0px);
 20 | 		transform: translate(-2px,0px);
 21 | 	}
 22 | 	25% {
 23 | 		-webkit-transform: translate(8px,0px);
 24 | 		-moz-transform: translate(8px,0px);
 25 | 		-ms-transform: translate(8px,0px);
 26 | 		transform: translate(8px,0px);
 27 | 	}
 28 | 	50% {
 29 | 		-webkit-transform: translate(-2px,0px);
 30 | 		-moz-transform: translate(-2px,0px);
 31 | 		-ms-transform: translate(-2px,0px);
 32 | 		transform: translate(-2px,0px);
 33 | 	}
 34 | 	100% {
 35 | 		-webkit-transform: translate(-2px,0px);
 36 | 		-moz-transform: translate(-2px,0px);
 37 | 		-ms-transform: translate(-2px,0px);
 38 | 		transform: translate(-2px,0px);
 39 | 	}
 40 | }
 41 | .am-weather-cloud-1 {
 42 | 	-webkit-animation-name: am-weather-cloud-1;
 43 | 	-moz-animation-name: am-weather-cloud-1;
 44 | 	animation-name: am-weather-cloud-1;
 45 | 	-webkit-animation-duration: 10s;
 46 | 	-moz-animation-duration: 10s;
 47 | 	animation-duration: 10s;
 48 | 	-webkit-animation-timing-function: linear;
 49 | 	-moz-animation-timing-function: linear;
 50 | 	animation-timing-function: linear;
 51 | 	-webkit-animation-iteration-count: infinite;
 52 | 	-moz-animation-iteration-count: infinite;
 53 | 	animation-iteration-count: infinite;
 54 | }
 55 | @keyframes am-weather-cloud-2 {
 56 | 	0% {
 57 | 		-webkit-transform: translate(8px,0px);
 58 | 		-moz-transform: translate(8px,0px);
 59 | 		-ms-transform: translate(8px,0px);
 60 | 		transform: translate(8px,0px);
 61 | 	}
 62 | 	12% {
 63 | 		-webkit-transform: translate(-2px,0px);
 64 | 		-moz-transform: translate(-2px,0px);
 65 | 		-ms-transform: translate(-2px,0px);
 66 | 		transform: translate(-2px,0px);
 67 | 	}
 68 | 	50% {
 69 | 		-webkit-transform: translate(8px,0px);
 70 | 		-moz-transform: translate(8px,0px);
 71 | 		-ms-transform: translate(8px,0px);
 72 | 		transform: translate(8px,0px);
 73 | 	}
 74 | 	100% {
 75 | 		-webkit-transform: translate(8px,0px);
 76 | 		-moz-transform: translate(8px,0px);
 77 | 		-ms-transform: translate(8px,0px);
 78 | 		transform: translate(8px,0px);
 79 | 	}
 80 | }
 81 | .am-weather-cloud-2 {
 82 | 	-webkit-animation-name: am-weather-cloud-2;
 83 | 	-moz-animation-name: am-weather-cloud-2;
 84 | 	animation-name: am-weather-cloud-2;
 85 | 	-webkit-animation-duration: 10s;
 86 | 	-moz-animation-duration: 10s;
 87 | 	animation-duration: 10s;
 88 | 	-webkit-animation-timing-function: linear;
 89 | 	-moz-animation-timing-function: linear;
 90 | 	animation-timing-function: linear;
 91 | 	-webkit-animation-iteration-count: infinite;
 92 | 	-moz-animation-iteration-count: infinite;
 93 | 	animation-iteration-count: infinite;
 94 | }
 95 | 
 96 | 
 97 | @keyframes am-weather-cloud-3 {
 98 | 	0% {
 99 | 		-webkit-transform: translate(0px,0px);
100 | 		-moz-transform: translate(0px,0px);
101 | 		-ms-transform: translate(0px,0px);
102 | 		transform: translate(0px,0px);
103 | 	}
104 | 	25% {
105 | 		-webkit-transform: translate(2px,0px);
106 | 		-moz-transform: translate(2px,0px);
107 | 		-ms-transform: translate(2px,0px);
108 | 		transform: translate(2px,0px);
109 | 	}
110 | 	50% {
111 | 		-webkit-transform: translate(0px,0px);
112 | 		-moz-transform: translate(0px,0px);
113 | 		-ms-transform: translate(0px,0px);
114 | 		transform: translate(0px,0px);
115 | 	}
116 | 
117 | }
118 | .am-weather-cloud-3 {
119 | 	-webkit-animation-name: am-weather-cloud-3;
120 | 	-moz-animation-name: am-weather-cloud-3;
121 | 	animation-name: am-weather-cloud-3;
122 | 	-webkit-animation-duration: 10s;
123 | 	-moz-animation-duration: 10s;
124 | 	animation-duration: 10s;
125 | 	-webkit-animation-timing-function: linear;
126 | 	-moz-animation-timing-function: linear;
127 | 	animation-timing-function: linear;
128 | 	-webkit-animation-iteration-count: infinite;
129 | 	-moz-animation-iteration-count: infinite;
130 | 	animation-iteration-count: infinite;
131 | }
132 | /* EASING */
133 | .am-weather-easing-ease-in-out {
134 | 	-webkit-animation-timing-function: ease-in-out;
135 | 	-moz-animation-timing-function: ease-in-out;
136 | 	-ms-animation-timing-function: ease-in-out;
137 | 	animation-timing-function: ease-in-out;
138 | }]]></style>
139 | 	</defs>
140 | 	<g filter="url(#blur)" id="cloudy">
141 | 		<g transform="translate(6,0)">
142 | 			<g class="am-weather-cloud-1 am-weather-easing-ease-in-out"> 
143 | 				<path d="M41.35,22.94c-2.77,0.74-11.07,2.12-16.23-0.37c-8.44-4.08-17.44-0.21-17.82-0.05
144 | 		c-1.51,0.67-2.2,2.43-1.54,3.94c0.66,1.52,2.43,2.21,3.94,1.56c0.07-0.03,6.89-2.91,12.8-0.05c3.19,1.54,6.91,2.02,10.3,2.02
145 | 		c5.31,0,9.8-1.18,10.1-1.26c1.6-0.43,2.55-2.08,2.12-3.68C44.6,23.46,42.95,22.51,41.35,22.94z" fill="#b7b7b7" transform="translate(0,24), scale(0.37)"/>
146 | 			</g>
147 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out"> 
148 | 				<path d="M47.76,14.87c-0.65-1.52-2.41-2.24-3.93-1.59c-0.09,0.04-9.6,3.91-16.38,0.63
149 | 		c-9.12-4.41-23.65-0.36-24.27-0.19c-1.59,0.45-2.52,2.11-2.06,3.7c0.45,1.59,2.11,2.52,3.7,2.07c3.58-1.01,14.15-3.02,20.01-0.19
150 | 		c2.95,1.43,6.13,1.92,9.11,1.92c6.41,0,11.9-2.29,12.23-2.43C47.7,18.15,48.41,16.39,47.76,14.87z" fill="#d4d4d4" transform="translate(0,23), scale(0.37)"/>
151 | 			</g>
152 | 			<g class="am-weather-cloud-3 am-weather-easing-ease-in-out">
153 | 				<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="#d4d4d4" transform="translate(-20,-18)"/>
154 | 			</g>
155 | 		</g>
156 | 	</g>
157 | </svg> 


--------------------------------------------------------------------------------
/dist/icons/animated1/HEAVY_RAIN.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" viewbox="0 0 17 17" style="&#10;">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* RAIN */
 15 | @keyframes am-weather-rain {
 16 | 	0% {
 17 | 		stroke-dashoffset: 0;
 18 | 	}
 19 | 	100% {
 20 | 		stroke-dashoffset: -100;
 21 | 	}
 22 | }
 23 | .am-weather-rain-1 {
 24 | 	-webkit-animation-name: am-weather-rain;
 25 | 	-moz-animation-name: am-weather-rain;
 26 | 	-ms-animation-name: am-weather-rain;
 27 | 	animation-name: am-weather-rain;
 28 | 	-webkit-animation-duration: 8s;
 29 | 	-moz-animation-duration: 8s;
 30 | 	-ms-animation-duration: 8s;
 31 | 	animation-duration: 8s;
 32 | 	-webkit-animation-timing-function: linear;
 33 | 	-moz-animation-timing-function: linear;
 34 | 	-ms-animation-timing-function: linear;
 35 | 	animation-timing-function: linear;
 36 | 	-webkit-animation-iteration-count: infinite;
 37 | 	-moz-animation-iteration-count: infinite;
 38 | 	-ms-animation-iteration-count: infinite;
 39 | 	animation-iteration-count: infinite;
 40 | }
 41 | .am-weather-rain-2 {
 42 | 	-webkit-animation-name: am-weather-rain;
 43 | 	-moz-animation-name: am-weather-rain;
 44 | 	-ms-animation-name: am-weather-rain;
 45 | 	animation-name: am-weather-rain;
 46 | 	-webkit-animation-delay: 0.25s;
 47 | 	-moz-animation-delay: 0.25s;
 48 | 	-ms-animation-delay: 0.25s;
 49 | 	animation-delay: 0.25s;
 50 | 	-webkit-animation-duration: 8s;
 51 | 	-moz-animation-duration: 8s;
 52 | 	-ms-animation-duration: 8s;
 53 | 	animation-duration: 8s;
 54 | 	-webkit-animation-timing-function: linear;
 55 | 	-moz-animation-timing-function: linear;
 56 | 	-ms-animation-timing-function: linear;
 57 | 	animation-timing-function: linear;
 58 | 	-webkit-animation-iteration-count: infinite;
 59 | 	-moz-animation-iteration-count: infinite;
 60 | 	-ms-animation-iteration-count: infinite;
 61 | 	animation-iteration-count: infinite;
 62 | }
 63 | @keyframes am-weather-cloud-2 {
 64 | 	0% {
 65 | 		-webkit-transform: translate(-2px,0px);
 66 | 		-moz-transform: translate(-2px,0px);
 67 | 		-ms-transform: translate(-2px,0px);
 68 | 		transform: translate(-2px,0px);
 69 | 	}
 70 | 	50% {
 71 | 		-webkit-transform: translate(1px,0px);
 72 | 		-moz-transform: translate(1px,0px);
 73 | 		-ms-transform: translate(1px,0px);
 74 | 		transform: translate(1px,0px);
 75 | 	}
 76 | 	100% {
 77 | 		-webkit-transform: translate(-2px,0px);
 78 | 		-moz-transform: translate(-2px,0px);
 79 | 		-ms-transform: translate(-2px,0px);
 80 | 		transform: translate(-2px,0px);
 81 | 	}
 82 | 
 83 | }
 84 | .am-weather-cloud-2 {
 85 | 	-webkit-animation-name: am-weather-cloud-2;
 86 | 	-moz-animation-name: am-weather-cloud-2;
 87 | 	animation-name: am-weather-cloud-2;
 88 | 	-webkit-animation-duration: 8s;
 89 | 	-moz-animation-duration: 8s;
 90 | 	animation-duration: 8s;
 91 | 	-webkit-animation-timing-function: linear;
 92 | 	-moz-animation-timing-function: linear;
 93 | 	animation-timing-function: linear;
 94 | 	-webkit-animation-iteration-count: infinite;
 95 | 	-moz-animation-iteration-count: infinite;
 96 | 	animation-iteration-count: infinite;
 97 | }
 98 | /* EASING */
 99 | .am-weather-easing-ease-in-out {
100 | 	-webkit-animation-timing-function: ease-in-out;
101 | 	-moz-animation-timing-function: ease-in-out;
102 | 	-ms-animation-timing-function: ease-in-out;
103 | 	animation-timing-function: ease-in-out;
104 | }]]></style>
105 | 	</defs>
106 | 	<g filter="url(#blur)" id="rainy-6">
107 | 		<g transform="translate(8,-8)">
108 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
109 | 				<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="#d4d4d4" transform="translate(-20,-11)"/>
110 | 			</g>
111 | 		</g>
112 | 		<g transform="translate(19,28), rotate(10)">
113 | 			<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"/>
114 | 			<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"/>
115 | 			<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"/>
116 | 		</g>
117 | 	</g>
118 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/HEAVY_SNOW.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="40"
 12 |    height="40"
 13 |    viewbox="0 0 17 17"
 14 |    id="svg2481"
 15 |    sodipodi:docname="HEAVY_SNOW.svg"
 16 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 17 |   <metadata
 18 |      id="metadata2485">
 19 |     <rdf:RDF>
 20 |       <cc:Work
 21 |          rdf:about="">
 22 |         <dc:format>image/svg+xml</dc:format>
 23 |         <dc:type
 24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 25 |         <dc:title></dc:title>
 26 |       </cc:Work>
 27 |     </rdf:RDF>
 28 |   </metadata>
 29 |   <sodipodi:namedview
 30 |      pagecolor="#ffffff"
 31 |      bordercolor="#666666"
 32 |      borderopacity="1"
 33 |      objecttolerance="10"
 34 |      gridtolerance="10"
 35 |      guidetolerance="10"
 36 |      inkscape:pageopacity="0"
 37 |      inkscape:pageshadow="2"
 38 |      inkscape:window-width="1920"
 39 |      inkscape:window-height="1137"
 40 |      id="namedview2483"
 41 |      showgrid="false"
 42 |      inkscape:zoom="24.225"
 43 |      inkscape:cx="20"
 44 |      inkscape:cy="20"
 45 |      inkscape:window-x="-8"
 46 |      inkscape:window-y="-8"
 47 |      inkscape:window-maximized="1"
 48 |      inkscape:current-layer="g2478" />
 49 |   <defs
 50 |      id="defs2436">
 51 |     <filter
 52 |        id="blur"
 53 |        width="200%"
 54 |        height="200%">
 55 |       <feComponentTransfer
 56 |          id="feComponentTransfer2425">
 57 |         <feFuncA
 58 |            type="linear"
 59 |            slope="0.05"
 60 |            id="feFuncA2423" />
 61 |       </feComponentTransfer>
 62 |       <feMerge
 63 |          id="feMerge2431">
 64 |         <feMergeNode
 65 |            id="feMergeNode2427" />
 66 |         <feMergeNode
 67 |            in="SourceGraphic"
 68 |            id="feMergeNode2429" />
 69 |       </feMerge>
 70 |     </filter>
 71 |     <style
 72 |        type="text/css"
 73 |        id="style2434"><![CDATA[
 74 | /* CLOUDS */
 75 | @keyframes am-weather-cloud-2 {
 76 | 	0% {
 77 | 		-webkit-transform: translate(-2px,0px);
 78 | 		-moz-transform: translate(-2px,0px);
 79 | 		-ms-transform: translate(-2px,0px);
 80 | 		transform: translate(-2px,0px);
 81 | 	}
 82 | 	50% {
 83 | 		-webkit-transform: translate(1px,0px);
 84 | 		-moz-transform: translate(1px,0px);
 85 | 		-ms-transform: translate(1px,0px);
 86 | 		transform: translate(1px,0px);
 87 | 	}
 88 | 	100% {
 89 | 		-webkit-transform: translate(-2px,0px);
 90 | 		-moz-transform: translate(-2px,0px);
 91 | 		-ms-transform: translate(-2px,0px);
 92 | 		transform: translate(-2px,0px);
 93 | 	}
 94 | 
 95 | }
 96 | .am-weather-cloud-2 {
 97 | 	-webkit-animation-name: am-weather-cloud-2;
 98 | 	-moz-animation-name: am-weather-cloud-2;
 99 | 	animation-name: am-weather-cloud-2;
100 | 	-webkit-animation-duration: 8s;
101 | 	-moz-animation-duration: 8s;
102 | 	animation-duration: 8s;
103 | 	-webkit-animation-timing-function: linear;
104 | 	-moz-animation-timing-function: linear;
105 | 	animation-timing-function: linear;
106 | 	-webkit-animation-iteration-count: infinite;
107 | 	-moz-animation-iteration-count: infinite;
108 | 	animation-iteration-count: infinite;
109 | }
110 | /* EASING */
111 | .am-weather-easing-ease-in-out {
112 | 	-webkit-animation-timing-function: ease-in-out;
113 | 	-moz-animation-timing-function: ease-in-out;
114 | 	-ms-animation-timing-function: ease-in-out;
115 | 	animation-timing-function: ease-in-out;
116 | }
117 | 
118 | /* SNOW */
119 | @keyframes am-weather-snow {
120 | 	0% {
121 | 		-webkit-transform: translateX(0) translateY(0);
122 | 		-moz-transform: translateX(0) translateY(0);
123 | 		-ms-transform: translateX(0) translateY(0);
124 | 		transform: translateX(0) translateY(0);
125 | 	}
126 | 	33.33% {
127 | 		-webkit-transform: translateX(-1.2px) translateY(2px);
128 | 		-moz-transform: translateX(-1.2px) translateY(2px);
129 | 		-ms-transform: translateX(-1.2px) translateY(2px);
130 | 		transform: translateX(-1.2px) translateY(2px);
131 | 	}
132 | 	66.66% {
133 | 		-webkit-transform: translateX(1.4px) translateY(4px);
134 | 		-moz-transform: translateX(1.4px) translateY(4px);
135 | 		-ms-transform: translateX(1.4px) translateY(4px);
136 | 		transform: translateX(1.4px) translateY(4px);
137 | 		opacity: 1;
138 | 	}
139 | 	100% {
140 | 		-webkit-transform: translateX(-1.6px) translateY(6px);
141 | 		-moz-transform: translateX(-1.6px) translateY(6px);
142 | 		-ms-transform: translateX(-1.6px) translateY(6px);
143 | 		transform: translateX(-1.6px) translateY(6px);
144 | 		opacity: 0;
145 | 	}
146 | }
147 | @keyframes am-weather-snow-reverse {
148 | 	0% {
149 | 		-webkit-transform: translateX(0) translateY(0);
150 | 		-moz-transform: translateX(0) translateY(0);
151 | 		-ms-transform: translateX(0) translateY(0);
152 | 		transform: translateX(0) translateY(0);
153 | 	}
154 | 	33.33% {
155 | 		-webkit-transform: translateX(1.2px) translateY(2px);
156 | 		-moz-transform: translateX(1.2px) translateY(2px);
157 | 		-ms-transform: translateX(1.2px) translateY(2px);
158 | 		transform: translateX(1.2px) translateY(2px);
159 | 	}
160 | 	66.66% {
161 | 		-webkit-transform: translateX(-1.4px) translateY(4px);
162 | 		-moz-transform: translateX(-1.4px) translateY(4px);
163 | 		-ms-transform: translateX(-1.4px) translateY(4px);
164 | 		transform: translateX(-1.4px) translateY(4px);
165 | 		opacity: 1;
166 | 	}
167 | 	100% {
168 | 		-webkit-transform: translateX(1.6px) translateY(6px);
169 | 		-moz-transform: translateX(1.6px) translateY(6px);
170 | 		-ms-transform: translateX(1.6px) translateY(6px);
171 | 		transform: translateX(1.6px) translateY(6px);
172 | 		opacity: 0;
173 | 	}
174 | }
175 | .am-weather-snow-1 {
176 | 	-webkit-animation-name: am-weather-snow;
177 | 	-moz-animation-name: am-weather-snow;
178 | 	-ms-animation-name: am-weather-snow;
179 | 	animation-name: am-weather-snow;
180 | 	-webkit-animation-duration: 2s;
181 | 	-moz-animation-duration: 2s;
182 | 	-ms-animation-duration: 2s;
183 | 	animation-duration: 2s;
184 | 	-webkit-animation-timing-function: linear;
185 | 	-moz-animation-timing-function: linear;
186 | 	-ms-animation-timing-function: linear;
187 | 	animation-timing-function: linear;
188 | 	-webkit-animation-iteration-count: infinite;
189 | 	-moz-animation-iteration-count: infinite;
190 | 	-ms-animation-iteration-count: infinite;
191 | 	animation-iteration-count: infinite;
192 | }
193 | .am-weather-snow-2 {
194 | 	-webkit-animation-name: am-weather-snow;
195 | 	-moz-animation-name: am-weather-snow;
196 | 	-ms-animation-name: am-weather-snow;
197 | 	animation-name: am-weather-snow;
198 | 	-webkit-animation-delay: 1.2s;
199 | 	-moz-animation-delay: 1.2s;
200 | 	-ms-animation-delay: 1.2s;
201 | 	animation-delay: 1.2s;
202 | 	-webkit-animation-duration: 2s;
203 | 	-moz-animation-duration: 2s;
204 | 	-ms-animation-duration: 2s;
205 | 	animation-duration: 2s;
206 | 	-webkit-animation-timing-function: linear;
207 | 	-moz-animation-timing-function: linear;
208 | 	-ms-animation-timing-function: linear;
209 | 	animation-timing-function: linear;
210 | 	-webkit-animation-iteration-count: infinite;
211 | 	-moz-animation-iteration-count: infinite;
212 | 	-ms-animation-iteration-count: infinite;
213 | 	animation-iteration-count: infinite;
214 | }
215 | .am-weather-snow-3 {
216 | 	-webkit-animation-name: am-weather-snow-reverse;
217 | 	-moz-animation-name: am-weather-snow-reverse;
218 | 	-ms-animation-name: am-weather-snow-reverse;
219 | 	animation-name: am-weather-snow-reverse;
220 | 	-webkit-animation-duration: 2s;
221 | 	-moz-animation-duration: 2s;
222 | 	-ms-animation-duration: 2s;
223 | 	animation-duration: 2s;
224 | 	-webkit-animation-timing-function: linear;
225 | 	-moz-animation-timing-function: linear;
226 | 	-ms-animation-timing-function: linear;
227 | 	animation-timing-function: linear;
228 | 	-webkit-animation-iteration-count: infinite;
229 | 	-moz-animation-iteration-count: infinite;
230 | 	-ms-animation-iteration-count: infinite;
231 | 	animation-iteration-count: infinite;
232 | }]]></style>
233 |   </defs>
234 |   <g
235 |      filter="url(#blur)"
236 |      id="snowy-6">
237 |     <g
238 |        transform="translate(7,-8)"
239 |        id="g2478">
240 |       <g
241 |          class="am-weather-cloud-2 am-weather-easing-ease-in-out"
242 |          id="g2440">
243 |         <path
244 |            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"
245 |            fill="#d4d4d4"
246 |            transform="translate(-20,-11)"
247 |            id="path2438" />
248 |       </g>
249 |       <g
250 |          class="am-weather-snow-2"
251 |          id="g2464"
252 |          transform="translate(-4)">
253 |         <g
254 |            transform="translate(11,28)"
255 |            id="g2462">
256 |           <line
257 |              fill="none"
258 |              stroke="#b4cde8"
259 |              stroke-linecap="round"
260 |              stroke-width="1.2"
261 |              transform="translate(0,9)"
262 |              x1="0"
263 |              x2="0"
264 |              y1="-2.5"
265 |              y2="2.5"
266 |              id="line2454" />
267 |           <line
268 |              fill="none"
269 |              stroke="#b4cde8"
270 |              stroke-linecap="round"
271 |              stroke-width="1"
272 |              transform="rotate(45,-10.863961,4.5)"
273 |              x1="0"
274 |              x2="0"
275 |              y1="-2.5"
276 |              y2="2.5"
277 |              id="line2456" />
278 |           <line
279 |              fill="none"
280 |              stroke="#b4cde8"
281 |              stroke-linecap="round"
282 |              stroke-width="1"
283 |              transform="rotate(90,-4.5,4.5)"
284 |              x1="0"
285 |              x2="0"
286 |              y1="-2.5"
287 |              y2="2.5"
288 |              id="line2458" />
289 |           <line
290 |              fill="none"
291 |              stroke="#b4cde8"
292 |              stroke-linecap="round"
293 |              stroke-width="1"
294 |              transform="rotate(135,-1.863961,4.5)"
295 |              x1="0"
296 |              x2="0"
297 |              y1="-2.5"
298 |              y2="2.5"
299 |              id="line2460" />
300 |         </g>
301 |       </g>
302 |       <g
303 |          class="am-weather-snow-3"
304 |          id="g2476"
305 |          transform="translate(-4)">
306 |         <g
307 |            transform="translate(20,28)"
308 |            id="g2474">
309 |           <line
310 |              fill="none"
311 |              stroke="#b4cde8"
312 |              stroke-linecap="round"
313 |              stroke-width="1.2"
314 |              transform="translate(0,9)"
315 |              x1="0"
316 |              x2="0"
317 |              y1="-2.5"
318 |              y2="2.5"
319 |              id="line2466" />
320 |           <line
321 |              fill="none"
322 |              stroke="#b4cde8"
323 |              stroke-linecap="round"
324 |              stroke-width="1"
325 |              transform="rotate(45,-10.863961,4.5)"
326 |              x1="0"
327 |              x2="0"
328 |              y1="-2.5"
329 |              y2="2.5"
330 |              id="line2468" />
331 |           <line
332 |              fill="none"
333 |              stroke="#b4cde8"
334 |              stroke-linecap="round"
335 |              stroke-width="1"
336 |              transform="rotate(90,-4.5,4.5)"
337 |              x1="0"
338 |              x2="0"
339 |              y1="-2.5"
340 |              y2="2.5"
341 |              id="line2470" />
342 |           <line
343 |              fill="none"
344 |              stroke="#b4cde8"
345 |              stroke-linecap="round"
346 |              stroke-width="1"
347 |              transform="rotate(135,-1.863961,4.5)"
348 |              x1="0"
349 |              x2="0"
350 |              y1="-2.5"
351 |              y2="2.5"
352 |              id="line2472" />
353 |         </g>
354 |       </g>
355 |     </g>
356 |   </g>
357 | </svg>
358 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/LIGHT_HAZE.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="37"
 12 |    height="37"
 13 |    viewbox="0 0 17 17"
 14 |    id="svg3114"
 15 |    sodipodi:docname="LIGHT_HAZE.svg"
 16 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 17 |   <metadata
 18 |      id="metadata3118">
 19 |     <rdf:RDF>
 20 |       <cc:Work
 21 |          rdf:about="">
 22 |         <dc:format>image/svg+xml</dc:format>
 23 |         <dc:type
 24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 25 |         <dc:title></dc:title>
 26 |       </cc:Work>
 27 |     </rdf:RDF>
 28 |   </metadata>
 29 |   <sodipodi:namedview
 30 |      pagecolor="#ffffff"
 31 |      bordercolor="#666666"
 32 |      borderopacity="1"
 33 |      objecttolerance="10"
 34 |      gridtolerance="10"
 35 |      guidetolerance="10"
 36 |      inkscape:pageopacity="0"
 37 |      inkscape:pageshadow="2"
 38 |      inkscape:window-width="1920"
 39 |      inkscape:window-height="1137"
 40 |      id="namedview3116"
 41 |      showgrid="false"
 42 |      inkscape:zoom="26.189189"
 43 |      inkscape:cx="18.5"
 44 |      inkscape:cy="18.5"
 45 |      inkscape:window-x="-8"
 46 |      inkscape:window-y="-8"
 47 |      inkscape:window-maximized="1"
 48 |      inkscape:current-layer="g3111" />
 49 |   <defs
 50 |      id="defs3097">
 51 |     <filter
 52 |        id="blur"
 53 |        width="200%"
 54 |        height="200%">
 55 |       <feComponentTransfer
 56 |          id="feComponentTransfer3086">
 57 |         <feFuncA
 58 |            type="linear"
 59 |            slope="0.05"
 60 |            id="feFuncA3084" />
 61 |       </feComponentTransfer>
 62 |       <feMerge
 63 |          id="feMerge3092">
 64 |         <feMergeNode
 65 |            id="feMergeNode3088" />
 66 |         <feMergeNode
 67 |            in="SourceGraphic"
 68 |            id="feMergeNode3090" />
 69 |       </feMerge>
 70 |     </filter>
 71 |     <style
 72 |        type="text/css"
 73 |        id="style3095"><![CDATA[
 74 | /* CLOUDS */
 75 | @keyframes am-weather-cloud-1 {
 76 | 	0% {
 77 | 		-webkit-transform: translate(-2px,0px);
 78 | 		-moz-transform: translate(-2px,0px);
 79 | 		-ms-transform: translate(-2px,0px);
 80 | 		transform: translate(-2px,0px);
 81 | 	}
 82 | 	25% {
 83 | 		-webkit-transform: translate(6px,0px);
 84 | 		-moz-transform: translate(6px,0px);
 85 | 		-ms-transform: translate(6px,0px);
 86 | 		transform: translate(6px,0px);
 87 | 	}
 88 | 	50% {
 89 | 		-webkit-transform: translate(-2px,0px);
 90 | 		-moz-transform: translate(-2px,0px);
 91 | 		-ms-transform: translate(-2px,0px);
 92 | 		transform: translate(-2px,0px);
 93 | 	}
 94 | 	100% {
 95 | 		-webkit-transform: translate(-2px,0px);
 96 | 		-moz-transform: translate(-2px,0px);
 97 | 		-ms-transform: translate(-2px,0px);
 98 | 		transform: translate(-2px,0px);
 99 | 	}
100 | }
101 | .am-weather-cloud-1 {
102 | 	-webkit-animation-name: am-weather-cloud-1;
103 | 	-moz-animation-name: am-weather-cloud-1;
104 | 	animation-name: am-weather-cloud-1;
105 | 	-webkit-animation-duration: 10s;
106 | 	-moz-animation-duration: 10s;
107 | 	animation-duration: 10s;
108 | 	-webkit-animation-timing-function: linear;
109 | 	-moz-animation-timing-function: linear;
110 | 	animation-timing-function: linear;
111 | 	-webkit-animation-iteration-count: infinite;
112 | 	-moz-animation-iteration-count: infinite;
113 | 	animation-iteration-count: infinite;
114 | }
115 | 
116 | 
117 | @keyframes am-weather-cloud-3 {
118 | 	0% {
119 | 		-webkit-transform: translate(0px,0px);
120 | 		-moz-transform: translate(0px,0px);
121 | 		-ms-transform: translate(0px,0px);
122 | 		transform: translate(0px,0px);
123 | 	}
124 | 	25% {
125 | 		-webkit-transform: translate(2px,0px);
126 | 		-moz-transform: translate(2px,0px);
127 | 		-ms-transform: translate(2px,0px);
128 | 		transform: translate(2px,0px);
129 | 	}
130 | 	50% {
131 | 		-webkit-transform: translate(0px,0px);
132 | 		-moz-transform: translate(0px,0px);
133 | 		-ms-transform: translate(0px,0px);
134 | 		transform: translate(0px,0px);
135 | 	}
136 | 	100% {
137 | 		-webkit-transform: translate(0px,0px);
138 | 		-moz-transform: translate(0px,0px);
139 | 		-ms-transform: translate(0px,0px);
140 | 		transform: translate(0px,0px);
141 | 	}
142 | }
143 | .am-weather-cloud-3 {
144 | 	-webkit-animation-name: am-weather-cloud-3;
145 | 	-moz-animation-name: am-weather-cloud-3;
146 | 	animation-name: am-weather-cloud-3;
147 | 	-webkit-animation-duration: 10s;
148 | 	-moz-animation-duration: 10s;
149 | 	animation-duration: 10s;
150 | 	-webkit-animation-timing-function: linear;
151 | 	-moz-animation-timing-function: linear;
152 | 	animation-timing-function: linear;
153 | 	-webkit-animation-iteration-count: infinite;
154 | 	-moz-animation-iteration-count: infinite;
155 | 	animation-iteration-count: infinite;
156 | }
157 | /* EASING */
158 | .am-weather-easing-ease-in-out {
159 | 	-webkit-animation-timing-function: ease-in-out;
160 | 	-moz-animation-timing-function: ease-in-out;
161 | 	-ms-animation-timing-function: ease-in-out;
162 | 	animation-timing-function: ease-in-out;
163 | }]]></style>
164 |   </defs>
165 |   <g
166 |      filter="url(#blur)"
167 |      id="cloudy">
168 |     <g
169 |        transform="translate(6,0)"
170 |        id="g3111">
171 |       <g
172 |          class="am-weather-cloud-1 am-weather-easing-ease-in-out"
173 |          id="g3105">
174 |         <path
175 |            d="M47.76,14.87c-0.65-1.52-2.41-2.24-3.93-1.59c-0.09,0.04-9.6,3.91-16.38,0.63   c-9.12-4.41-23.65-0.36-24.27-0.19c-1.59,0.45-2.52,2.11-2.06,3.7c0.45,1.59,2.11,2.52,3.7,2.07c3.58-1.01,14.15-3.02,20.01-0.19   c2.95,1.43,6.13,1.92,9.11,1.92c6.41,0,11.9-2.29,12.23-2.43C47.7,18.15,48.41,16.39,47.76,14.87z"
176 |            fill="#d4d4d4"
177 |            transform="translate(3,23), scale(0.37)"
178 |            id="path3103" />
179 |       </g>
180 |       <g
181 |          class="am-weather-cloud-3 am-weather-easing-ease-in-out"
182 |          id="g3109">
183 |         <path
184 |            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"
185 |            fill="#d4d4d4"
186 |            transform="translate(-20,-18)"
187 |            id="path3107" />
188 |       </g>
189 |     </g>
190 |   </g>
191 | </svg>
192 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/LIGHT_RAIN.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="40"
 12 |    height="40"
 13 |    viewbox="0 0 17 17"
 14 |    id="svg895"
 15 |    sodipodi:docname="LIGHT_RAIN.svg"
 16 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 17 |   <metadata
 18 |      id="metadata899">
 19 |     <rdf:RDF>
 20 |       <cc:Work
 21 |          rdf:about="">
 22 |         <dc:format>image/svg+xml</dc:format>
 23 |         <dc:type
 24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 25 |         <dc:title></dc:title>
 26 |         <dc:title></dc:title>
 27 |       </cc:Work>
 28 |     </rdf:RDF>
 29 |   </metadata>
 30 |   <sodipodi:namedview
 31 |      pagecolor="#ffffff"
 32 |      bordercolor="#666666"
 33 |      borderopacity="1"
 34 |      objecttolerance="10"
 35 |      gridtolerance="10"
 36 |      guidetolerance="10"
 37 |      inkscape:pageopacity="0"
 38 |      inkscape:pageshadow="2"
 39 |      inkscape:window-width="1920"
 40 |      inkscape:window-height="1137"
 41 |      id="namedview897"
 42 |      showgrid="false"
 43 |      inkscape:zoom="11.825"
 44 |      inkscape:cx="19.07021"
 45 |      inkscape:cy="29.526116"
 46 |      inkscape:window-x="-8"
 47 |      inkscape:window-y="-8"
 48 |      inkscape:window-maximized="1"
 49 |      inkscape:current-layer="svg895" />
 50 |   <defs
 51 |      id="defs880">
 52 |     <filter
 53 |        id="blur"
 54 |        width="200%"
 55 |        height="200%">
 56 |       <feComponentTransfer
 57 |          id="feComponentTransfer869">
 58 |         <feFuncA
 59 |            type="linear"
 60 |            slope="0.05"
 61 |            id="feFuncA867" />
 62 |       </feComponentTransfer>
 63 |       <feMerge
 64 |          id="feMerge875">
 65 |         <feMergeNode
 66 |            id="feMergeNode871" />
 67 |         <feMergeNode
 68 |            in="SourceGraphic"
 69 |            id="feMergeNode873" />
 70 |       </feMerge>
 71 |     </filter>
 72 |     <style
 73 |        type="text/css"
 74 |        id="style878"><![CDATA[
 75 | /* RAIN */
 76 | @keyframes am-weather-rain {
 77 | 	0% {
 78 | 		stroke-dashoffset: 0;
 79 | 	}
 80 | 	100% {
 81 | 		stroke-dashoffset: -100;
 82 | 	}
 83 | }
 84 | .am-weather-rain-1 {
 85 | 	-webkit-animation-name: am-weather-rain;
 86 | 	-moz-animation-name: am-weather-rain;
 87 | 	-ms-animation-name: am-weather-rain;
 88 | 	animation-name: am-weather-rain;
 89 | 	-webkit-animation-duration: 8s;
 90 | 	-moz-animation-duration: 8s;
 91 | 	-ms-animation-duration: 8s;
 92 | 	animation-duration: 8s;
 93 | 	-webkit-animation-timing-function: linear;
 94 | 	-moz-animation-timing-function: linear;
 95 | 	-ms-animation-timing-function: linear;
 96 | 	animation-timing-function: linear;
 97 | 	-webkit-animation-iteration-count: infinite;
 98 | 	-moz-animation-iteration-count: infinite;
 99 | 	-ms-animation-iteration-count: infinite;
100 | 	animation-iteration-count: infinite;
101 | }
102 | .am-weather-rain-2 {
103 | 	-webkit-animation-name: am-weather-rain;
104 | 	-moz-animation-name: am-weather-rain;
105 | 	-ms-animation-name: am-weather-rain;
106 | 	animation-name: am-weather-rain;
107 | 	-webkit-animation-delay: 0.25s;
108 | 	-moz-animation-delay: 0.25s;
109 | 	-ms-animation-delay: 0.25s;
110 | 	animation-delay: 0.25s;
111 | 	-webkit-animation-duration: 8s;
112 | 	-moz-animation-duration: 8s;
113 | 	-ms-animation-duration: 8s;
114 | 	animation-duration: 8s;
115 | 	-webkit-animation-timing-function: linear;
116 | 	-moz-animation-timing-function: linear;
117 | 	-ms-animation-timing-function: linear;
118 | 	animation-timing-function: linear;
119 | 	-webkit-animation-iteration-count: infinite;
120 | 	-moz-animation-iteration-count: infinite;
121 | 	-ms-animation-iteration-count: infinite;
122 | 	animation-iteration-count: infinite;
123 | }
124 | @keyframes am-weather-cloud-2 {
125 | 	0% {
126 | 		-webkit-transform: translate(-2px,0px);
127 | 		-moz-transform: translate(-2px,0px);
128 | 		-ms-transform: translate(-2px,0px);
129 | 		transform: translate(-2px,0px);
130 | 	}
131 | 	50% {
132 | 		-webkit-transform: translate(1px,0px);
133 | 		-moz-transform: translate(1px,0px);
134 | 		-ms-transform: translate(1px,0px);
135 | 		transform: translate(1px,0px);
136 | 	}
137 | 	100% {
138 | 		-webkit-transform: translate(-2px,0px);
139 | 		-moz-transform: translate(-2px,0px);
140 | 		-ms-transform: translate(-2px,0px);
141 | 		transform: translate(-2px,0px);
142 | 	}
143 | 
144 | }
145 | .am-weather-cloud-2 {
146 | 	-webkit-animation-name: am-weather-cloud-2;
147 | 	-moz-animation-name: am-weather-cloud-2;
148 | 	animation-name: am-weather-cloud-2;
149 | 	-webkit-animation-duration: 8s;
150 | 	-moz-animation-duration: 8s;
151 | 	animation-duration: 8s;
152 | 	-webkit-animation-timing-function: linear;
153 | 	-moz-animation-timing-function: linear;
154 | 	animation-timing-function: linear;
155 | 	-webkit-animation-iteration-count: infinite;
156 | 	-moz-animation-iteration-count: infinite;
157 | 	animation-iteration-count: infinite;
158 | }
159 | /* EASING */
160 | .am-weather-easing-ease-in-out {
161 | 	-webkit-animation-timing-function: ease-in-out;
162 | 	-moz-animation-timing-function: ease-in-out;
163 | 	-ms-animation-timing-function: ease-in-out;
164 | 	animation-timing-function: ease-in-out;
165 | }]]></style>
166 |   </defs>
167 |   <g
168 |      filter="url(#blur)"
169 |      id="rainy-5">
170 |     <g
171 |        transform="translate(8,-8)"
172 |        id="g886">
173 |       <g
174 |          class="am-weather-cloud-2 am-weather-easing-ease-in-out"
175 |          id="g884">
176 |         <path
177 |            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"
178 |            fill="#d4d4d4"
179 |            transform="translate(-20,-11)"
180 |            id="path882" />
181 |       </g>
182 |     </g>
183 |     <g
184 |        transform="translate(22,28), rotate(10)"
185 |        id="g892">
186 |       <line
187 |          class="am-weather-rain-1"
188 |          fill="none"
189 |          stroke="#91c0f8"
190 |          stroke-dasharray="4, 7"
191 |          stroke-linecap="round"
192 |          stroke-width="2"
193 |          x1="-4.0303845"
194 |          x2="-4.0303845"
195 |          y1="0.65270364"
196 |          y2="8.6527033"
197 |          id="line888" />
198 |     </g>
199 |   </g>
200 | </svg>
201 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/LIGHT_SNOW.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* RAIN */
 15 | @keyframes am-weather-rain {
 16 | 	0% {
 17 | 		stroke-dashoffset: 0;
 18 | 	}
 19 | 	100% {
 20 | 		stroke-dashoffset: -100;
 21 | 	}
 22 | }
 23 | .am-weather-rain-1 {
 24 | 	-webkit-animation-name: am-weather-rain;
 25 | 	-moz-animation-name: am-weather-rain;
 26 | 	-ms-animation-name: am-weather-rain;
 27 | 	animation-name: am-weather-rain;
 28 | 	-webkit-animation-duration: 8s;
 29 | 	-moz-animation-duration: 8s;
 30 | 	-ms-animation-duration: 8s;
 31 | 	animation-duration: 8s;
 32 | 	-webkit-animation-timing-function: linear;
 33 | 	-moz-animation-timing-function: linear;
 34 | 	-ms-animation-timing-function: linear;
 35 | 	animation-timing-function: linear;
 36 | 	-webkit-animation-iteration-count: infinite;
 37 | 	-moz-animation-iteration-count: infinite;
 38 | 	-ms-animation-iteration-count: infinite;
 39 | 	animation-iteration-count: infinite;
 40 | }
 41 | .am-weather-rain-2 {
 42 | 	-webkit-animation-name: am-weather-rain;
 43 | 	-moz-animation-name: am-weather-rain;
 44 | 	-ms-animation-name: am-weather-rain;
 45 | 	animation-name: am-weather-rain;
 46 | 	-webkit-animation-delay: 0.25s;
 47 | 	-moz-animation-delay: 0.25s;
 48 | 	-ms-animation-delay: 0.25s;
 49 | 	animation-delay: 0.25s;
 50 | 	-webkit-animation-duration: 8s;
 51 | 	-moz-animation-duration: 8s;
 52 | 	-ms-animation-duration: 8s;
 53 | 	animation-duration: 8s;
 54 | 	-webkit-animation-timing-function: linear;
 55 | 	-moz-animation-timing-function: linear;
 56 | 	-ms-animation-timing-function: linear;
 57 | 	animation-timing-function: linear;
 58 | 	-webkit-animation-iteration-count: infinite;
 59 | 	-moz-animation-iteration-count: infinite;
 60 | 	-ms-animation-iteration-count: infinite;
 61 | 	animation-iteration-count: infinite;
 62 | }
 63 | /* CLOUDS */
 64 | @keyframes am-weather-cloud-2 {
 65 | 	0% {
 66 | 		-webkit-transform: translate(-2px,0px);
 67 | 		-moz-transform: translate(-2px,0px);
 68 | 		-ms-transform: translate(-2px,0px);
 69 | 		transform: translate(-2px,0px);
 70 | 	}
 71 | 	50% {
 72 | 		-webkit-transform: translate(1px,0px);
 73 | 		-moz-transform: translate(1px,0px);
 74 | 		-ms-transform: translate(1px,0px);
 75 | 		transform: translate(1px,0px);
 76 | 	}
 77 | 	100% {
 78 | 		-webkit-transform: translate(-2px,0px);
 79 | 		-moz-transform: translate(-2px,0px);
 80 | 		-ms-transform: translate(-2px,0px);
 81 | 		transform: translate(-2px,0px);
 82 | 	}
 83 | 
 84 | }
 85 | .am-weather-cloud-2 {
 86 | 	-webkit-animation-name: am-weather-cloud-2;
 87 | 	-moz-animation-name: am-weather-cloud-2;
 88 | 	animation-name: am-weather-cloud-2;
 89 | 	-webkit-animation-duration: 8s;
 90 | 	-moz-animation-duration: 8s;
 91 | 	animation-duration: 8s;
 92 | 	-webkit-animation-timing-function: linear;
 93 | 	-moz-animation-timing-function: linear;
 94 | 	animation-timing-function: linear;
 95 | 	-webkit-animation-iteration-count: infinite;
 96 | 	-moz-animation-iteration-count: infinite;
 97 | 	animation-iteration-count: infinite;
 98 | }
 99 | /* EASING */
100 | .am-weather-easing-ease-in-out {
101 | 	-webkit-animation-timing-function: ease-in-out;
102 | 	-moz-animation-timing-function: ease-in-out;
103 | 	-ms-animation-timing-function: ease-in-out;
104 | 	animation-timing-function: ease-in-out;
105 | }
106 | 
107 | /* SNOW */
108 | @keyframes am-weather-snow {
109 | 	0% {
110 | 		-webkit-transform: translateX(0) translateY(0);
111 | 		-moz-transform: translateX(0) translateY(0);
112 | 		-ms-transform: translateX(0) translateY(0);
113 | 		transform: translateX(0) translateY(0);
114 | 	}
115 | 	33.33% {
116 | 		-webkit-transform: translateX(-1.2px) translateY(2px);
117 | 		-moz-transform: translateX(-1.2px) translateY(2px);
118 | 		-ms-transform: translateX(-1.2px) translateY(2px);
119 | 		transform: translateX(-1.2px) translateY(2px);
120 | 	}
121 | 	66.66% {
122 | 		-webkit-transform: translateX(1.4px) translateY(4px);
123 | 		-moz-transform: translateX(1.4px) translateY(4px);
124 | 		-ms-transform: translateX(1.4px) translateY(4px);
125 | 		transform: translateX(1.4px) translateY(4px);
126 | 		opacity: 1;
127 | 	}
128 | 	100% {
129 | 		-webkit-transform: translateX(-1.6px) translateY(6px);
130 | 		-moz-transform: translateX(-1.6px) translateY(6px);
131 | 		-ms-transform: translateX(-1.6px) translateY(6px);
132 | 		transform: translateX(-1.6px) translateY(6px);
133 | 		opacity: 0;
134 | 	}
135 | }
136 | @keyframes am-weather-snow-reverse {
137 | 	0% {
138 | 		-webkit-transform: translateX(0) translateY(0);
139 | 		-moz-transform: translateX(0) translateY(0);
140 | 		-ms-transform: translateX(0) translateY(0);
141 | 		transform: translateX(0) translateY(0);
142 | 	}
143 | 	33.33% {
144 | 		-webkit-transform: translateX(1.2px) translateY(2px);
145 | 		-moz-transform: translateX(1.2px) translateY(2px);
146 | 		-ms-transform: translateX(1.2px) translateY(2px);
147 | 		transform: translateX(1.2px) translateY(2px);
148 | 	}
149 | 	66.66% {
150 | 		-webkit-transform: translateX(-1.4px) translateY(4px);
151 | 		-moz-transform: translateX(-1.4px) translateY(4px);
152 | 		-ms-transform: translateX(-1.4px) translateY(4px);
153 | 		transform: translateX(-1.4px) translateY(4px);
154 | 		opacity: 1;
155 | 	}
156 | 	100% {
157 | 		-webkit-transform: translateX(1.6px) translateY(6px);
158 | 		-moz-transform: translateX(1.6px) translateY(6px);
159 | 		-ms-transform: translateX(1.6px) translateY(6px);
160 | 		transform: translateX(1.6px) translateY(6px);
161 | 		opacity: 0;
162 | 	}
163 | }
164 | .am-weather-snow-1 {
165 | 	-webkit-animation-name: am-weather-snow;
166 | 	-moz-animation-name: am-weather-snow;
167 | 	-ms-animation-name: am-weather-snow;
168 | 	animation-name: am-weather-snow;
169 | 	-webkit-animation-duration: 2s;
170 | 	-moz-animation-duration: 2s;
171 | 	-ms-animation-duration: 2s;
172 | 	animation-duration: 2s;
173 | 	-webkit-animation-timing-function: linear;
174 | 	-moz-animation-timing-function: linear;
175 | 	-ms-animation-timing-function: linear;
176 | 	animation-timing-function: linear;
177 | 	-webkit-animation-iteration-count: infinite;
178 | 	-moz-animation-iteration-count: infinite;
179 | 	-ms-animation-iteration-count: infinite;
180 | 	animation-iteration-count: infinite;
181 | }
182 | .am-weather-snow-2 {
183 | 	-webkit-animation-name: am-weather-snow;
184 | 	-moz-animation-name: am-weather-snow;
185 | 	-ms-animation-name: am-weather-snow;
186 | 	animation-name: am-weather-snow;
187 | 	-webkit-animation-delay: 1.2s;
188 | 	-moz-animation-delay: 1.2s;
189 | 	-ms-animation-delay: 1.2s;
190 | 	animation-delay: 1.2s;
191 | 	-webkit-animation-duration: 2s;
192 | 	-moz-animation-duration: 2s;
193 | 	-ms-animation-duration: 2s;
194 | 	animation-duration: 2s;
195 | 	-webkit-animation-timing-function: linear;
196 | 	-moz-animation-timing-function: linear;
197 | 	-ms-animation-timing-function: linear;
198 | 	animation-timing-function: linear;
199 | 	-webkit-animation-iteration-count: infinite;
200 | 	-moz-animation-iteration-count: infinite;
201 | 	-ms-animation-iteration-count: infinite;
202 | 	animation-iteration-count: infinite;
203 | }
204 | .am-weather-snow-3 {
205 | 	-webkit-animation-name: am-weather-snow-reverse;
206 | 	-moz-animation-name: am-weather-snow-reverse;
207 | 	-ms-animation-name: am-weather-snow-reverse;
208 | 	animation-name: am-weather-snow-reverse;
209 | 	-webkit-animation-duration: 2s;
210 | 	-moz-animation-duration: 2s;
211 | 	-ms-animation-duration: 2s;
212 | 	animation-duration: 2s;
213 | 	-webkit-animation-timing-function: linear;
214 | 	-moz-animation-timing-function: linear;
215 | 	-ms-animation-timing-function: linear;
216 | 	animation-timing-function: linear;
217 | 	-webkit-animation-iteration-count: infinite;
218 | 	-moz-animation-iteration-count: infinite;
219 | 	-ms-animation-iteration-count: infinite;
220 | 	animation-iteration-count: infinite;
221 | }]]></style>
222 | 	</defs>
223 | 	<g filter="url(#blur)" id="snowy-6">
224 | 		<g transform="translate(22,28), rotate(10)">
225 | 			<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"/>
226 | 			<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"/>
227 | 		</g>
228 | 		<g transform="translate(7,-8)">
229 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
230 | 				<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="#d4d4d4" transform="translate(-20,-11)"/>
231 | 			</g>
232 | 			<g class="am-weather-snow-1">
233 | 				<g transform="translate(3,28)">
234 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
235 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
236 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
237 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
238 | 				</g>
239 | 			</g>
240 | s
241 | 			<g class="am-weather-snow-3">
242 | 				<g transform="translate(20,28)">
243 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
244 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
245 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
246 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
247 | 				</g>
248 | 			</g>
249 | 		</g>
250 | 	</g>
251 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/MODERATE_HAZE.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="37" height="37" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* CLOUDS */
 15 | @keyframes am-weather-cloud-1 {
 16 | 	0% {
 17 | 		-webkit-transform: translate(-2px,0px);
 18 | 		-moz-transform: translate(-2px,0px);
 19 | 		-ms-transform: translate(-2px,0px);
 20 | 		transform: translate(-2px,0px);
 21 | 	}
 22 | 	25% {
 23 | 		-webkit-transform: translate(6px,0px);
 24 | 		-moz-transform: translate(6px,0px);
 25 | 		-ms-transform: translate(6px,0px);
 26 | 		transform: translate(6px,0px);
 27 | 	}
 28 | 	50% {
 29 | 		-webkit-transform: translate(-2px,0px);
 30 | 		-moz-transform: translate(-2px,0px);
 31 | 		-ms-transform: translate(-2px,0px);
 32 | 		transform: translate(-2px,0px);
 33 | 	}
 34 | 	100% {
 35 | 		-webkit-transform: translate(-2px,0px);
 36 | 		-moz-transform: translate(-2px,0px);
 37 | 		-ms-transform: translate(-2px,0px);
 38 | 		transform: translate(-2px,0px);
 39 | 	}
 40 | }
 41 | .am-weather-cloud-1 {
 42 | 	-webkit-animation-name: am-weather-cloud-1;
 43 | 	-moz-animation-name: am-weather-cloud-1;
 44 | 	animation-name: am-weather-cloud-1;
 45 | 	-webkit-animation-duration: 10s;
 46 | 	-moz-animation-duration: 10s;
 47 | 	animation-duration: 10s;
 48 | 	-webkit-animation-timing-function: linear;
 49 | 	-moz-animation-timing-function: linear;
 50 | 	animation-timing-function: linear;
 51 | 	-webkit-animation-iteration-count: infinite;
 52 | 	-moz-animation-iteration-count: infinite;
 53 | 	animation-iteration-count: infinite;
 54 | }
 55 | 
 56 | 
 57 | @keyframes am-weather-cloud-3 {
 58 | 	0% {
 59 | 		-webkit-transform: translate(0px,0px);
 60 | 		-moz-transform: translate(0px,0px);
 61 | 		-ms-transform: translate(0px,0px);
 62 | 		transform: translate(0px,0px);
 63 | 	}
 64 | 	25% {
 65 | 		-webkit-transform: translate(2px,0px);
 66 | 		-moz-transform: translate(2px,0px);
 67 | 		-ms-transform: translate(2px,0px);
 68 | 		transform: translate(2px,0px);
 69 | 	}
 70 | 	50% {
 71 | 		-webkit-transform: translate(0px,0px);
 72 | 		-moz-transform: translate(0px,0px);
 73 | 		-ms-transform: translate(0px,0px);
 74 | 		transform: translate(0px,0px);
 75 | 	}
 76 | 	100% {
 77 | 		-webkit-transform: translate(0px,0px);
 78 | 		-moz-transform: translate(0px,0px);
 79 | 		-ms-transform: translate(0px,0px);
 80 | 		transform: translate(0px,0px);
 81 | 	}
 82 | }
 83 | .am-weather-cloud-3 {
 84 | 	-webkit-animation-name: am-weather-cloud-3;
 85 | 	-moz-animation-name: am-weather-cloud-3;
 86 | 	animation-name: am-weather-cloud-3;
 87 | 	-webkit-animation-duration: 10s;
 88 | 	-moz-animation-duration: 10s;
 89 | 	animation-duration: 10s;
 90 | 	-webkit-animation-timing-function: linear;
 91 | 	-moz-animation-timing-function: linear;
 92 | 	animation-timing-function: linear;
 93 | 	-webkit-animation-iteration-count: infinite;
 94 | 	-moz-animation-iteration-count: infinite;
 95 | 	animation-iteration-count: infinite;
 96 | }
 97 | /* EASING */
 98 | .am-weather-easing-ease-in-out {
 99 | 	-webkit-animation-timing-function: ease-in-out;
100 | 	-moz-animation-timing-function: ease-in-out;
101 | 	-ms-animation-timing-function: ease-in-out;
102 | 	animation-timing-function: ease-in-out;
103 | }]]></style>
104 | 	</defs>
105 | 	<g filter="url(#blur)" id="cloudy">
106 | 		<g transform="translate(6,0)">
107 | 			<g class="am-weather-cloud-1 am-weather-easing-ease-in-out"> 
108 | 				<path d="M41.35,22.94c-2.77,0.74-11.07,2.12-16.23-0.37c-8.44-4.08-17.44-0.21-17.82-0.05
109 | 		c-1.51,0.67-2.2,2.43-1.54,3.94c0.66,1.52,2.43,2.21,3.94,1.56c0.07-0.03,6.89-2.91,12.8-0.05c3.19,1.54,6.91,2.02,10.3,2.02
110 | 		c5.31,0,9.8-1.18,10.1-1.26c1.6-0.43,2.55-2.08,2.12-3.68C44.6,23.46,42.95,22.51,41.35,22.94z" fill="#b7b7b7" transform="translate(3,24), scale(0.37)"/>
111 | 			</g>
112 | 			<g class="am-weather-cloud-1 am-weather-easing-ease-in-out"> 
113 | 				<path d="M47.76,14.87c-0.65-1.52-2.41-2.24-3.93-1.59c-0.09,0.04-9.6,3.91-16.38,0.63
114 | 		c-9.12-4.41-23.65-0.36-24.27-0.19c-1.59,0.45-2.52,2.11-2.06,3.7c0.45,1.59,2.11,2.52,3.7,2.07c3.58-1.01,14.15-3.02,20.01-0.19
115 | 		c2.95,1.43,6.13,1.92,9.11,1.92c6.41,0,11.9-2.29,12.23-2.43C47.7,18.15,48.41,16.39,47.76,14.87z" fill="#d4d4d4" transform="translate(3,23), scale(0.37)"/>
116 | 			</g>
117 | 			<g class="am-weather-cloud-3 am-weather-easing-ease-in-out">
118 | 				<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="#d4d4d4" transform="translate(-20,-18)"/>
119 | 			</g>
120 | 		</g>
121 | 	</g>
122 | </svg> 


--------------------------------------------------------------------------------
/dist/icons/animated1/MODERATE_RAIN.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="40"
 12 |    height="40"
 13 |    viewbox="0 0 17 17"
 14 |    id="svg895"
 15 |    sodipodi:docname="MODERATE_RAIN.svg"
 16 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 17 |   <metadata
 18 |      id="metadata899">
 19 |     <rdf:RDF>
 20 |       <cc:Work
 21 |          rdf:about="">
 22 |         <dc:format>image/svg+xml</dc:format>
 23 |         <dc:type
 24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 25 |         <dc:title></dc:title>
 26 |       </cc:Work>
 27 |     </rdf:RDF>
 28 |   </metadata>
 29 |   <sodipodi:namedview
 30 |      pagecolor="#ffffff"
 31 |      bordercolor="#666666"
 32 |      borderopacity="1"
 33 |      objecttolerance="10"
 34 |      gridtolerance="10"
 35 |      guidetolerance="10"
 36 |      inkscape:pageopacity="0"
 37 |      inkscape:pageshadow="2"
 38 |      inkscape:window-width="1920"
 39 |      inkscape:window-height="1137"
 40 |      id="namedview897"
 41 |      showgrid="false"
 42 |      inkscape:zoom="11.825"
 43 |      inkscape:cx="19.07021"
 44 |      inkscape:cy="29.526116"
 45 |      inkscape:window-x="-8"
 46 |      inkscape:window-y="-8"
 47 |      inkscape:window-maximized="1"
 48 |      inkscape:current-layer="svg895" />
 49 |   <defs
 50 |      id="defs880">
 51 |     <filter
 52 |        id="blur"
 53 |        width="200%"
 54 |        height="200%">
 55 |       <feComponentTransfer
 56 |          id="feComponentTransfer869">
 57 |         <feFuncA
 58 |            type="linear"
 59 |            slope="0.05"
 60 |            id="feFuncA867" />
 61 |       </feComponentTransfer>
 62 |       <feMerge
 63 |          id="feMerge875">
 64 |         <feMergeNode
 65 |            id="feMergeNode871" />
 66 |         <feMergeNode
 67 |            in="SourceGraphic"
 68 |            id="feMergeNode873" />
 69 |       </feMerge>
 70 |     </filter>
 71 |     <style
 72 |        type="text/css"
 73 |        id="style878"><![CDATA[
 74 | /* RAIN */
 75 | @keyframes am-weather-rain {
 76 | 	0% {
 77 | 		stroke-dashoffset: 0;
 78 | 	}
 79 | 	100% {
 80 | 		stroke-dashoffset: -100;
 81 | 	}
 82 | }
 83 | .am-weather-rain-1 {
 84 | 	-webkit-animation-name: am-weather-rain;
 85 | 	-moz-animation-name: am-weather-rain;
 86 | 	-ms-animation-name: am-weather-rain;
 87 | 	animation-name: am-weather-rain;
 88 | 	-webkit-animation-duration: 8s;
 89 | 	-moz-animation-duration: 8s;
 90 | 	-ms-animation-duration: 8s;
 91 | 	animation-duration: 8s;
 92 | 	-webkit-animation-timing-function: linear;
 93 | 	-moz-animation-timing-function: linear;
 94 | 	-ms-animation-timing-function: linear;
 95 | 	animation-timing-function: linear;
 96 | 	-webkit-animation-iteration-count: infinite;
 97 | 	-moz-animation-iteration-count: infinite;
 98 | 	-ms-animation-iteration-count: infinite;
 99 | 	animation-iteration-count: infinite;
100 | }
101 | .am-weather-rain-2 {
102 | 	-webkit-animation-name: am-weather-rain;
103 | 	-moz-animation-name: am-weather-rain;
104 | 	-ms-animation-name: am-weather-rain;
105 | 	animation-name: am-weather-rain;
106 | 	-webkit-animation-delay: 0.25s;
107 | 	-moz-animation-delay: 0.25s;
108 | 	-ms-animation-delay: 0.25s;
109 | 	animation-delay: 0.25s;
110 | 	-webkit-animation-duration: 8s;
111 | 	-moz-animation-duration: 8s;
112 | 	-ms-animation-duration: 8s;
113 | 	animation-duration: 8s;
114 | 	-webkit-animation-timing-function: linear;
115 | 	-moz-animation-timing-function: linear;
116 | 	-ms-animation-timing-function: linear;
117 | 	animation-timing-function: linear;
118 | 	-webkit-animation-iteration-count: infinite;
119 | 	-moz-animation-iteration-count: infinite;
120 | 	-ms-animation-iteration-count: infinite;
121 | 	animation-iteration-count: infinite;
122 | }
123 | @keyframes am-weather-cloud-2 {
124 | 	0% {
125 | 		-webkit-transform: translate(-2px,0px);
126 | 		-moz-transform: translate(-2px,0px);
127 | 		-ms-transform: translate(-2px,0px);
128 | 		transform: translate(-2px,0px);
129 | 	}
130 | 	50% {
131 | 		-webkit-transform: translate(1px,0px);
132 | 		-moz-transform: translate(1px,0px);
133 | 		-ms-transform: translate(1px,0px);
134 | 		transform: translate(1px,0px);
135 | 	}
136 | 	100% {
137 | 		-webkit-transform: translate(-2px,0px);
138 | 		-moz-transform: translate(-2px,0px);
139 | 		-ms-transform: translate(-2px,0px);
140 | 		transform: translate(-2px,0px);
141 | 	}
142 | 
143 | }
144 | .am-weather-cloud-2 {
145 | 	-webkit-animation-name: am-weather-cloud-2;
146 | 	-moz-animation-name: am-weather-cloud-2;
147 | 	animation-name: am-weather-cloud-2;
148 | 	-webkit-animation-duration: 8s;
149 | 	-moz-animation-duration: 8s;
150 | 	animation-duration: 8s;
151 | 	-webkit-animation-timing-function: linear;
152 | 	-moz-animation-timing-function: linear;
153 | 	animation-timing-function: linear;
154 | 	-webkit-animation-iteration-count: infinite;
155 | 	-moz-animation-iteration-count: infinite;
156 | 	animation-iteration-count: infinite;
157 | }
158 | /* EASING */
159 | .am-weather-easing-ease-in-out {
160 | 	-webkit-animation-timing-function: ease-in-out;
161 | 	-moz-animation-timing-function: ease-in-out;
162 | 	-ms-animation-timing-function: ease-in-out;
163 | 	animation-timing-function: ease-in-out;
164 | }]]></style>
165 |   </defs>
166 |   <g
167 |      filter="url(#blur)"
168 |      id="rainy-5">
169 |     <g
170 |        transform="translate(8,-8)"
171 |        id="g886">
172 |       <g
173 |          class="am-weather-cloud-2 am-weather-easing-ease-in-out"
174 |          id="g884">
175 |         <path
176 |            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"
177 |            fill="#d4d4d4"
178 |            transform="translate(-20,-11)"
179 |            id="path882" />
180 |       </g>
181 |     </g>
182 |     <g
183 |        transform="translate(22,28), rotate(10)"
184 |        id="g892">
185 |       <line
186 |          class="am-weather-rain-1"
187 |          fill="none"
188 |          stroke="#91C0F8"
189 |          stroke-dasharray="4,7"
190 |          stroke-linecap="round"
191 |          stroke-width="2"
192 |          x1="0"
193 |          x2="0"
194 |          y1="0"
195 |          y2="8"
196 |          id="line888"
197 |          transform="translate(-6,1)" />
198 |       <line
199 |          class="am-weather-rain-2"
200 |          fill="none"
201 |          stroke="#91C0F8"
202 |          stroke-dasharray="4,7"
203 |          stroke-linecap="round"
204 |          stroke-width="2"
205 |          transform="translate(0,-1)"
206 |          x1="0"
207 |          x2="0"
208 |          y1="0"
209 |          y2="8"
210 |          id="line890" />
211 |     </g>
212 |   </g>
213 | </svg>
214 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/MODERATE_SNOW.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="40"
 12 |    height="40"
 13 |    viewbox="0 0 17 17"
 14 |    id="svg2481"
 15 |    sodipodi:docname="MODERATE_SNOW.svg"
 16 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 17 |   <metadata
 18 |      id="metadata2485">
 19 |     <rdf:RDF>
 20 |       <cc:Work
 21 |          rdf:about="">
 22 |         <dc:format>image/svg+xml</dc:format>
 23 |         <dc:type
 24 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 25 |         <dc:title></dc:title>
 26 |       </cc:Work>
 27 |     </rdf:RDF>
 28 |   </metadata>
 29 |   <sodipodi:namedview
 30 |      pagecolor="#ffffff"
 31 |      bordercolor="#666666"
 32 |      borderopacity="1"
 33 |      objecttolerance="10"
 34 |      gridtolerance="10"
 35 |      guidetolerance="10"
 36 |      inkscape:pageopacity="0"
 37 |      inkscape:pageshadow="2"
 38 |      inkscape:window-width="1920"
 39 |      inkscape:window-height="1137"
 40 |      id="namedview2483"
 41 |      showgrid="false"
 42 |      inkscape:zoom="8.5648309"
 43 |      inkscape:cx="15.976468"
 44 |      inkscape:cy="7.7691408"
 45 |      inkscape:window-x="-8"
 46 |      inkscape:window-y="-8"
 47 |      inkscape:window-maximized="1"
 48 |      inkscape:current-layer="g2478" />
 49 |   <defs
 50 |      id="defs2436">
 51 |     <filter
 52 |        id="blur"
 53 |        width="200%"
 54 |        height="200%">
 55 |       <feComponentTransfer
 56 |          id="feComponentTransfer2425">
 57 |         <feFuncA
 58 |            type="linear"
 59 |            slope="0.05"
 60 |            id="feFuncA2423" />
 61 |       </feComponentTransfer>
 62 |       <feMerge
 63 |          id="feMerge2431">
 64 |         <feMergeNode
 65 |            id="feMergeNode2427" />
 66 |         <feMergeNode
 67 |            in="SourceGraphic"
 68 |            id="feMergeNode2429" />
 69 |       </feMerge>
 70 |     </filter>
 71 |     <style
 72 |        type="text/css"
 73 |        id="style2434"><![CDATA[
 74 | /* CLOUDS */
 75 | @keyframes am-weather-cloud-2 {
 76 | 	0% {
 77 | 		-webkit-transform: translate(-2px,0px);
 78 | 		-moz-transform: translate(-2px,0px);
 79 | 		-ms-transform: translate(-2px,0px);
 80 | 		transform: translate(-2px,0px);
 81 | 	}
 82 | 	50% {
 83 | 		-webkit-transform: translate(1px,0px);
 84 | 		-moz-transform: translate(1px,0px);
 85 | 		-ms-transform: translate(1px,0px);
 86 | 		transform: translate(1px,0px);
 87 | 	}
 88 | 	100% {
 89 | 		-webkit-transform: translate(-2px,0px);
 90 | 		-moz-transform: translate(-2px,0px);
 91 | 		-ms-transform: translate(-2px,0px);
 92 | 		transform: translate(-2px,0px);
 93 | 	}
 94 | 
 95 | }
 96 | .am-weather-cloud-2 {
 97 | 	-webkit-animation-name: am-weather-cloud-2;
 98 | 	-moz-animation-name: am-weather-cloud-2;
 99 | 	animation-name: am-weather-cloud-2;
100 | 	-webkit-animation-duration: 8s;
101 | 	-moz-animation-duration: 8s;
102 | 	animation-duration: 8s;
103 | 	-webkit-animation-timing-function: linear;
104 | 	-moz-animation-timing-function: linear;
105 | 	animation-timing-function: linear;
106 | 	-webkit-animation-iteration-count: infinite;
107 | 	-moz-animation-iteration-count: infinite;
108 | 	animation-iteration-count: infinite;
109 | }
110 | /* EASING */
111 | .am-weather-easing-ease-in-out {
112 | 	-webkit-animation-timing-function: ease-in-out;
113 | 	-moz-animation-timing-function: ease-in-out;
114 | 	-ms-animation-timing-function: ease-in-out;
115 | 	animation-timing-function: ease-in-out;
116 | }
117 | 
118 | /* SNOW */
119 | @keyframes am-weather-snow {
120 | 	0% {
121 | 		-webkit-transform: translateX(0) translateY(0);
122 | 		-moz-transform: translateX(0) translateY(0);
123 | 		-ms-transform: translateX(0) translateY(0);
124 | 		transform: translateX(0) translateY(0);
125 | 	}
126 | 	33.33% {
127 | 		-webkit-transform: translateX(-1.2px) translateY(2px);
128 | 		-moz-transform: translateX(-1.2px) translateY(2px);
129 | 		-ms-transform: translateX(-1.2px) translateY(2px);
130 | 		transform: translateX(-1.2px) translateY(2px);
131 | 	}
132 | 	66.66% {
133 | 		-webkit-transform: translateX(1.4px) translateY(4px);
134 | 		-moz-transform: translateX(1.4px) translateY(4px);
135 | 		-ms-transform: translateX(1.4px) translateY(4px);
136 | 		transform: translateX(1.4px) translateY(4px);
137 | 		opacity: 1;
138 | 	}
139 | 	100% {
140 | 		-webkit-transform: translateX(-1.6px) translateY(6px);
141 | 		-moz-transform: translateX(-1.6px) translateY(6px);
142 | 		-ms-transform: translateX(-1.6px) translateY(6px);
143 | 		transform: translateX(-1.6px) translateY(6px);
144 | 		opacity: 0;
145 | 	}
146 | }
147 | @keyframes am-weather-snow-reverse {
148 | 	0% {
149 | 		-webkit-transform: translateX(0) translateY(0);
150 | 		-moz-transform: translateX(0) translateY(0);
151 | 		-ms-transform: translateX(0) translateY(0);
152 | 		transform: translateX(0) translateY(0);
153 | 	}
154 | 	33.33% {
155 | 		-webkit-transform: translateX(1.2px) translateY(2px);
156 | 		-moz-transform: translateX(1.2px) translateY(2px);
157 | 		-ms-transform: translateX(1.2px) translateY(2px);
158 | 		transform: translateX(1.2px) translateY(2px);
159 | 	}
160 | 	66.66% {
161 | 		-webkit-transform: translateX(-1.4px) translateY(4px);
162 | 		-moz-transform: translateX(-1.4px) translateY(4px);
163 | 		-ms-transform: translateX(-1.4px) translateY(4px);
164 | 		transform: translateX(-1.4px) translateY(4px);
165 | 		opacity: 1;
166 | 	}
167 | 	100% {
168 | 		-webkit-transform: translateX(1.6px) translateY(6px);
169 | 		-moz-transform: translateX(1.6px) translateY(6px);
170 | 		-ms-transform: translateX(1.6px) translateY(6px);
171 | 		transform: translateX(1.6px) translateY(6px);
172 | 		opacity: 0;
173 | 	}
174 | }
175 | .am-weather-snow-1 {
176 | 	-webkit-animation-name: am-weather-snow;
177 | 	-moz-animation-name: am-weather-snow;
178 | 	-ms-animation-name: am-weather-snow;
179 | 	animation-name: am-weather-snow;
180 | 	-webkit-animation-duration: 2s;
181 | 	-moz-animation-duration: 2s;
182 | 	-ms-animation-duration: 2s;
183 | 	animation-duration: 2s;
184 | 	-webkit-animation-timing-function: linear;
185 | 	-moz-animation-timing-function: linear;
186 | 	-ms-animation-timing-function: linear;
187 | 	animation-timing-function: linear;
188 | 	-webkit-animation-iteration-count: infinite;
189 | 	-moz-animation-iteration-count: infinite;
190 | 	-ms-animation-iteration-count: infinite;
191 | 	animation-iteration-count: infinite;
192 | }
193 | .am-weather-snow-2 {
194 | 	-webkit-animation-name: am-weather-snow;
195 | 	-moz-animation-name: am-weather-snow;
196 | 	-ms-animation-name: am-weather-snow;
197 | 	animation-name: am-weather-snow;
198 | 	-webkit-animation-delay: 1.2s;
199 | 	-moz-animation-delay: 1.2s;
200 | 	-ms-animation-delay: 1.2s;
201 | 	animation-delay: 1.2s;
202 | 	-webkit-animation-duration: 2s;
203 | 	-moz-animation-duration: 2s;
204 | 	-ms-animation-duration: 2s;
205 | 	animation-duration: 2s;
206 | 	-webkit-animation-timing-function: linear;
207 | 	-moz-animation-timing-function: linear;
208 | 	-ms-animation-timing-function: linear;
209 | 	animation-timing-function: linear;
210 | 	-webkit-animation-iteration-count: infinite;
211 | 	-moz-animation-iteration-count: infinite;
212 | 	-ms-animation-iteration-count: infinite;
213 | 	animation-iteration-count: infinite;
214 | }
215 | .am-weather-snow-3 {
216 | 	-webkit-animation-name: am-weather-snow-reverse;
217 | 	-moz-animation-name: am-weather-snow-reverse;
218 | 	-ms-animation-name: am-weather-snow-reverse;
219 | 	animation-name: am-weather-snow-reverse;
220 | 	-webkit-animation-duration: 2s;
221 | 	-moz-animation-duration: 2s;
222 | 	-ms-animation-duration: 2s;
223 | 	animation-duration: 2s;
224 | 	-webkit-animation-timing-function: linear;
225 | 	-moz-animation-timing-function: linear;
226 | 	-ms-animation-timing-function: linear;
227 | 	animation-timing-function: linear;
228 | 	-webkit-animation-iteration-count: infinite;
229 | 	-moz-animation-iteration-count: infinite;
230 | 	-ms-animation-iteration-count: infinite;
231 | 	animation-iteration-count: infinite;
232 | }]]></style>
233 |   </defs>
234 |   <g
235 |      filter="url(#blur)"
236 |      id="snowy-6">
237 |     <g
238 |        transform="translate(7,-8)"
239 |        id="g2478">
240 |       <g
241 |          class="am-weather-cloud-2 am-weather-easing-ease-in-out"
242 |          id="g2440">
243 |         <path
244 |            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"
245 |            fill="#d4d4d4"
246 |            transform="translate(-20,-11)"
247 |            id="path2438" />
248 |       </g>
249 |       <g
250 |          class="am-weather-snow-2"
251 |          id="g2464">
252 |         <g
253 |            transform="translate(11,28)"
254 |            id="g2462">
255 |           <line
256 |              fill="none"
257 |              stroke="#b4cde8"
258 |              stroke-linecap="round"
259 |              stroke-width="1.2"
260 |              transform="translate(0,9), rotate(0)"
261 |              x1="0"
262 |              x2="0"
263 |              y1="-2.5"
264 |              y2="2.5"
265 |              id="line2454" />
266 |           <line
267 |              fill="none"
268 |              stroke="#b4cde8"
269 |              stroke-linecap="round"
270 |              stroke-width="1"
271 |              transform="translate(0,9), rotate(45)"
272 |              x1="0"
273 |              x2="0"
274 |              y1="-2.5"
275 |              y2="2.5"
276 |              id="line2456" />
277 |           <line
278 |              fill="none"
279 |              stroke="#b4cde8"
280 |              stroke-linecap="round"
281 |              stroke-width="1"
282 |              transform="translate(0,9), rotate(90)"
283 |              x1="0"
284 |              x2="0"
285 |              y1="-2.5"
286 |              y2="2.5"
287 |              id="line2458" />
288 |           <line
289 |              fill="none"
290 |              stroke="#b4cde8"
291 |              stroke-linecap="round"
292 |              stroke-width="1"
293 |              transform="translate(0,9), rotate(135)"
294 |              x1="0"
295 |              x2="0"
296 |              y1="-2.5"
297 |              y2="2.5"
298 |              id="line2460" />
299 |         </g>
300 |       </g>
301 |     </g>
302 |   </g>
303 | </svg>
304 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/PARTLY_CLOUDY_DAY.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="45" height="45" viewbox="0 0 17 17" style="&#10;    /* background-color: black; */&#10;">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* CLOUDS */
 15 | @keyframes am-weather-cloud-2 {
 16 | 	0% {
 17 | 		-webkit-transform: translate(-2px,0px);
 18 | 		-moz-transform: translate(-2px,0px);
 19 | 		-ms-transform: translate(-2px,0px);
 20 | 		transform: translate(-2px,0px);
 21 | 	}
 22 | 	50% {
 23 | 		-webkit-transform: translate(1px,0px);
 24 | 		-moz-transform: translate(1px,0px);
 25 | 		-ms-transform: translate(1px,0px);
 26 | 		transform: translate(1px,0px);
 27 | 	}
 28 | 	100% {
 29 | 		-webkit-transform: translate(-2px,0px);
 30 | 		-moz-transform: translate(-2px,0px);
 31 | 		-ms-transform: translate(-2px,0px);
 32 | 		transform: translate(-2px,0px);
 33 | 	}
 34 | 
 35 | }
 36 | .am-weather-cloud-2 {
 37 | 	-webkit-animation-name: am-weather-cloud-2;
 38 | 	-moz-animation-name: am-weather-cloud-2;
 39 | 	animation-name: am-weather-cloud-2;
 40 | 	-webkit-animation-duration: 8s;
 41 | 	-moz-animation-duration: 8s;
 42 | 	animation-duration: 8s;
 43 | 	-webkit-animation-timing-function: linear;
 44 | 	-moz-animation-timing-function: linear;
 45 | 	animation-timing-function: linear;
 46 | 	-webkit-animation-iteration-count: infinite;
 47 | 	-moz-animation-iteration-count: infinite;
 48 | 	animation-iteration-count: infinite;
 49 | }
 50 | /* EASING */
 51 | .am-weather-easing-ease-in-out {
 52 | 	-webkit-animation-timing-function: ease-in-out;
 53 | 	-moz-animation-timing-function: ease-in-out;
 54 | 	-ms-animation-timing-function: ease-in-out;
 55 | 	animation-timing-function: ease-in-out;
 56 | }
 57 | 
 58 | 
 59 | /* SUN */
 60 | @keyframes am-weather-sun {
 61 | 	0% {
 62 | 		-webkit-transform: rotate(0deg);
 63 | 		-moz-transform: rotate(0deg);
 64 | 		-ms-transform: rotate(0deg);
 65 | 		transform: rotate(0deg);
 66 | 	}
 67 | 	1% {
 68 | 		-webkit-transform: rotate(3deg);
 69 | 		-moz-transform: rotate(3deg);
 70 | 		-ms-transform: rotate(3deg);
 71 | 		transform: rotate(3deg);
 72 | 	}
 73 | 	3% {
 74 | 		-webkit-transform: rotate(10deg);
 75 | 		-moz-transform: rotate(10deg);
 76 | 		-ms-transform: rotate(10deg);
 77 | 		transform: rotate(10deg);
 78 | 	}
 79 | 	5% {
 80 | 		-webkit-transform: rotate(20deg);
 81 | 		-moz-transform: rotate(20deg);
 82 | 		-ms-transform: rotate(20deg);
 83 | 		transform: rotate(20deg);
 84 | 	}
 85 | 	45% {
 86 | 		-webkit-transform: rotate(340deg);
 87 | 		-moz-transform: rotate(340deg);
 88 | 		-ms-transform: rotate(340deg);
 89 | 		transform: rotate(340deg);
 90 | 	}
 91 | 	47% {
 92 | 		-webkit-transform: rotate(350deg);
 93 | 		-moz-transform: rotate(350deg);
 94 | 		-ms-transform: rotate(350deg);
 95 | 		transform: rotate(350deg);
 96 | 	}
 97 | 	49% {
 98 | 		-webkit-transform: rotate(357deg);
 99 | 		-moz-transform: rotate(357deg);
100 | 		-ms-transform: rotate(357deg);
101 | 		transform: rotate(357deg);
102 | 	}
103 | 	50% {
104 | 		-webkit-transform: rotate(360deg);
105 | 		-moz-transform: rotate(360deg);
106 | 		-ms-transform: rotate(360deg);
107 | 		transform: rotate(360deg);
108 | 	}
109 | 	100% {
110 | 		-webkit-transform: rotate(360deg);
111 | 		-moz-transform: rotate(360deg);
112 | 		-ms-transform: rotate(360deg);
113 | 		transform: rotate(360deg);
114 | 	}
115 | }
116 | .am-weather-sun {
117 | 	-webkit-animation-name: am-weather-sun;
118 | 	-moz-animation-name: am-weather-sun;
119 | 	-ms-animation-name: am-weather-sun;
120 | 	animation-name: am-weather-sun;
121 | 	-webkit-animation-duration: 18s;
122 | 	-moz-animation-duration: 18s;
123 | 	-ms-animation-duration: 18s;
124 | 	animation-duration: 18s;
125 | 	-webkit-animation-timing-function: linear;
126 | 	-moz-animation-timing-function: linear;
127 | 	-ms-animation-timing-function: linear;
128 | 	animation-timing-function: linear;
129 | 	-webkit-animation-iteration-count: infinite;
130 | 	-moz-animation-iteration-count: infinite;
131 | 	-ms-animation-iteration-count: infinite;
132 | 	animation-iteration-count: infinite;
133 | }
134 | @keyframes am-weather-sun-shiny {
135 | 	0% {
136 | 		stroke-dasharray: 2px 10px;
137 | 		stroke-dashoffset: 0px;
138 | 	}
139 | 	10% {
140 | 		stroke-dasharray: 0.1px 10px;
141 | 		stroke-dashoffset: -1px;
142 | 	}
143 | 	20% {
144 | 		stroke-dasharray: 2px 10px;
145 | 		stroke-dashoffset: 0px;
146 | 	}
147 | 	30% {
148 | 		stroke-dasharray: 0.1px 10px;
149 | 		stroke-dashoffset: -1px;
150 | 	}
151 | 	40% {
152 | 		stroke-dasharray: 2px 10px;
153 | 		stroke-dashoffset: 0px;
154 | 	}
155 | 	50% {
156 | 		stroke-dasharray: 0.1px 10px;
157 | 		stroke-dashoffset: -1px;
158 | 	}
159 | 	60% {
160 | 		stroke-dasharray: 2px 10px;
161 | 		stroke-dashoffset: 0px;
162 | 	}
163 | 	70% {
164 | 		stroke-dasharray: 0.1px 10px;
165 | 		stroke-dashoffset: -1px;
166 | 	}
167 | 	80% {
168 | 		stroke-dasharray: 2px 10px;
169 | 		stroke-dashoffset: 0px;
170 | 	}
171 | 	90% {
172 | 		stroke-dasharray: 0.1px 10px;
173 | 		stroke-dashoffset: -1px;
174 | 	}
175 | 	100% {
176 | 		stroke-dasharray: 2px 10px;
177 | 		stroke-dashoffset: 0px;
178 | 	}
179 | }
180 | .am-weather-sun-shiny line {
181 | 	-webkit-animation-name: am-weather-sun-shiny;
182 | 	-moz-animation-name: am-weather-sun-shiny;
183 | 	-ms-animation-name: am-weather-sun-shiny;
184 | 	animation-name: am-weather-sun-shiny;
185 | 	-webkit-animation-duration: 20s;
186 | 	-moz-animation-duration: 20s;
187 | 	-ms-animation-duration: 20s;
188 | 	animation-duration: 20s;
189 | 	-webkit-animation-timing-function: linear;
190 | 	-moz-animation-timing-function: linear;
191 | 	-ms-animation-timing-function: linear;
192 | 	animation-timing-function: linear;
193 | 	-webkit-animation-iteration-count: infinite;
194 | 	-moz-animation-iteration-count: infinite;
195 | 	-ms-animation-iteration-count: infinite;
196 | 	animation-iteration-count: infinite;
197 | }
198 | 
199 | /* EASING */
200 | .am-weather-easing-ease-in-out {
201 | 	-webkit-animation-timing-function: ease-in-out;
202 | 	-moz-animation-timing-function: ease-in-out;
203 | 	-ms-animation-timing-function: ease-in-out;
204 | 	animation-timing-function: ease-in-out;
205 | }]]></style>
206 | 	</defs>
207 | 	<g filter="url(#blur)" id="cloudy-day-3">
208 | 		<g transform="translate(14,3)">
209 | 			<g transform="translate(0,13)">
210 | 				<g class="am-weather-sun am-weather-sun-shiny">
211 | 					<g>
212 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
213 | 					</g>
214 | 					<g transform="rotate(45)">
215 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
216 | 					</g>
217 | 					<g transform="rotate(90)">
218 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
219 | 					</g>
220 | 					<g transform="rotate(135)">
221 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
222 | 					</g>
223 | 					<g transform="rotate(180)">
224 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
225 | 					</g>
226 | 					<g transform="rotate(225)">
227 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
228 | 					</g>
229 | 					<g transform="rotate(270)">
230 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
231 | 					</g>
232 | 					<g transform="rotate(315)">
233 | 						<line fill="none" stroke="#fddb4e" stroke-linecap="round" stroke-width="2" transform="translate(0,9)" x1="0" x2="0" y1="0" y2="3"/>
234 | 					</g>
235 | 				</g>
236 | 				<circle cx="0" cy="0" fill="#fddb4e" r="5" stroke="#fddb4e" stroke-width="2"/>
237 | 			</g>
238 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
239 | 				<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="#d4d4d4" transform="translate(-20,-11)"/>
240 | 			</g>
241 | 		</g>
242 | 	</g>
243 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/PARTLY_CLOUDY_NIGHT.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2 | <svg
  3 |    xmlns:dc="http://purl.org/dc/elements/1.1/"
  4 |    xmlns:cc="http://creativecommons.org/ns#"
  5 |    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
  6 |    xmlns:svg="http://www.w3.org/2000/svg"
  7 |    xmlns="http://www.w3.org/2000/svg"
  8 |    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  9 |    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
 10 |    version="1.1"
 11 |    width="45"
 12 |    height="45"
 13 |    viewbox="0 0 17 17"
 14 |    style="
 15 |     /* background-color: black; */
 16 | "
 17 |    id="svg1742"
 18 |    sodipodi:docname="PARTLY_CLOUDY_NIGHT.svg"
 19 |    inkscape:version="1.0.1 (3bc2e813f5, 2020-09-07)">
 20 |   <metadata
 21 |      id="metadata1746">
 22 |     <rdf:RDF>
 23 |       <cc:Work
 24 |          rdf:about="">
 25 |         <dc:format>image/svg+xml</dc:format>
 26 |         <dc:type
 27 |            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
 28 |         <dc:title></dc:title>
 29 |       </cc:Work>
 30 |     </rdf:RDF>
 31 |   </metadata>
 32 |   <sodipodi:namedview
 33 |      pagecolor="#ffffff"
 34 |      bordercolor="#666666"
 35 |      borderopacity="1"
 36 |      objecttolerance="10"
 37 |      gridtolerance="10"
 38 |      guidetolerance="10"
 39 |      inkscape:pageopacity="0"
 40 |      inkscape:pageshadow="2"
 41 |      inkscape:window-width="1920"
 42 |      inkscape:window-height="1137"
 43 |      id="namedview1744"
 44 |      showgrid="false"
 45 |      inkscape:zoom="7.613183"
 46 |      inkscape:cx="3.2388091"
 47 |      inkscape:cy="32.422343"
 48 |      inkscape:window-x="-8"
 49 |      inkscape:window-y="-8"
 50 |      inkscape:window-maximized="1"
 51 |      inkscape:current-layer="g1739" />
 52 |   <defs
 53 |      id="defs1695">
 54 |     <filter
 55 |        id="blur"
 56 |        width="200%"
 57 |        height="200%">
 58 |       <feComponentTransfer
 59 |          id="feComponentTransfer1684">
 60 |         <feFuncA
 61 |            type="linear"
 62 |            slope="0.05"
 63 |            id="feFuncA1682" />
 64 |       </feComponentTransfer>
 65 |       <feMerge
 66 |          id="feMerge1690">
 67 |         <feMergeNode
 68 |            id="feMergeNode1686" />
 69 |         <feMergeNode
 70 |            in="SourceGraphic"
 71 |            id="feMergeNode1688" />
 72 |       </feMerge>
 73 |     </filter>
 74 |     <style
 75 |        type="text/css"
 76 |        id="style1693"><![CDATA[
 77 | /* CLOUDS */
 78 | @keyframes am-weather-cloud-2 {
 79 | 	0% {
 80 | 		-webkit-transform: translate(-2px,0px);
 81 | 		-moz-transform: translate(-2px,0px);
 82 | 		-ms-transform: translate(-2px,0px);
 83 | 		transform: translate(-2px,0px);
 84 | 	}
 85 | 	50% {
 86 | 		-webkit-transform: translate(1px,0px);
 87 | 		-moz-transform: translate(1px,0px);
 88 | 		-ms-transform: translate(1px,0px);
 89 | 		transform: translate(1px,0px);
 90 | 	}
 91 | 	100% {
 92 | 		-webkit-transform: translate(-2px,0px);
 93 | 		-moz-transform: translate(-2px,0px);
 94 | 		-ms-transform: translate(-2px,0px);
 95 | 		transform: translate(-2px,0px);
 96 | 	}
 97 | 
 98 | }
 99 | .am-weather-cloud-2 {
100 | 	-webkit-animation-name: am-weather-cloud-2;
101 | 	-moz-animation-name: am-weather-cloud-2;
102 | 	animation-name: am-weather-cloud-2;
103 | 	-webkit-animation-duration: 8s;
104 | 	-moz-animation-duration: 8s;
105 | 	animation-duration: 8s;
106 | 	-webkit-animation-timing-function: linear;
107 | 	-moz-animation-timing-function: linear;
108 | 	animation-timing-function: linear;
109 | 	-webkit-animation-iteration-count: infinite;
110 | 	-moz-animation-iteration-count: infinite;
111 | 	animation-iteration-count: infinite;
112 | }
113 | /* EASING */
114 | .am-weather-easing-ease-in-out {
115 | 	-webkit-animation-timing-function: ease-in-out;
116 | 	-moz-animation-timing-function: ease-in-out;
117 | 	-ms-animation-timing-function: ease-in-out;
118 | 	animation-timing-function: ease-in-out;
119 | }
120 | 
121 | 
122 | /* SUN */
123 | @keyframes am-weather-sun {
124 | 	0% {
125 | 		-webkit-transform: rotate(0deg);
126 | 		-moz-transform: rotate(0deg);
127 | 		-ms-transform: rotate(0deg);
128 | 		transform: rotate(0deg);
129 | 	}
130 | 	1% {
131 | 		-webkit-transform: rotate(3deg);
132 | 		-moz-transform: rotate(3deg);
133 | 		-ms-transform: rotate(3deg);
134 | 		transform: rotate(3deg);
135 | 	}
136 | 	3% {
137 | 		-webkit-transform: rotate(10deg);
138 | 		-moz-transform: rotate(10deg);
139 | 		-ms-transform: rotate(10deg);
140 | 		transform: rotate(10deg);
141 | 	}
142 | 	5% {
143 | 		-webkit-transform: rotate(20deg);
144 | 		-moz-transform: rotate(20deg);
145 | 		-ms-transform: rotate(20deg);
146 | 		transform: rotate(20deg);
147 | 	}
148 | 	45% {
149 | 		-webkit-transform: rotate(340deg);
150 | 		-moz-transform: rotate(340deg);
151 | 		-ms-transform: rotate(340deg);
152 | 		transform: rotate(340deg);
153 | 	}
154 | 	47% {
155 | 		-webkit-transform: rotate(350deg);
156 | 		-moz-transform: rotate(350deg);
157 | 		-ms-transform: rotate(350deg);
158 | 		transform: rotate(350deg);
159 | 	}
160 | 	49% {
161 | 		-webkit-transform: rotate(357deg);
162 | 		-moz-transform: rotate(357deg);
163 | 		-ms-transform: rotate(357deg);
164 | 		transform: rotate(357deg);
165 | 	}
166 | 	50% {
167 | 		-webkit-transform: rotate(360deg);
168 | 		-moz-transform: rotate(360deg);
169 | 		-ms-transform: rotate(360deg);
170 | 		transform: rotate(360deg);
171 | 	}
172 | 	100% {
173 | 		-webkit-transform: rotate(360deg);
174 | 		-moz-transform: rotate(360deg);
175 | 		-ms-transform: rotate(360deg);
176 | 		transform: rotate(360deg);
177 | 	}
178 | }
179 | .am-weather-sun {
180 | 	-webkit-animation-name: am-weather-sun;
181 | 	-moz-animation-name: am-weather-sun;
182 | 	-ms-animation-name: am-weather-sun;
183 | 	animation-name: am-weather-sun;
184 | 	-webkit-animation-duration: 18s;
185 | 	-moz-animation-duration: 18s;
186 | 	-ms-animation-duration: 18s;
187 | 	animation-duration: 18s;
188 | 	-webkit-animation-timing-function: linear;
189 | 	-moz-animation-timing-function: linear;
190 | 	-ms-animation-timing-function: linear;
191 | 	animation-timing-function: linear;
192 | 	-webkit-animation-iteration-count: infinite;
193 | 	-moz-animation-iteration-count: infinite;
194 | 	-ms-animation-iteration-count: infinite;
195 | 	animation-iteration-count: infinite;
196 | }
197 | @keyframes am-weather-sun-shiny {
198 | 	0% {
199 | 		stroke-dasharray: 2px 10px;
200 | 		stroke-dashoffset: 0px;
201 | 	}
202 | 	10% {
203 | 		stroke-dasharray: 0.1px 10px;
204 | 		stroke-dashoffset: -1px;
205 | 	}
206 | 	20% {
207 | 		stroke-dasharray: 2px 10px;
208 | 		stroke-dashoffset: 0px;
209 | 	}
210 | 	30% {
211 | 		stroke-dasharray: 0.1px 10px;
212 | 		stroke-dashoffset: -1px;
213 | 	}
214 | 	40% {
215 | 		stroke-dasharray: 2px 10px;
216 | 		stroke-dashoffset: 0px;
217 | 	}
218 | 	50% {
219 | 		stroke-dasharray: 0.1px 10px;
220 | 		stroke-dashoffset: -1px;
221 | 	}
222 | 	60% {
223 | 		stroke-dasharray: 2px 10px;
224 | 		stroke-dashoffset: 0px;
225 | 	}
226 | 	70% {
227 | 		stroke-dasharray: 0.1px 10px;
228 | 		stroke-dashoffset: -1px;
229 | 	}
230 | 	80% {
231 | 		stroke-dasharray: 2px 10px;
232 | 		stroke-dashoffset: 0px;
233 | 	}
234 | 	90% {
235 | 		stroke-dasharray: 0.1px 10px;
236 | 		stroke-dashoffset: -1px;
237 | 	}
238 | 	100% {
239 | 		stroke-dasharray: 2px 10px;
240 | 		stroke-dashoffset: 0px;
241 | 	}
242 | }
243 | .am-weather-sun-shiny line {
244 | 	-webkit-animation-name: am-weather-sun-shiny;
245 | 	-moz-animation-name: am-weather-sun-shiny;
246 | 	-ms-animation-name: am-weather-sun-shiny;
247 | 	animation-name: am-weather-sun-shiny;
248 | 	-webkit-animation-duration: 20s;
249 | 	-moz-animation-duration: 20s;
250 | 	-ms-animation-duration: 20s;
251 | 	animation-duration: 20s;
252 | 	-webkit-animation-timing-function: linear;
253 | 	-moz-animation-timing-function: linear;
254 | 	-ms-animation-timing-function: linear;
255 | 	animation-timing-function: linear;
256 | 	-webkit-animation-iteration-count: infinite;
257 | 	-moz-animation-iteration-count: infinite;
258 | 	-ms-animation-iteration-count: infinite;
259 | 	animation-iteration-count: infinite;
260 | }
261 | 
262 | /* EASING */
263 | .am-weather-easing-ease-in-out {
264 | 	-webkit-animation-timing-function: ease-in-out;
265 | 	-moz-animation-timing-function: ease-in-out;
266 | 	-ms-animation-timing-function: ease-in-out;
267 | 	animation-timing-function: ease-in-out;
268 | }]]></style>
269 |     <filter
270 |        id="blur-1"
271 |        width="2"
272 |        height="2">
273 |       <feComponentTransfer
274 |          id="feComponentTransfer999">
275 |         <feFuncA
276 |            type="linear"
277 |            slope="0.05"
278 |            id="feFuncA997" />
279 |       </feComponentTransfer>
280 |       <feMerge
281 |          id="feMerge1005">
282 |         <feMergeNode
283 |            id="feMergeNode1001" />
284 |         <feMergeNode
285 |            in="SourceGraphic"
286 |            id="feMergeNode1003" />
287 |       </feMerge>
288 |     </filter>
289 |   </defs>
290 |   <g
291 |      filter="url(#blur)"
292 |      id="cloudy-day-3">
293 |     <g
294 |        transform="translate(14,3)"
295 |        id="g1739">
296 |       <g
297 |          filter="url(#blur)"
298 |          id="night"
299 |          transform="matrix(0.73397245,0,0,0.73397245,7.7292828,3.2374917)"
300 |          style="filter:url(#blur-1)">
301 |         <g
302 |            id="g1024">
303 |           <g
304 |              class="am-weather-star-2"
305 |              id="g1014">
306 |             <polygon
307 |                fill="#f9e491"
308 |                points="4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7 3.3,1.5 4,2.7 5.2,3.3 "
309 |                stroke="none"
310 |                stroke-miterlimit="10"
311 |                id="polygon1012" />
312 |           </g>
313 |           <g
314 |              class="am-weather-star-1"
315 |              id="g1018">
316 |             <polygon
317 |                fill="#f9e491"
318 |                points="4,4 3.3,5.2 2.7,4 1.5,3.3 2.7,2.7 3.3,1.5 4,2.7 5.2,3.3 "
319 |                stroke="none"
320 |                stroke-miterlimit="10"
321 |                transform="translate(20,10)"
322 |                id="polygon1016" />
323 |           </g>
324 |           <g
325 |              class="am-weather-moon"
326 |              id="g1022">
327 |             <path
328 |                d="m 14.5,13.2 c 0,-3.7 2,-6.9 5,-8.7 -1.5,-0.9 -3.2,-1.3 -5,-1.3 -5.5,0 -10,4.5 -10,10 0,5.5 4.5,10 10,10 1.8,0 3.5,-0.5 5,-1.3 -3,-1.7 -5,-5 -5,-8.7 z"
329 |                fill="#f9e491"
330 |                stroke="#f9e491"
331 |                stroke-linejoin="round"
332 |                stroke-width="2"
333 |                id="path1020" />
334 |           </g>
335 |         </g>
336 |       </g>
337 |       <g
338 |          class="am-weather-cloud-2 am-weather-easing-ease-in-out"
339 |          id="g1737"
340 |          transform="translate(-7.2481431,-0.61274783)">
341 |         <path
342 |            d="m 47.7,35.4 c 0,-4.6 -3.7,-8.2 -8.2,-8.2 -1,0 -1.9,0.2 -2.8,0.5 -0.3,-3.4 -3.1,-6.2 -6.6,-6.2 -3.7,0 -6.7,3 -6.7,6.7 0,0.8 0.2,1.6 0.4,2.3 -0.3,-0.1 -0.7,-0.1 -1,-0.1 -3.7,0 -6.7,3 -6.7,6.7 0,3.6 2.9,6.6 6.5,6.7 h 17.2 c 4.4,-0.5 7.9,-4 7.9,-8.4 z"
343 |            fill="#d4d4d4"
344 |            transform="translate(-20,-11)"
345 |            id="path1735" />
346 |       </g>
347 |     </g>
348 |   </g>
349 | </svg>
350 | 


--------------------------------------------------------------------------------
/dist/icons/animated1/STORM_RAIN.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" viewbox="0 0 17 17" style="&#10;">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /*  RAIN */
 15 | @keyframes am-weather-rain {
 16 | 	0% {
 17 | 		stroke-dashoffset: 0;
 18 | 	}
 19 | 	100% {
 20 | 		stroke-dashoffset: -100;
 21 | 	}
 22 | }
 23 | .am-weather-rain-1 {
 24 | 	-webkit-animation-name: am-weather-rain;
 25 | 	-moz-animation-name: am-weather-rain;
 26 | 	-ms-animation-name: am-weather-rain;
 27 | 	animation-name: am-weather-rain;
 28 | 	-webkit-animation-duration: 8s;
 29 | 	-moz-animation-duration: 8s;
 30 | 	-ms-animation-duration: 8s;
 31 | 	animation-duration: 8s;
 32 | 	-webkit-animation-timing-function: linear;
 33 | 	-moz-animation-timing-function: linear;
 34 | 	-ms-animation-timing-function: linear;
 35 | 	animation-timing-function: linear;
 36 | 	-webkit-animation-iteration-count: infinite;
 37 | 	-moz-animation-iteration-count: infinite;
 38 | 	-ms-animation-iteration-count: infinite;
 39 | 	animation-iteration-count: infinite;
 40 | }
 41 | .am-weather-rain-2 {
 42 | 	-webkit-animation-name: am-weather-rain;
 43 | 	-moz-animation-name: am-weather-rain;
 44 | 	-ms-animation-name: am-weather-rain;
 45 | 	animation-name: am-weather-rain;
 46 | 	-webkit-animation-delay: 0.25s;
 47 | 	-moz-animation-delay: 0.25s;
 48 | 	-ms-animation-delay: 0.25s;
 49 | 	animation-delay: 0.25s;
 50 | 	-webkit-animation-duration: 8s;
 51 | 	-moz-animation-duration: 8s;
 52 | 	-ms-animation-duration: 8s;
 53 | 	animation-duration: 8s;
 54 | 	-webkit-animation-timing-function: linear;
 55 | 	-moz-animation-timing-function: linear;
 56 | 	-ms-animation-timing-function: linear;
 57 | 	animation-timing-function: linear;
 58 | 	-webkit-animation-iteration-count: infinite;
 59 | 	-moz-animation-iteration-count: infinite;
 60 | 	-ms-animation-iteration-count: infinite;
 61 | 	animation-iteration-count: infinite;
 62 | }
 63 | @keyframes am-weather-cloud-2 {
 64 | 	0% {
 65 | 		-webkit-transform: translate(0px,0px);
 66 | 		-moz-transform: translate(0px,0px);
 67 | 		-ms-transform: translate(0px,0px);
 68 | 		transform: translate(0px,0px);
 69 | 	}
 70 | 	50% {
 71 | 		-webkit-transform: translate(3px,0px);
 72 | 		-moz-transform: translate(3px,0px);
 73 | 		-ms-transform: translate(3px,0px);
 74 | 		transform: translate(3px,0px);
 75 | 	}
 76 | 	100% {
 77 | 		-webkit-transform: translate(0px,0px);
 78 | 		-moz-transform: translate(0px,0px);
 79 | 		-ms-transform: translate(0px,0px);
 80 | 		transform: translate(0px,0px);
 81 | 	}
 82 | 
 83 | }
 84 | .am-weather-cloud-2 {
 85 | 	-webkit-animation-name: am-weather-cloud-2;
 86 | 	-moz-animation-name: am-weather-cloud-2;
 87 | 	animation-name: am-weather-cloud-2;
 88 | 	-webkit-animation-duration: 8s;
 89 | 	-moz-animation-duration: 8s;
 90 | 	animation-duration: 8s;
 91 | 	-webkit-animation-timing-function: linear;
 92 | 	-moz-animation-timing-function: linear;
 93 | 	animation-timing-function: linear;
 94 | 	-webkit-animation-iteration-count: infinite;
 95 | 	-moz-animation-iteration-count: infinite;
 96 | 	animation-iteration-count: infinite;
 97 | }
 98 | /* EASING */
 99 | .am-weather-easing-ease-in-out {
100 | 	-webkit-animation-timing-function: ease-in-out;
101 | 	-moz-animation-timing-function: ease-in-out;
102 | 	-ms-animation-timing-function: ease-in-out;
103 | 	animation-timing-function: ease-in-out;
104 | }
105 | 
106 | 
107 | ]]></style>
108 | 	</defs>
109 | 	<g filter="url(#blur)" id="rainy-7">
110 | 		<g transform="translate(8,-8)">
111 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
112 | 				<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="#d4d4d4" transform="translate(-20,-11)"/>
113 | 			</g>
114 | 		</g>
115 | 		<g transform="translate(19,28), rotate(10)">
116 | 			<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"/>
117 | 			<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"/>
118 | 			<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"/>
119 | 		</g>
120 | 	</g>
121 | </svg>


--------------------------------------------------------------------------------
/dist/icons/animated1/STORM_SNOW.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="40" height="40" viewbox="0 0 17 17">
  3 | <defs>
  4 | 	<filter id="blur" width="200%" height="200%">
  5 | 		<feComponentTransfer>
  6 | 			<feFuncA type="linear" slope="0.05"/>
  7 | 		</feComponentTransfer>
  8 | 		<feMerge> 
  9 | 			<feMergeNode/>
 10 | 			<feMergeNode in="SourceGraphic"/> 
 11 | 		</feMerge>
 12 | 	</filter>
 13 | 	<style type="text/css"><![CDATA[
 14 | /* CLOUDS */
 15 | @keyframes am-weather-cloud-2 {
 16 | 	0% {
 17 | 		-webkit-transform: translate(-2px,0px);
 18 | 		-moz-transform: translate(-2px,0px);
 19 | 		-ms-transform: translate(-2px,0px);
 20 | 		transform: translate(-2px,0px);
 21 | 	}
 22 | 	50% {
 23 | 		-webkit-transform: translate(1px,0px);
 24 | 		-moz-transform: translate(1px,0px);
 25 | 		-ms-transform: translate(1px,0px);
 26 | 		transform: translate(1px,0px);
 27 | 	}
 28 | 	100% {
 29 | 		-webkit-transform: translate(-2px,0px);
 30 | 		-moz-transform: translate(-2px,0px);
 31 | 		-ms-transform: translate(-2px,0px);
 32 | 		transform: translate(-2px,0px);
 33 | 	}
 34 | 
 35 | }
 36 | .am-weather-cloud-2 {
 37 | 	-webkit-animation-name: am-weather-cloud-2;
 38 | 	-moz-animation-name: am-weather-cloud-2;
 39 | 	animation-name: am-weather-cloud-2;
 40 | 	-webkit-animation-duration: 8s;
 41 | 	-moz-animation-duration: 8s;
 42 | 	animation-duration: 8s;
 43 | 	-webkit-animation-timing-function: linear;
 44 | 	-moz-animation-timing-function: linear;
 45 | 	animation-timing-function: linear;
 46 | 	-webkit-animation-iteration-count: infinite;
 47 | 	-moz-animation-iteration-count: infinite;
 48 | 	animation-iteration-count: infinite;
 49 | }
 50 | /* EASING */
 51 | .am-weather-easing-ease-in-out {
 52 | 	-webkit-animation-timing-function: ease-in-out;
 53 | 	-moz-animation-timing-function: ease-in-out;
 54 | 	-ms-animation-timing-function: ease-in-out;
 55 | 	animation-timing-function: ease-in-out;
 56 | }
 57 | 
 58 | /* SNOW */
 59 | @keyframes am-weather-snow {
 60 | 	0% {
 61 | 		-webkit-transform: translateX(0) translateY(0);
 62 | 		-moz-transform: translateX(0) translateY(0);
 63 | 		-ms-transform: translateX(0) translateY(0);
 64 | 		transform: translateX(0) translateY(0);
 65 | 	}
 66 | 	33.33% {
 67 | 		-webkit-transform: translateX(-1.2px) translateY(2px);
 68 | 		-moz-transform: translateX(-1.2px) translateY(2px);
 69 | 		-ms-transform: translateX(-1.2px) translateY(2px);
 70 | 		transform: translateX(-1.2px) translateY(2px);
 71 | 	}
 72 | 	66.66% {
 73 | 		-webkit-transform: translateX(1.4px) translateY(4px);
 74 | 		-moz-transform: translateX(1.4px) translateY(4px);
 75 | 		-ms-transform: translateX(1.4px) translateY(4px);
 76 | 		transform: translateX(1.4px) translateY(4px);
 77 | 		opacity: 1;
 78 | 	}
 79 | 	100% {
 80 | 		-webkit-transform: translateX(-1.6px) translateY(6px);
 81 | 		-moz-transform: translateX(-1.6px) translateY(6px);
 82 | 		-ms-transform: translateX(-1.6px) translateY(6px);
 83 | 		transform: translateX(-1.6px) translateY(6px);
 84 | 		opacity: 0;
 85 | 	}
 86 | }
 87 | @keyframes am-weather-snow-reverse {
 88 | 	0% {
 89 | 		-webkit-transform: translateX(0) translateY(0);
 90 | 		-moz-transform: translateX(0) translateY(0);
 91 | 		-ms-transform: translateX(0) translateY(0);
 92 | 		transform: translateX(0) translateY(0);
 93 | 	}
 94 | 	33.33% {
 95 | 		-webkit-transform: translateX(1.2px) translateY(2px);
 96 | 		-moz-transform: translateX(1.2px) translateY(2px);
 97 | 		-ms-transform: translateX(1.2px) translateY(2px);
 98 | 		transform: translateX(1.2px) translateY(2px);
 99 | 	}
100 | 	66.66% {
101 | 		-webkit-transform: translateX(-1.4px) translateY(4px);
102 | 		-moz-transform: translateX(-1.4px) translateY(4px);
103 | 		-ms-transform: translateX(-1.4px) translateY(4px);
104 | 		transform: translateX(-1.4px) translateY(4px);
105 | 		opacity: 1;
106 | 	}
107 | 	100% {
108 | 		-webkit-transform: translateX(1.6px) translateY(6px);
109 | 		-moz-transform: translateX(1.6px) translateY(6px);
110 | 		-ms-transform: translateX(1.6px) translateY(6px);
111 | 		transform: translateX(1.6px) translateY(6px);
112 | 		opacity: 0;
113 | 	}
114 | }
115 | .am-weather-snow-1 {
116 | 	-webkit-animation-name: am-weather-snow;
117 | 	-moz-animation-name: am-weather-snow;
118 | 	-ms-animation-name: am-weather-snow;
119 | 	animation-name: am-weather-snow;
120 | 	-webkit-animation-duration: 2s;
121 | 	-moz-animation-duration: 2s;
122 | 	-ms-animation-duration: 2s;
123 | 	animation-duration: 2s;
124 | 	-webkit-animation-timing-function: linear;
125 | 	-moz-animation-timing-function: linear;
126 | 	-ms-animation-timing-function: linear;
127 | 	animation-timing-function: linear;
128 | 	-webkit-animation-iteration-count: infinite;
129 | 	-moz-animation-iteration-count: infinite;
130 | 	-ms-animation-iteration-count: infinite;
131 | 	animation-iteration-count: infinite;
132 | }
133 | .am-weather-snow-2 {
134 | 	-webkit-animation-name: am-weather-snow;
135 | 	-moz-animation-name: am-weather-snow;
136 | 	-ms-animation-name: am-weather-snow;
137 | 	animation-name: am-weather-snow;
138 | 	-webkit-animation-delay: 1.2s;
139 | 	-moz-animation-delay: 1.2s;
140 | 	-ms-animation-delay: 1.2s;
141 | 	animation-delay: 1.2s;
142 | 	-webkit-animation-duration: 2s;
143 | 	-moz-animation-duration: 2s;
144 | 	-ms-animation-duration: 2s;
145 | 	animation-duration: 2s;
146 | 	-webkit-animation-timing-function: linear;
147 | 	-moz-animation-timing-function: linear;
148 | 	-ms-animation-timing-function: linear;
149 | 	animation-timing-function: linear;
150 | 	-webkit-animation-iteration-count: infinite;
151 | 	-moz-animation-iteration-count: infinite;
152 | 	-ms-animation-iteration-count: infinite;
153 | 	animation-iteration-count: infinite;
154 | }
155 | .am-weather-snow-3 {
156 | 	-webkit-animation-name: am-weather-snow-reverse;
157 | 	-moz-animation-name: am-weather-snow-reverse;
158 | 	-ms-animation-name: am-weather-snow-reverse;
159 | 	animation-name: am-weather-snow-reverse;
160 | 	-webkit-animation-duration: 2s;
161 | 	-moz-animation-duration: 2s;
162 | 	-ms-animation-duration: 2s;
163 | 	animation-duration: 2s;
164 | 	-webkit-animation-timing-function: linear;
165 | 	-moz-animation-timing-function: linear;
166 | 	-ms-animation-timing-function: linear;
167 | 	animation-timing-function: linear;
168 | 	-webkit-animation-iteration-count: infinite;
169 | 	-moz-animation-iteration-count: infinite;
170 | 	-ms-animation-iteration-count: infinite;
171 | 	animation-iteration-count: infinite;
172 | }]]></style>
173 | 	</defs>
174 | 	<g filter="url(#blur)" id="snowy-6">
175 | 		<g transform="translate(7,-8)">
176 | 			<g class="am-weather-cloud-2 am-weather-easing-ease-in-out">
177 | 				<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="#d4d4d4" transform="translate(-20,-11)"/>
178 | 			</g>
179 | 			<g class="am-weather-snow-1">
180 | 				<g transform="translate(3,28)">
181 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
182 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
183 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
184 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
185 | 				</g>
186 | 			</g>
187 | 			<g class="am-weather-snow-2">
188 | 				<g transform="translate(11,28)">
189 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
190 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
191 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
192 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
193 | 				</g>
194 | 			</g>
195 | 			<g class="am-weather-snow-3">
196 | 				<g transform="translate(20,28)">
197 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1.2" transform="translate(0,9), rotate(0)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
198 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(45)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
199 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(90)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
200 | 					<line fill="none" stroke="#b4cde8" stroke-linecap="round" stroke-width="1" transform="translate(0,9), rotate(135)" x1="0" x2="0" y1="-2.5" y2="2.5"/>
201 | 				</g>
202 | 			</g>
203 | 		</g>
204 | 	</g>
205 | </svg>


--------------------------------------------------------------------------------
/hacs.json:
--------------------------------------------------------------------------------
1 | {
2 |   "name": "Colorfulclouds Weather Card",
3 |   "render_readme": true,
4 |   "filename":"colorfulclouds-weather-card.js",
5 |   "country": ["CN"]
6 | }
7 | 


--------------------------------------------------------------------------------