Add icons to this collection by clicking the heart icon.
Weather App icon - also known as weather, weather forecast, weather news, and weather app. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 33.867 33.867"
>
<linearGradient id="a">
<stop offset="0" stop-color="#f6f600" />
<stop offset="1" stop-color="#f69134" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="c"
x1="64.007"
x2="64.007"
y1="134.768"
y2="10.002"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0cc8ef" />
<stop offset="1" stop-color="#047afa" />
</linearGradient>
<linearGradient
id="d"
x1="64"
x2="64"
y1="4"
y2="20.706"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="e"
x1="17.661"
x2="47.955"
y1="7.21"
y2="7.21"
gradientTransform="matrix(.07 .444 -.444 .07 22.371 -.093)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="6.515"
x2="27.351"
y1="16.933"
y2="16.933"
gradientTransform="rotate(-90 18.261 3.757) scale(.416)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff5e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient
id="g"
x1="13.63"
x2="13.63"
y1="13.478"
y2="25.591"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="16.936"
x2="16.936"
y1="15.839"
y2="29.377"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="10.945"
x2="13.751"
y1="30.082"
y2="30.082"
gradientTransform="matrix(0 -.717 -.717 0 50.039 12.341)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="j"
x1="10.945"
x2="13.751"
y1="30.082"
y2="30.082"
gradientTransform="matrix(0 -.717 -.717 0 46.633 12.341)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00ce4e" />
<stop offset="1" stop-color="#a7e890" />
</linearGradient>
<path
fill="url(#c)"
d="M4 23.75V114c0 5.54 4.46 10 10 10h100c5.54 0 10-4.46 10-10V23.75c-39.671-4.927-79.662-5.072-120 0z"
paint-order="fill markers stroke"
transform="scale(.265)"
/>
<path
fill="url(#d)"
d="M14 4C8.46 4 4 8.46 4 14v9.75h120V14c0-5.54-4.46-10-10-10z"
paint-order="fill markers stroke"
transform="scale(.265)"
/>
<g paint-order="fill markers stroke">
<path
fill="url(#e)"
d="M17.414 20.569c-.461-.335-.492-1.57-.827-2.032-.335-.462-1.5-.873-1.675-1.416-.176-.543.525-1.56.525-2.13 0-.57-.7-1.588-.523-2.13.176-.543 1.341-.954 1.677-1.415.335-.461.367-1.696.829-2.031.461-.335 1.645.018 2.188-.159.542-.176 1.294-1.156 1.864-1.156.57 0 1.321.982 1.864 1.158.542.177 1.726-.175 2.188.161.46.336.492 1.57.827 2.032.335.462 1.5.874 1.675 1.416.176.543-.525 1.56-.525 2.13 0 .57.7 1.588.523 2.13-.177.543-1.342.954-1.677 1.415-.336.461-.367 1.696-.829 2.031-.462.335-1.646-.018-2.188.159-.543.176-1.294 1.156-1.865 1.156-.57 0-1.32-.982-1.863-1.158-.542-.177-1.727.175-2.188-.161z"
transform="matrix(.911 0 0 .911 .958 .834)"
/>
<path
fill="url(#f)"
d="M21.54 10.654a4.329 4.329 0 0 1 4.33 4.329 4.329 4.329 0 0 1-4.33 4.329 4.329 4.329 0 0 1-4.329-4.33 4.329 4.329 0 0 1 4.33-4.328z"
transform="matrix(.911 0 0 .911 .958 .834)"
/>
<path
fill="url(#g)"
d="M20.388 19.832a6.673 6.673 0 0 1-6.673 6.674 6.673 6.673 0 0 1-6.673-6.674 6.673 6.673 0 0 1 6.673-6.673 6.673 6.673 0 0 1 6.673 6.673z"
transform="matrix(.911 0 0 .911 .958 .834)"
/>
<path
fill="url(#h)"
d="M16.933 21.71c0 .884.245 1.75.706 2.504H8.665a2.573 2.573 0 0 0-2.578 2.578 2.573 2.573 0 0 0 2.578 2.579h17.76a2.573 2.573 0 0 0 2.58-2.579 2.573 2.573 0 0 0-2.58-2.578h-.605a4.796 4.796 0 0 0-4.09-7.3c-2.729 0-4.797 2.166-4.797 4.796z"
transform="matrix(.911 0 0 .911 .958 .834)"
/>
</g>
<path
fill="#0352a6"
d="M2.167 30.163v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.527v-.263zm1.222 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.323 0v.263h.529v-.263zm1.324 0v.263h.529v-.263zm1.322 0v.263h.53v-.263zm1.322 0v.263h.53v-.263zm1.324 0v.263h.528v-.263z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category