123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198 |
- <?xml version="1.0" encoding="utf-8"?>
- <!-- (c) ammap.com | SVG weather icons -->
- <svg
- version="1.1"
- xmlns="http://www.w3.org/2000/svg"
- xmlns:xlink="http://www.w3.org/1999/xlink"
- width="64"
- height="64"
- viewbox="0 0 64 64">
- <defs>
- <filter id="blur" width="200%" height="200%">
- <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
- <feOffset dx="0" dy="4" result="offsetblur"/>
- <feComponentTransfer>
- <feFuncA type="linear" slope="0.05"/>
- </feComponentTransfer>
- <feMerge>
- <feMergeNode/>
- <feMergeNode in="SourceGraphic"/>
- </feMerge>
- </filter>
- <style type="text/css"><![CDATA[
- /*
- ** CLOUDS
- */
- @keyframes am-weather-cloud-2 {
- 0% {
- -webkit-transform: translate(0px,0px);
- -moz-transform: translate(0px,0px);
- -ms-transform: translate(0px,0px);
- transform: translate(0px,0px);
- }
- 50% {
- -webkit-transform: translate(2px,0px);
- -moz-transform: translate(2px,0px);
- -ms-transform: translate(2px,0px);
- transform: translate(2px,0px);
- }
- 100% {
- -webkit-transform: translate(0px,0px);
- -moz-transform: translate(0px,0px);
- -ms-transform: translate(0px,0px);
- transform: translate(0px,0px);
- }
- }
- .am-weather-cloud-2 {
- -webkit-animation-name: am-weather-cloud-2;
- -moz-animation-name: am-weather-cloud-2;
- animation-name: am-weather-cloud-2;
- -webkit-animation-duration: 3s;
- -moz-animation-duration: 3s;
- animation-duration: 3s;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- }
- /*
- ** MOON
- */
- @keyframes am-weather-moon {
- 0% {
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- 50% {
- -webkit-transform: rotate(15deg);
- -moz-transform: rotate(15deg);
- -ms-transform: rotate(15deg);
- transform: rotate(15deg);
- }
- 100% {
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- transform: rotate(0deg);
- }
- }
- .am-weather-moon {
- -webkit-animation-name: am-weather-moon;
- -moz-animation-name: am-weather-moon;
- -ms-animation-name: am-weather-moon;
- animation-name: am-weather-moon;
- -webkit-animation-duration: 6s;
- -moz-animation-duration: 6s;
- -ms-animation-duration: 6s;
- animation-duration: 6s;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- -ms-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-iteration-count: infinite;
- -ms-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
- -moz-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
- -ms-transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
- transform-origin: 12.5px 15.15px 0; /* TODO FF CENTER ISSUE */
- }
- @keyframes am-weather-moon-star-1 {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .am-weather-moon-star-1 {
- -webkit-animation-name: am-weather-moon-star-1;
- -moz-animation-name: am-weather-moon-star-1;
- -ms-animation-name: am-weather-moon-star-1;
- animation-name: am-weather-moon-star-1;
- -webkit-animation-delay: 3s;
- -moz-animation-delay: 3s;
- -ms-animation-delay: 3s;
- animation-delay: 3s;
- -webkit-animation-duration: 5s;
- -moz-animation-duration: 5s;
- -ms-animation-duration: 5s;
- animation-duration: 5s;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- -ms-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- -moz-animation-iteration-count: 1;
- -ms-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
- @keyframes am-weather-moon-star-2 {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .am-weather-moon-star-2 {
- -webkit-animation-name: am-weather-moon-star-2;
- -moz-animation-name: am-weather-moon-star-2;
- -ms-animation-name: am-weather-moon-star-2;
- animation-name: am-weather-moon-star-2;
- -webkit-animation-delay: 5s;
- -moz-animation-delay: 5s;
- -ms-animation-delay: 5s;
- animation-delay: 5s;
- -webkit-animation-duration: 4s;
- -moz-animation-duration: 4s;
- -ms-animation-duration: 4s;
- animation-duration: 4s;
- -webkit-animation-timing-function: linear;
- -moz-animation-timing-function: linear;
- -ms-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- -moz-animation-iteration-count: 1;
- -ms-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
- ]]></style>
- </defs>
- <g filter="url(#blur)" id="cloudy-night-2">
- <g transform="translate(20,10)">
- <g transform="translate(16,4), scale(0.8)">
- <g class="am-weather-moon-star-1">
- <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"/>
- </g>
- <g class="am-weather-moon-star-2">
- <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)"/>
- </g>
- <g class="am-weather-moon">
- <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"/>
- </g>
- </g>
- <g class="am-weather-cloud-2">
- <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)"/>
- </g>
- </g>
- </g>
- </svg>
|