Add icons to this collection by clicking the heart icon.
Sunrise icon - also known as nature, sea, weather, beach, sun, sunset, and sunrise. 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 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="360"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c3ffe8" />
<stop offset=".997" stop-color="#f0fff4" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="512"
y2="300"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00b59c" />
<stop offset="1" stop-color="#9cffac" />
</linearGradient>
<path
fill="url(#a)"
d="M256 150c-74.443 0-135 60.557-135 135 0 16.04 2.754 31.523 8.145 46.04a15.018 15.018 0 0 0 9.141 8.921c4.16 1.479 8.877 1.025 12.686-1.333 8.555-5.186 16.084-8.628 24.932-8.628 11.367 0 21.035 5.918 32.197 12.788C221.254 350.859 236.166 360 256 360s34.746-9.141 47.9-17.212c11.162-6.87 20.83-12.788 32.197-12.788 8.848 0 16.377 3.442 24.932 8.628a15.018 15.018 0 0 0 21.827-7.588c5.391-14.517 8.145-30 8.145-46.04C391 210.557 330.443 150 256 150zm246.797-7.5c-4.131-7.222-13.33-9.639-20.479-5.493l-77.93 45c-7.178 4.146-9.639 13.315-5.479 20.493 4.088 7.153 13.269 9.632 20.479 5.493l77.93-45c7.178-4.145 9.639-13.315 5.479-20.493zm-164.297-.396c7.241 4.157 16.398 1.626 20.479-5.493l45-77.944c4.16-7.178 1.699-16.348-5.479-20.493-7.119-4.102-16.348-1.685-20.479 5.493l-45 77.944c-4.16 7.178-1.699 16.348 5.479 20.493zM256 120c8.291 0 15-6.709 15-15V15c0-8.291-6.709-15-15-15s-15 6.709-15 15v90c0 8.291 6.709 15 15 15zm-102.979 16.611c4.088 7.153 13.269 9.632 20.479 5.493 7.178-4.146 9.639-13.315 5.479-20.493l-45-77.944c-4.131-7.222-13.301-9.639-20.479-5.493s-9.639 13.315-5.479 20.493zm-45.41 45.396-77.93-45c-7.148-4.102-16.348-1.699-20.479 5.493-4.16 7.178-1.699 16.348 5.479 20.493l77.93 45c7.219 4.145 16.395 1.653 20.479-5.493 4.16-7.178 1.699-16.348-5.479-20.493z"
/>
<path
fill="url(#b)"
d="M497 300c-19.834 0-35.746 9.141-48.9 17.212-11.162 6.87-20.83 12.788-32.198 12.788-11.133 0-20.596-5.757-31.582-12.422C371.392 310.349 357.618 300 336.098 300c-19.834 0-34.746 9.141-47.9 17.212C277.035 324.082 267.367 330 256 330s-21.035-5.918-32.197-12.788c-13.154-8.071-28.066-17.212-47.9-17.212-21.921 0-36.073 10.785-48.223 17.578C116.693 324.243 107.23 330 96.098 330c-11.367 0-21.035-5.918-32.197-12.788C50.746 309.141 34.834 300 15 300c-8.291 0-15 6.709-15 15v182c0 8.291 6.709 15 15 15h482c8.291 0 15-6.709 15-15V315c0-8.291-6.709-15-15-15z"
/>
</svg>
More icons in the same style and category