Add icons to this collection by clicking the heart icon.
Sunny icon - also known as water, nature, sea, ocean, sunny, landscape, and sun. Created in a clean 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 32 32"
>
<linearGradient
id="a"
x1="15.938"
x2="16.063"
y1="-.375"
y2="32.625"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b621fe" />
<stop offset="1" stop-color="#1fd1f9" />
</linearGradient>
<linearGradient
id="b"
x1="16.017"
x2="16.142"
y1="-.376"
y2="32.624"
href="#a"
/>
<linearGradient
id="c"
x1="16.033"
x2="16.158"
y1="-.376"
y2="32.624"
href="#a"
/>
<linearGradient
id="d"
x1="16.001"
x2="16.126"
y1="-.375"
y2="32.625"
href="#a"
/>
<linearGradient
id="e"
x1="11.81"
x2="11.935"
y1="-.36"
y2="32.64"
href="#a"
/>
<linearGradient
id="f"
x1="17.462"
x2="17.587"
y1="-.381"
y2="32.619"
href="#a"
/>
<linearGradient
id="g"
x1="19.723"
x2="19.848"
y1="-.39"
y2="32.61"
href="#a"
/>
<linearGradient
id="h"
x1="13.285"
x2="13.41"
y1="-.365"
y2="32.635"
href="#a"
/>
<linearGradient
id="i"
x1="13.26"
x2="13.385"
y1="-.365"
y2="32.635"
href="#a"
/>
<linearGradient
id="j"
x1="19.706"
x2="19.831"
y1="-.39"
y2="32.61"
href="#a"
/>
<linearGradient
id="k"
x1="17.493"
x2="17.618"
y1="-.381"
y2="32.619"
href="#a"
/>
<linearGradient
id="l"
x1="11.815"
x2="11.94"
y1="-.36"
y2="32.64"
href="#a"
/>
<linearGradient
id="m"
x1="20.224"
x2="20.349"
y1="-.391"
y2="32.609"
href="#a"
/>
<linearGradient
id="n"
x1="14.572"
x2="14.697"
y1="-.37"
y2="32.63"
href="#a"
/>
<linearGradient
id="o"
x1="12.312"
x2="12.437"
y1="-.362"
y2="32.638"
href="#a"
/>
<linearGradient
id="p"
x1="18.749"
x2="18.874"
y1="-.386"
y2="32.614"
href="#a"
/>
<linearGradient
id="q"
x1="18.774"
x2="18.899"
y1="-.386"
y2="32.614"
href="#a"
/>
<linearGradient
id="r"
x1="12.328"
x2="12.453"
y1="-.362"
y2="32.638"
href="#a"
/>
<linearGradient
id="s"
x1="14.542"
x2="14.667"
y1="-.37"
y2="32.63"
href="#a"
/>
<linearGradient
id="t"
x1="20.219"
x2="20.344"
y1="-.391"
y2="32.609"
href="#a"
/>
<linearGradient
id="u"
x1="15.914"
x2="16.039"
y1="-.375"
y2="32.625"
href="#a"
/>
<linearGradient
id="v"
x1="15.902"
x2="16.027"
y1="-.375"
y2="32.624"
href="#a"
/>
<g fill-rule="evenodd">
<path
fill="url(#a)"
d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.506 13.506 0 0 1 16 29.5z"
/>
<path
fill="url(#b)"
d="M18.143 12.272a2.078 2.078 0 1 0-2.078 2.078 2.08 2.08 0 0 0 2.078-2.078zm-2.078 1.078a1.078 1.078 0 1 1 1.078-1.078 1.078 1.078 0 0 1-1.078 1.078z"
/>
<path
fill="url(#c)"
d="M16.065 9.356a.5.5 0 0 0 .5-.5V7.148a.5.5 0 1 0-1 0v1.708a.5.5 0 0 0 .5.5z"
/>
<path
fill="url(#d)"
d="M15.565 15.687V17.4a.5.5 0 0 0 1 0v-1.713a.5.5 0 0 0-1 0z"
/>
<path
fill="url(#e)"
d="m11.106 13.654 1.682-.3a.5.5 0 1 0-.173-.985l-1.682.3a.5.5 0 1 0 .173.985z"
/>
<path
fill="url(#f)"
d="M17.348 17.257a.5.5 0 1 0 .939-.342l-.584-1.6a.5.5 0 0 0-.94.342z"
/>
<path
fill="url(#g)"
d="M18.59 10.814a.5.5 0 0 0 .683.183l1.479-.854a.5.5 0 0 0-.5-.866l-1.479.854a.5.5 0 0 0-.183.683z"
/>
<path
fill="url(#h)"
d="M13.487 9.977a.5.5 0 0 0 .766-.643l-1.1-1.308a.5.5 0 1 0-.766.642z"
/>
<path
fill="url(#i)"
d="m13.155 16.518 1.1-1.308a.5.5 0 1 0-.766-.643l-1.1 1.308a.5.5 0 0 0 .766.643z"
/>
<path
fill="url(#j)"
d="M20.935 15.083a.5.5 0 0 0-.183-.683l-1.479-.854a.5.5 0 0 0-.5.867l1.479.853a.5.5 0 0 0 .683-.183z"
/>
<path
fill="url(#k)"
d="M17.062 9.532a.5.5 0 0 0 .641-.3l.584-1.6a.5.5 0 1 0-.939-.342l-.585 1.6a.5.5 0 0 0 .299.642z"
/>
<path
fill="url(#l)"
d="m10.933 11.874 1.682.3a.5.5 0 0 0 .173-.985l-1.682-.3a.5.5 0 1 0-.173.984z"
/>
<path
fill="url(#m)"
d="M18.936 11.765a.5.5 0 0 0 .58.406l1.681-.3a.5.5 0 1 0-.173-.984l-1.682.3a.5.5 0 0 0-.406.578z"
/>
<path
fill="url(#n)"
d="M14.427 9.233a.5.5 0 1 0 .94-.342l-.584-1.6a.5.5 0 1 0-.94.342z"
/>
<path
fill="url(#o)"
d="M13.54 13.729a.5.5 0 0 0-.683-.183l-1.479.854a.5.5 0 0 0 .5.866l1.479-.853a.5.5 0 0 0 .183-.684z"
/>
<path
fill="url(#p)"
d="M19.68 16.579a.5.5 0 0 0 .061-.7l-1.1-1.308a.5.5 0 1 0-.766.643l1.1 1.308a.5.5 0 0 0 .705.057z"
/>
<path
fill="url(#q)"
d="M17.939 10.038a.5.5 0 0 0 .705-.061l1.1-1.309a.5.5 0 1 0-.766-.642l-1.1 1.308a.5.5 0 0 0 .061.704z"
/>
<path
fill="url(#r)"
d="m11.378 10.143 1.479.857a.5.5 0 1 0 .5-.866l-1.479-.854a.5.5 0 0 0-.5.866z"
/>
<path
fill="url(#s)"
d="M14.142 17.556a.5.5 0 0 0 .641-.3l.584-1.605a.5.5 0 1 0-.94-.342l-.584 1.6a.5.5 0 0 0 .299.647z"
/>
<path
fill="url(#t)"
d="M21.6 13.248a.5.5 0 0 0-.406-.579l-1.681-.3a.5.5 0 1 0-.174.985l1.682.3a.5.5 0 0 0 .579-.406z"
/>
<path
fill="url(#u)"
d="M24.065 20.143a.677.677 0 0 1-.339-.143c-.193-.122-.386-.279-.579-.418a1.987 1.987 0 0 0-1.1-.45 1.984 1.984 0 0 0-1.1.45c-.194.139-.386.3-.58.418a.477.477 0 0 1-.677 0c-.194-.122-.387-.279-.58-.418a1.987 1.987 0 0 0-1.1-.45 1.987 1.987 0 0 0-1.1.45c-.193.139-.386.3-.58.418a.674.674 0 0 1-.338.141.677.677 0 0 1-.337-.141c-.194-.122-.386-.279-.58-.418a1.984 1.984 0 0 0-1.1-.45 1.987 1.987 0 0 0-1.1.45c-.193.139-.386.3-.579.418a.677.677 0 0 1-.339.141.677.677 0 0 1-.338-.141c-.193-.122-.386-.279-.58-.418a1.984 1.984 0 0 0-1.1-.45 1.984 1.984 0 0 0-1.1.45c-.194.139-.387.3-.58.418a.677.677 0 0 1-.339.141.5.5 0 0 0 0 1 1.985 1.985 0 0 0 1.1-.449c.193-.139.386-.3.579-.419a.687.687 0 0 1 .339-.141.687.687 0 0 1 .339.141c.193.122.386.28.58.419a1.982 1.982 0 0 0 1.1.449 1.982 1.982 0 0 0 1.1-.449c.194-.139.387-.3.58-.419a.687.687 0 0 1 .339-.141.687.687 0 0 1 .339.141c.193.122.386.28.579.419a1.985 1.985 0 0 0 1.1.449 1.982 1.982 0 0 0 1.1-.449c.193-.139.386-.3.58-.419a.477.477 0 0 1 .677 0c.194.122.387.28.58.419a1.982 1.982 0 0 0 1.1.449 1.985 1.985 0 0 0 1.1-.449c.193-.139.386-.3.579-.419a.478.478 0 0 1 .678 0c.193.122.386.28.58.419a1.982 1.982 0 0 0 1.1.449.5.5 0 0 0 0-1z"
/>
<path
fill="url(#v)"
d="M24.065 23.17a.686.686 0 0 1-.339-.141c-.193-.122-.386-.279-.579-.419a1.985 1.985 0 0 0-1.1-.449 1.983 1.983 0 0 0-1.1.449c-.194.14-.386.3-.58.419a.477.477 0 0 1-.677 0c-.194-.122-.387-.279-.58-.419a1.986 1.986 0 0 0-1.1-.449 1.985 1.985 0 0 0-1.1.449c-.193.14-.386.3-.58.419a.683.683 0 0 1-.338.141.686.686 0 0 1-.339-.141c-.194-.122-.386-.279-.58-.419a1.983 1.983 0 0 0-1.1-.449 1.985 1.985 0 0 0-1.1.449c-.193.14-.386.3-.579.419a.686.686 0 0 1-.339.141.686.686 0 0 1-.339-.141c-.193-.122-.386-.279-.58-.419a1.983 1.983 0 0 0-1.1-.449 1.983 1.983 0 0 0-1.1.449c-.194.14-.387.3-.58.419a.686.686 0 0 1-.339.141.5.5 0 0 0 0 1 1.993 1.993 0 0 0 1.1-.449c.193-.14.386-.3.579-.419a.677.677 0 0 1 .339-.141.677.677 0 0 1 .339.141c.193.122.386.279.58.419a1.99 1.99 0 0 0 1.1.449 1.99 1.99 0 0 0 1.1-.449c.194-.14.387-.3.58-.419a.677.677 0 0 1 .339-.141.677.677 0 0 1 .339.141c.193.122.386.279.579.419a1.992 1.992 0 0 0 1.1.449 1.99 1.99 0 0 0 1.1-.449c.193-.14.386-.3.58-.419a.477.477 0 0 1 .677 0c.194.122.387.279.58.419a1.99 1.99 0 0 0 1.1.449 1.993 1.993 0 0 0 1.1-.449c.193-.14.386-.3.579-.419a.478.478 0 0 1 .678 0c.193.122.386.279.58.419a1.99 1.99 0 0 0 1.1.449.5.5 0 0 0 0-1z"
/>
</g>
</svg>
More icons in the same style and category