Add icons to this collection by clicking the heart icon.
Sunrise icon - also known as weather, sun, sunset, and sunrise. Created in a clean circular 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="9.483"
x2="22.554"
y1="21.904"
y2="8.833"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cdfc01" />
<stop offset="1" stop-color="#36ae59" />
</linearGradient>
<linearGradient
id="b"
x1="3.104"
x2="27.373"
y1=".632"
y2="29.554"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".8" />
<stop offset=".3" stop-color="#fff" stop-opacity=".2" />
<stop offset=".5" stop-opacity=".1" />
<stop offset=".8" stop-color="#7ad131" stop-opacity=".1" />
<stop offset="1" stop-color="#81d52d" stop-opacity=".4" />
</linearGradient>
<g>
<path
fill="url(#a)"
d="M9.674 16.319a6.363 6.363 0 0 1 12.69 0 .454.454 0 0 1-.458.476H10.132a.454.454 0 0 1-.458-.476zm15.359-.66a.909.909 0 1 0 0 1.818h.075a.877.877 0 0 0 .871-.909.941.941 0 0 0-.946-.909zM9 10.836a.909.909 0 0 0 1.285-1.285l-.118-.118a.909.909 0 0 0-1.285 1.285zm7.017-2.411a.941.941 0 0 0 .909-.946.909.909 0 1 0-1.818 0v.074a.878.878 0 0 0 .911.872zm-9.09 7.234a.909.909 0 0 0 0 1.818H7a.878.878 0 0 0 .872-.909.942.942 0 0 0-.943-.909zM22.393 11.1a.9.9 0 0 0 .642-.267l.118-.118a.909.909 0 1 0-1.285-1.285l-.118.118a.91.91 0 0 0 .643 1.552zm.9 7.51H8.747a.682.682 0 0 0 0 1.364H23.29a.682.682 0 0 0 0-1.364zm-1.821 2.73H10.565a.682.682 0 1 0 0 1.363h10.907a.682.682 0 1 0 0-1.363zm-2.727 2.727h-5.453a.682.682 0 1 0 0 1.363h5.453a.682.682 0 1 0 0-1.363z"
/>
<path
fill="url(#b)"
d="M31 16A15 15 0 1 1 16 1a15.011 15.011 0 0 1 15 15z"
/>
</g>
</svg>
More icons in the same style and category