weather-icons-animated
Version:
A series of hand crafted and detailed weather icons animated with react & emotion.js
451 lines (437 loc) • 19.3 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("@emotion/react"),M=a.keyframes`
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
`,L=a.css`
&.flash {
animation-name: ${M};
}
`,D=a.keyframes`
0% {
transform: translate(0px, calc(var(--cloud-push) + 15px));
opacity: 0.75;
}
25% {
transform: translate(15px, calc(var(--cloud-push) + 0px));
opacity: 1;
}
50% {
transform: translate(30px, calc(var(--cloud-push) + 0px));
opacity: 1;
}
75% {
transform: translate(25px, calc(var(--cloud-push) + 0px));
opacity: 1;
}
100% {
transform: translate(0px, calc(var(--cloud-push) + 15px));
opacity: 0.75;
}
`,S=a.keyframes`
0% {
transform: translate(10px, 10px) scale(0.5);
opacity: 0.75;
}
25% {
transform: translate(15px, 15px) scale(0.5);
opacity: 1;
}
50% {
transform: translate(10px, 15px) scale(0.5);
opacity: 1;
}
75% {
transform: translate(0px, 15px) scale(0.5);
opacity: 1;
}
100% {
transform: translate(10px, 10px) scale(0.5);
opacity: 0.75;
}
`,v=a.css`
&.float {
animation-name: ${D};
&.reverse {
animation-name: ${S};
}
}
`,G=a.keyframes`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`,C=a.css`
&.rotate {
animation-name: ${G};
}
`,f=a.keyframes`
0%, 100% {
stroke-opacity: 0;
fill-opacity: 0;
}
50% {
stroke-opacity: 1;
fill-opacity: 1;
}
`,A=a.css`
&.fade-in-out {
animation-name: ${f};
}
`,O=a.keyframes`
0%,
100% {
transform: translateY(0) scale(1);
}
50% {
transform: translateY(3%) scale(0.95);
}
`,R=a.css`
&.bob {
animation: ${O} 3s ease-in-out infinite;
}
`,Y=a.css`
.animated {
animation-duration: 1s;
animation-fill-mode: both;
&.infinite {
animation-iteration-count: infinite;
}
${Array.from({length:6},(e,n)=>n+1).map(e=>`
&.delay-${e}s {
animation-delay: ${e}s;
}
`).join("")}
${v}
${L}
${C}
${A}
${R}
}
`,y={styles:a.css`
.lightening {
animation-duration: 2.5s;
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsx("symbol",{id:"lighteningBolt",children:s.jsx("path",{fill:"#b8f1f8",d:"M15,0 L1,23 L8,23 L0,40 L15,19 L8,19Z"})})},t=2.5,B=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translateY(-${t}%);
}
`,K=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translate(-${t}% * 0.5, ${t}% * 0.5);
}
`,z=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translateX(${t}%);
}
`,Q=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translate(-${t}% * 0.5, -${t}% * 0.5);
}
`,I=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translateY(${t}%);
}
`,W=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translate(${t}% * 0.5, -${t}% * 0.5);
}
`,P=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translateX(-${t}%);
}
`,Z=a.keyframes`
0%,
100% {
transform: translate(0%);
}
50% {
transform: translate(${t}% * 0.5, ${t}% * 0.5);
}
`,m={styles:a.css`
.sun-mask-circle {
fill: black;
transition: transform 0.5s ease-in-out;
transform: scale(1);
transform-origin: 50% 50%;
stroke: black;
stroke-width: 6;
stroke-linecap: round;
stroke-linejoin: round;
}
.sun {
.sun-circle {
fill: transparent;
transition: transform 0.5s ease-in-out;
transform: scale(1);
transform-origin: 50% 50%;
stroke: url(#gradYellow);
}
.path {
stroke-width: 6;
stroke-linecap: round;
stroke-linejoin: round;
}
.rays {
transform-origin: 50%;
animation-duration: 120s;
animation-timing-function: linear;
}
.ray {
transition: transform 0.5s ease-in-out;
transform: scale(1);
transform-origin: 50% 50%;
stroke: yellow;
&:nth-of-type(1) {
animation: ${B} 5s infinite 0s;
}
&:nth-of-type(2) {
animation: ${K} 5s infinite 0.1s;
}
&:nth-of-type(3) {
animation: ${z} 5s infinite 0.2s;
}
&:nth-of-type(4) {
animation: ${Q} 5s infinite 0.3s;
}
&:nth-of-type(5) {
animation: ${I} 5s infinite 0.4s;
}
&:nth-of-type(6) {
animation: ${W} 5s infinite 0.5s;
}
&:nth-of-type(7) {
animation: ${P} 5s infinite 0.6s;
}
&:nth-of-type(8) {
animation: ${Z} 5s infinite 0.7s;
}
}
}
`,defs:s.jsxs("mask",{className:"sun-mask",id:"sun-mask",children:[s.jsx("rect",{x:"0",y:"0",width:"100",height:"100",fill:"white"}),s.jsx("circle",{className:"sun-mask-circle",cx:"50",cy:"48.5",r:"16.5"})]}),symbol:s.jsx("symbol",{id:"sun",children:s.jsx("g",{className:"sun-mask",children:s.jsxs("g",{className:"sun",children:[s.jsx("g",{className:"rays-mask",mask:"url(#sun-mask)",children:s.jsxs("g",{className:"rays animated infinite rotate",children:[s.jsx("line",{className:"path ray",x1:"50",y1:"12.3",x2:"50",y2:"18.9"}),s.jsx("line",{className:"path ray",x1:"75.7",y1:"22.8",x2:"70.9",y2:"27.6"}),s.jsx("line",{className:"path ray",x1:"86.2",y1:"48.5",x2:"79.6",y2:"48.5"}),s.jsx("line",{className:"path ray",x1:"75.7",y1:"74.2",x2:"70.9",y2:"69.4"}),s.jsx("line",{className:"path ray",x1:"50",y1:"78.1",x2:"50",y2:"84.7"}),s.jsx("line",{className:"path ray",x1:"29.1",y1:"69.4",x2:"24.3",y2:"74.2"}),s.jsx("line",{className:"path ray",x1:"20.4",y1:"48.5",x2:"13.8",y2:"48.5"}),s.jsx("line",{className:"path ray",x1:"29.1",y1:"27.6",x2:"24.3",y2:"22.8"})]})}),s.jsx("circle",{className:"path sun-circle",cx:"50",cy:"48.5",r:"16.5"})]})})})},q=Math.PI*.01,$=2,b=70,T=(e,n,i)=>{const r=Math.sin(n)*.5,l=e*(i-50),H=r*-(b*.25)+b*.25;return`translate(${l}%, ${H}%)`},g=e=>{let n=51,i=0,r=`0% { transform: translate(0, 0); }
`;for(;n<=100;){const l=T(e,i,n);r+=`${n}% { transform: ${l} }
`,i+=q*$*2,n+=$}return a.keyframes`${r}`},X=g(-.3),_=g(.3),E=g(-.15),J=g(.15),w={styles:a.css`
.hail {
transform: translateY(5%);
fill: #eee;
fill-opacity: 0;
animation: 1s ease-in infinite;
&:nth-of-type(1),
&:nth-of-type(4) {
animation-name: ${X}, ${f};
}
&:nth-of-type(2) {
animation-name: ${E}, ${f};
}
&:nth-of-type(5) {
animation-name: ${J}, ${f};
}
&:nth-of-type(3),
&:nth-of-type(6) {
animation-name: ${_}, ${f};
}
${Array.from({length:6},(e,n)=>n+1).map(e=>`
&:nth-of-type(${e}) {
animation-delay: ${1*(1/6)*e-1/6}s;
}
`).join("")}
}
`,symbol:s.jsxs("symbol",{id:"hail",children:[s.jsx("circle",{className:"hail",cx:"43.4",cy:"69.9",r:"1.6"}),s.jsx("circle",{className:"hail",cx:"51.6",cy:"69.9",r:"1.6"}),s.jsx("circle",{className:"hail",cx:"59.9",cy:"69.9",r:"1.6"}),s.jsx("circle",{className:"hail",cx:"43.4",cy:"69.9",r:"1.6"}),s.jsx("circle",{className:"hail",cx:"51.6",cy:"69.9",r:"1.6"}),s.jsx("circle",{className:"hail",cx:"59.9",cy:"69.9",r:"1.6"})]})},x={styles:a.css`
`,defs:s.jsxs(s.Fragment,{children:[s.jsx("clipPath",{id:"moon-clip-path",children:s.jsx("circle",{cx:"50",cy:"50",r:"45"})}),s.jsxs("mask",{id:"moon-mask",children:[s.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"white"}),s.jsx("circle",{cx:"20",cy:"50",r:"45",fill:"black"})]})]}),symbol:s.jsxs("symbol",{id:"moon",children:[s.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"#e0e0e0",mask:"url(#moon-mask)"}),s.jsx("circle",{clipPath:"url('#moon-clip-path')",cx:"42.5",cy:"41.5",r:"47.5",fill:"white",mask:"url(#moon-mask)"}),s.jsx("circle",{cx:"50",cy:"50",r:"45",strokeWidth:"1",stroke:"black",fill:"none",mask:"url(#moon-mask)"})]})},d={styles:a.css`
.stars {
animation-duration: 3s;
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsx("symbol",{id:"star",children:s.jsx("polygon",{points:"5,0 2,10 10,4 0,4 8,10",style:{fill:"url(#gradYellow)",fillRule:"nonzero"}})})},p={styles:a.css`
.small-cloud {
animation-duration: 15s;
animation-timing-function: linear;
--cloud-push: 0px;
&.push {
--cloud-push: 7px;
}
&.reverse {
animation-duration: 10s;
animation-timing-function: linear;
}
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsxs(s.Fragment,{children:[s.jsx("symbol",{id:"grayCloud",children:s.jsx("path",{d:"M20,15 Q25,0 45,11 Q60,5 60,20 A30,15 5 1,1 20,15 Z"})}),s.jsx("symbol",{id:"whiteCloud",children:s.jsx("path",{d:"M11,47 Q13,37 21,42 Q31,30 41,38 A28,21 -25 1,1 35,75 Q23,85 19,73 A12,12 0 0,1 11,47Z"})})]})},o=a.keyframes`
0% {
opacity: 1;
}
25% {
transform: translateY(5px);
opacity: 1;
}
50% {
transform: translateY(15px);
opacity: 1;
}
75% {
transform: translateY(25px);
opacity: 0.75;
}
100% {
transform: translateY(35px);
opacity: 0;
}
`,U=a.keyframes`
from {
stroke-dashoffset: 40;
}
to {
stroke-dashoffset: 10;
}
`,h={styles:a.css`
.drop1 {
animation: ${o} 1s linear infinite;
}
.drop3 {
animation: ${o} 1s linear infinite 0.5s;
}
.drop2 {
animation: ${o} 2s linear infinite 1s;
}
.drop4 {
animation: ${o} 2s linear infinite 0.8s;
}
.drop5 {
animation: ${o} 1.5s linear infinite 0.8s;
}
.drop6 {
animation: ${o} 1.5s linear infinite 0.5s;
}
#rainDrizzle {
stroke: lightblue;
stroke-width: 1;
stroke-dasharray: 3;
stroke-dashoffset: 1;
animation: ${U} 1.5s linear infinite;
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsxs(s.Fragment,{children:[s.jsx("symbol",{id:"rainDrop",children:s.jsx("path",{fill:"lightblue",d:"M5 0 Q5,0 7,3.5 A2.5,2.5 0 1,1 3,3.5 Q5,0 5,0Z"})}),s.jsx("symbol",{id:"rainDrizzle",children:s.jsx("line",{x1:"20",y1:"2",x2:"10",y2:"40"})})]})},c=a.keyframes`
0% {
transform: translate(5px, 0px);
opacity: 1;
}
25% {
transform: translate(0px, 10px);
opacity: 1;
}
50% {
transform: translate(7px, 20px);
opacity: 1;
}
75% {
transform: translate(0px, 30px);
opacity: 0.75;
}
100% {
transform: translate(10px, 40px);
opacity: 0.5;
}
`,j={styles:a.css`
#snowFlake {
fill: none;
stroke: white;
stroke-width: 0.6;
}
#snowFlake1 {
animation: ${c} 4s linear infinite;
}
#snowFlake2 {
animation: ${c} 3s linear infinite 0.8s;
}
#snowFlake3 {
animation: ${c} 5s linear infinite 0.5s;
}
#snowFlake4 {
animation: ${c} 6s linear infinite 1s;
}
#snowFlake5 {
animation: ${c} 4s linear infinite 0.6s;
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsxs("symbol",{id:"snowFlake",children:[s.jsx("path",{d:"M5,0 L5,10 M0,5 L10,5 M1.5,1.5 L8.5,8.5 M8.5,1.5 L1.5,8.5"}),s.jsx("path",{d:"M3.5,0.25 L5,2 L6.5,0.25 M3.5,9.75 L5,8 L6.5,9.75"}),s.jsx("path",{d:"M0.25,3.5 L2,5 L0.25,6.5 M9.75,3.5 L8,5 L9.75,6.5"}),s.jsx("path",{d:"M0.75,2.90 L2.85,2.85 L2.90,0.75 M7.25,9.35 L7.15,7.15 L9.35,7.25"}),s.jsx("path",{d:"M0.75,7.25 L2.85,7.15 L2.90,9.35 M7.15,0.75 L7.25,2.85 L9.35,2.90"})]})},V=a.keyframes`
0% {
stroke-dasharray: 5 300;
stroke-dashoffset: -200;
opacity: 1;
}
50% {
stroke-dasharray: 300 300;
stroke-dashoffset: -100;
opacity: 1;
}
90% {
stroke-dasharray: 50 300;
stroke-dashoffset: -20;
opacity: 0.7;
}
100% {
stroke-dasharray: 20 300;
stroke-dashoffset: 0;
opacity: 0.2;
}
`,u={styles:a.css`
.wind-string path {
stroke: #ccc;
stroke-linecap: round;
stroke-width: 7px;
animation: ${V} 3s linear infinite;
}
`,defs:s.jsx(s.Fragment,{}),symbol:s.jsx("symbol",{id:"wind",children:s.jsxs("g",{className:"wind-string",transform:"scale(0.3)",children:[s.jsx("path",{fill:"none",stroke:"#43637D",strokeMiterlimit:"10",d:`M85.263,105.176
c3.002-1.646,6.403-2.549,9.903-2.549c11.375,0,20.633,9.256,20.633,20.633s-9.258,20.633-20.633,20.633H3.473`}),s.jsx("path",{fill:"none",stroke:"#43637D",strokeMiterlimit:"10",d:`M69.756,113.884
c1.62-0.888,3.457-1.376,5.345-1.376c6.14,0,11.136,4.996,11.136,11.137c0,6.14-4.996,11.136-11.136,11.136H25.313`}),s.jsx("path",{fill:"none",stroke:"#43637D",strokeMiterlimit:"10",d:`M75.536,180.462
c2.131,1.166,4.545,1.809,7.027,1.809c8.072,0,14.642-6.569,14.642-14.643s-6.569-14.643-14.642-14.643H18.043`})]})})},k={styles:a.css`
.fog-stop-1 {
stop-color:rgb(255,255,255);
stop-opacity:0.8
}
.fog-stop-2 {
stop-color: white;
stop-opacity: 0;
}
`,defs:s.jsxs(s.Fragment,{children:[s.jsxs("linearGradient",{id:"fogGradient",x1:"0%",y1:"0%",x2:"0%",y2:"100%",children:[s.jsx("stop",{offset:"0%",className:"fog-stop-1"}),s.jsx("stop",{offset:"100%",className:"fog-stop-2"})]}),s.jsx("filter",{id:"fogFilter",x:"0",y:"0",children:s.jsx("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"1"})})]}),symbol:s.jsx(s.Fragment,{})};function ss(){return s.jsx(a.Global,{styles:a.css`
${k.styles}
${Y}
${m.styles}
${w.styles}
${x.styles}
${d.styles}
${p.styles}
${h.styles}
${y.styles}
${j.styles}
${u.styles}
`})}function F(){return s.jsxs(s.Fragment,{children:[s.jsx(ss,{}),s.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"0",height:"0",style:{width:0,height:0},children:[s.jsxs("defs",{children:[m.defs,k.defs,x.defs,d.defs,p.defs,y.defs,u.defs,h.defs,j.defs,s.jsxs("radialGradient",{id:"gradYellow",cx:"50%",cy:"50%",r:"80%",fx:"90%",fy:"80%",children:[s.jsx("stop",{offset:"0%",style:{stopColor:"yellow",stopOpacity:1}}),s.jsx("stop",{offset:"100%",style:{stopColor:"orange",stopOpacity:1}})]}),s.jsxs("radialGradient",{id:"gradDarkGrey",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",children:[s.jsx("stop",{offset:"0%",style:{stopColor:"#fff",stopOpacity:1}}),s.jsx("stop",{offset:"70%",style:{stopColor:"#ddd",stopOpacity:1}}),s.jsx("stop",{offset:"100%",style:{stopColor:"#ccc",stopOpacity:1}})]}),s.jsxs("radialGradient",{id:"gradGray",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",children:[s.jsx("stop",{offset:"0%",style:{stopColor:"white",stopOpacity:1}}),s.jsx("stop",{offset:"100%",style:{stopColor:"darkgray",stopOpacity:1}})]}),s.jsxs("linearGradient",{id:"gradWhite",x1:"40%",y1:"50%",x2:"90%",y2:"90%",children:[s.jsx("stop",{offset:"0%",style:{stopColor:"white",stopOpacity:1}}),s.jsx("stop",{offset:"100%",style:{stopColor:"darkgray",stopOpacity:1}})]})]}),w.symbol,m.symbol,x.symbol,d.symbol,p.symbol,h.symbol,y.symbol,j.symbol,u.symbol,k.symbol]})]})}const as=new Set(["partlycloudy","cloudy","fog","hail","rainy","snowy","snowy-rainy","pouring","lightning","lightning-rainy","windy","windy-variant"]),es=new Set(["hail","rainy","pouring","lightning-rainy","snowy-rainy"]),ns=new Set(["windy","windy-variant"]),ts=new Set(["snowy","snowy-rainy"]),is=new Set(["lightning","lightning-rainy"]),N=new Set(["fog","partlycloudy","cloudy","windy","windy-variant"]),rs=({state:e,night:n,width:i,height:r,...l})=>s.jsxs("svg",{viewBox:"0 0 100 100",width:i??"100%",height:r??"100%",...l,children:[s.jsx(F,{}),e==="sunny"&&s.jsx(s.Fragment,{children:s.jsx("use",{xlinkHref:"#sun"})}),e==="clear-night"&&s.jsxs(s.Fragment,{children:[s.jsx("use",{xlinkHref:"#moon",x:"-15",className:"animated bob infinite"}),s.jsx("use",{xlinkHref:"#star",x:"42",y:"30",className:"stars animated infinite flash"}),s.jsx("use",{xlinkHref:"#star",x:"61",y:"32",className:"stars animated infinite flash delay-1s"}),s.jsx("use",{xlinkHref:"#star",x:"55",y:"50",className:"stars animated infinite flash delay-2s"})]}),e==="partlycloudy"&&n?s.jsxs(s.Fragment,{children:[s.jsx("use",{xlinkHref:"#moon",x:"-12",y:"0"}),s.jsx("use",{xlinkHref:"#star",x:"42",y:"30",className:"stars animated infinite flash"}),s.jsx("use",{xlinkHref:"#star",x:"61",y:"32",className:"stars animated infinite flash delay-1s"}),s.jsx("use",{xlinkHref:"#star",x:"55",y:"50",className:"stars animated infinite flash delay-2s"})]}):e==="partlycloudy"?s.jsx(s.Fragment,{children:s.jsx("use",{xlinkHref:"#sun",x:"12",y:"12",transform:"scale(0.5)"})}):null,es.has(e)&&s.jsxs(s.Fragment,{children:[s.jsx("use",{className:"drop1",xlinkHref:"#rainDrop",x:"15",y:"50"}),s.jsx("use",{className:"drop2",xlinkHref:"#rainDrop",x:"30",y:"50"}),s.jsx("use",{className:"drop3",xlinkHref:"#rainDrop",x:"37",y:"50"}),s.jsx("use",{className:"drop4",xlinkHref:"#rainDrop",x:"50",y:"50"}),s.jsx("use",{className:"drop5",xlinkHref:"#rainDrop",x:"60",y:"50"}),s.jsx("use",{className:"drop6",xlinkHref:"#rainDrop",x:"70",y:"50"})]}),e==="hail"&&s.jsx(s.Fragment,{children:s.jsx("use",{xlinkHref:"#hail",x:"7"})}),e==="pouring"&&s.jsxs(s.Fragment,{children:[s.jsx("use",{className:"drop6",xlinkHref:"#rainDrop",x:"10",y:"55"}),s.jsx("use",{className:"drop5",xlinkHref:"#rainDrop",x:"22",y:"55"}),s.jsx("use",{className:"drop4",xlinkHref:"#rainDrop",x:"32",y:"55"}),s.jsx("use",{className:"drop3",xlinkHref:"#rainDrop",x:"43",y:"55"}),s.jsx("use",{className:"drop2",xlinkHref:"#rainDrop",x:"55",y:"55"}),s.jsx("use",{className:"drop1",xlinkHref:"#rainDrop",x:"65",y:"55"})]}),ts.has(e)&&s.jsxs(s.Fragment,{children:[s.jsx("use",{id:"snowFlake1",xlinkHref:"#snowFlake",x:"20",y:"40"}),s.jsx("use",{id:"snowFlake2",xlinkHref:"#snowFlake",x:"35",y:"50"}),s.jsx("use",{id:"snowFlake3",xlinkHref:"#snowFlake",x:"45",y:"45"}),s.jsx("use",{id:"snowFlake4",xlinkHref:"#snowFlake",x:"50",y:"50"}),s.jsx("use",{id:"snowFlake5",xlinkHref:"#snowFlake",x:"63",y:"50"})]}),is.has(e)&&s.jsxs(s.Fragment,{children:[s.jsx("use",{xlinkHref:"#lighteningBolt",x:"30",y:"54",className:"lightening animated infinite flash"}),s.jsx("use",{xlinkHref:"#lighteningBolt",x:"45",y:"40",className:"lightening animated infinite flash delay-2s"}),s.jsx("use",{xlinkHref:"#lighteningBolt",x:"55",y:"50",className:"lightening animated infinite flash delay-1s"})]}),ns.has(e)&&s.jsxs(s.Fragment,{children:[s.jsx("use",{xlinkHref:"#wind",x:"45",y:"30"}),s.jsx("use",{xlinkHref:"#wind",x:"50",y:"-10",className:"animated delay-1s"})]}),as.has(e)&&s.jsxs(s.Fragment,{children:[s.jsx("use",{xlinkHref:"#grayCloud",id:"cloud",className:`animated infinite float small-cloud ${N.has(e)?"push":""}`,filter:`${e==="fog"?"url(#fogFilter)":""}`,fill:`url(#${e==="fog"?"fogGradient":"gradDarkGrey"})`,x:"0"}),s.jsx("use",{xlinkHref:"#grayCloud",x:"25",y:"10",className:"small-cloud animated infinite reverse float",fill:`url(#${e==="fog"?"fogGradient":"gradDarkGrey"})`,filter:`${e==="fog"?"url(#fogFilter)":""}`}),s.jsx("use",{xlinkHref:"#whiteCloud",className:"animated bob",x:"7",y:N.has(e)?"0":"-7",fill:`url(#${e==="fog"?"fogGradient":"gradWhite"})`,filter:`${e==="fog"?"url(#fogFilter)":""}`})]})]}),os={lighteningBolt:y,sun:m,hail:w,moon:x,star:d,clouds:p,rain:h,snowFlake:j,wind:u,fog:k};exports.Base=F;exports.WeatherSvg=rs;exports.shapes=os;
//# sourceMappingURL=react-weather-icons.cjs.cjs.map