Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, summertime, sun, and meteorology. 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="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.981"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#ff1a5e" />
<stop offset="1" stop-color="#ffc5a3" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff1a5e" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".328" stop-color="#ffc2d5" />
<stop offset=".75" stop-color="#ffdcd6" />
<stop offset="1" stop-color="#ffe6d6" />
</linearGradient>
<linearGradient
id="e"
x1="-10.709"
x2="410.133"
y1="522.709"
y2="101.867"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="129.852"
x2="473.577"
y1="382.149"
y2="38.424"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ffb5d3" />
<stop offset=".418" stop-color="#ffdbea" />
<stop offset=".784" stop-color="#fff5f9" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="g"
x1="33.158"
x2="357.557"
y1="478.842"
y2="154.443"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="142.583"
x2="324.955"
y1="370.486"
y2="188.114"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M268.805 62.449c4.57 7.589 9.164 15.185 13.777 22.783 6.614-5.727 13.203-11.436 19.762-17.123 8.453-7.342 21.693-2.746 24.517 8.41 2.179 8.648 4.36 17.293 6.54 25.934a5703.134 5703.134 0 0 1 24.095-9.7c10.322-4.128 21.823 4.441 21.215 15.737-.481 8.766-.984 17.534-1.506 26.305 8.771-.522 17.54-1.025 26.305-1.506 11.298-.608 19.865 10.891 15.736 21.215a5703.134 5703.134 0 0 1-9.7 24.095c8.641 2.18 17.286 4.361 25.934 6.54 11.155 2.824 15.752 16.065 8.41 24.517a39392.341 39392.341 0 0 0-17.123 19.762 7472.56 7472.56 0 0 0 22.783 13.777c9.798 5.899 9.798 19.711 0 25.609a7553.36 7553.36 0 0 0-22.783 13.777c5.727 6.615 11.436 13.203 17.123 19.762 7.34 8.451 2.746 21.694-8.41 24.517-8.648 2.179-17.293 4.36-25.934 6.54a5572.05 5572.05 0 0 1 9.7 24.095c4.128 10.321-4.439 21.823-15.736 21.215-8.766-.482-17.534-.984-26.305-1.506a5564.23 5564.23 0 0 1 1.506 26.305c.608 11.297-10.892 19.866-21.215 15.737a5703.134 5703.134 0 0 1-24.095-9.7c-2.18 8.641-4.361 17.286-6.54 25.934-2.824 11.156-16.065 15.752-24.517 8.411a39392.341 39392.341 0 0 0-19.762-17.123 7472.56 7472.56 0 0 0-13.777 22.783c-5.899 9.798-19.71 9.798-25.609 0a7472.56 7472.56 0 0 0-13.777-22.783 39392.341 39392.341 0 0 0-19.762 17.123c-8.452 7.34-21.693 2.745-24.517-8.411-2.179-8.648-4.36-17.293-6.54-25.934a5703.134 5703.134 0 0 1-24.095 9.7c-10.323 4.129-21.823-4.44-21.215-15.737.481-8.765.984-17.534 1.506-26.305a5844.85 5844.85 0 0 1-26.305 1.506c-11.297.609-19.865-10.892-15.736-21.215a5703.134 5703.134 0 0 1 9.7-24.095c-8.641-2.18-17.286-4.361-25.934-6.54-11.156-2.823-15.751-16.065-8.41-24.517 5.687-6.559 11.396-13.147 17.123-19.762a7472.56 7472.56 0 0 0-22.783-13.777c-9.797-5.899-9.797-19.71 0-25.609 7.589-4.57 15.185-9.164 22.783-13.777a35387.095 35387.095 0 0 0-17.123-19.762c-7.341-8.451-2.747-21.693 8.41-24.517 8.648-2.179 17.293-4.36 25.934-6.54a5624.09 5624.09 0 0 1-9.7-24.095c-4.129-10.321 4.439-21.823 15.736-21.215 8.766.481 17.534.983 26.305 1.506a5556.593 5556.593 0 0 1-1.506-26.305c-.607-11.297 10.893-19.864 21.215-15.737a5703.134 5703.134 0 0 1 24.095 9.7c2.18-8.641 4.361-17.286 6.54-25.934 2.825-11.157 16.066-15.752 24.517-8.41 6.559 5.687 13.148 11.395 19.762 17.123a7472.56 7472.56 0 0 0 13.777-22.783c5.898-9.797 19.71-9.797 25.609 0z"
/>
<path
fill="url(#f)"
d="M397.963 256c-.199 77.041-64.92 141.765-141.963 141.962-77.042-.198-141.764-64.921-141.962-141.962.198-77.041 64.92-141.764 141.963-141.962 77.04.198 141.764 64.92 141.962 141.962z"
/>
<path
fill="url(#g)"
d="M367.213 256c-.095 60.766-50.446 111.117-111.213 111.213-60.766-.094-111.118-50.446-111.212-111.213.095-60.767 50.447-111.117 111.213-111.212 60.765.095 111.117 50.445 111.212 111.212z"
/>
<path
fill="url(#h)"
d="M271.315 336.451c-61.035.016-111.266-50.118-111.098-111.031a109.743 109.743 0 0 1 5.384-33.574c-13.059 18.195-20.818 40.304-20.814 64.154.094 60.766 50.447 111.117 111.213 111.212 49.191-.016 91.383-33.09 105.928-77.718-20.297 28.175-53.402 46.902-90.613 46.957z"
/>
</svg>
More icons in the same style and category