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 64 64"
>
<linearGradient
id="a"
x1="1.875"
x2="61.634"
y1="12"
y2="12"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4761ac" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient id="b" x2="61.634" y1="3" y2="3" href="#a" />
<linearGradient id="c" x2="61.634" y1="7" y2="7" href="#a" />
<linearGradient id="d" x2="61.634" y1="5" y2="5" href="#a" />
<linearGradient id="e" x2="61.634" y1="52" y2="52" href="#a" />
<linearGradient id="f" x2="61.634" y1="61" y2="61" href="#a" />
<linearGradient id="g" x2="61.634" y1="57" y2="57" href="#a" />
<linearGradient id="h" x2="61.634" y1="59" y2="59" href="#a" />
<linearGradient id="i" x2="61.634" y1="53" y2="53" href="#a" />
<linearGradient id="j" x2="61.634" y1="55" y2="55" href="#a" />
<linearGradient id="k" x2="61.634" y1="9" y2="9" href="#a" />
<linearGradient id="l" x2="61.634" y1="11" y2="11" href="#a" />
<linearGradient id="m" x2="61.634" y1="32" y2="32" href="#a" />
<linearGradient id="n" x2="61.634" y1="25.5" y2="25.5" href="#a" />
<linearGradient id="o" x2="61.634" y1="22" y2="22" href="#a" />
<linearGradient id="p" x2="61.634" y1="25" y2="25" href="#a" />
<linearGradient id="q" x2="61.634" y1="38.5" y2="38.5" href="#a" />
<linearGradient id="r" x2="61.634" y1="23.5" y2="23.5" href="#a" />
<path
fill="url(#a)"
d="M3 13a3 3 0 0 1 3 3 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 0-2 3 3 0 0 1-3-3 1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0 0 2zm4-2a5.043 5.043 0 0 0 1 1 5.043 5.043 0 0 0-1 1 5.043 5.043 0 0 0-1-1 5.043 5.043 0 0 0 1-1z"
/>
<path fill="url(#b)" d="M16 2h2v2h-2z" />
<path fill="url(#c)" d="M16 6h2v2h-2z" />
<path fill="url(#d)" d="M14 4h2v2h-2zM18 4h2v2h-2z" />
<path
fill="url(#e)"
d="M61 51a3 3 0 0 1-3-3 1 1 0 0 0-2 0 3 3 0 0 1-3 3 1 1 0 0 0 0 2 3 3 0 0 1 3 3 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 0-2zm-4 2a5.043 5.043 0 0 0-1-1 5.043 5.043 0 0 0 1-1 5.043 5.043 0 0 0 1 1 5.043 5.043 0 0 0-1 1z"
/>
<path fill="url(#f)" d="M46 60h2v2h-2z" />
<path fill="url(#g)" d="M46 56h2v2h-2z" />
<path fill="url(#h)" d="M48 58h2v2h-2zM44 58h2v2h-2z" />
<path fill="url(#i)" d="M8 52h2v2H8z" />
<path fill="url(#j)" d="M12 54h2v2h-2z" />
<path fill="url(#k)" d="M50 8h2v2h-2z" />
<path fill="url(#l)" d="M54 10h2v2h-2z" />
<path
fill="url(#m)"
d="M32 48a16 16 0 1 0-16-16 16.019 16.019 0 0 0 16 16zm0-30a14 14 0 1 1-14 14 14.015 14.015 0 0 1 14-14z"
/>
<path
fill="url(#m)"
d="M12.677 26.822a5.956 5.956 0 0 1-1.083 1.754A5.845 5.845 0 0 0 10 32a5.842 5.842 0 0 0 1.594 3.423 5.959 5.959 0 0 1 1.083 1.755 6.163 6.163 0 0 1-.053 2.153A5.764 5.764 0 0 0 12.945 43 5.8 5.8 0 0 0 16 45.135a6.038 6.038 0 0 1 1.859 1.007A6.017 6.017 0 0 1 18.864 48 5.805 5.805 0 0 0 21 51.055a5.761 5.761 0 0 0 3.674.32 6.154 6.154 0 0 1 2.152-.052 5.913 5.913 0 0 1 1.753 1.082A5.846 5.846 0 0 0 32 54a5.846 5.846 0 0 0 3.425-1.595 5.913 5.913 0 0 1 1.753-1.082 6.106 6.106 0 0 1 2.152.052 5.746 5.746 0 0 0 3.67-.32A5.8 5.8 0 0 0 45.135 48a6.017 6.017 0 0 1 1.007-1.859A6.045 6.045 0 0 1 48 45.135 5.791 5.791 0 0 0 51.054 43a5.759 5.759 0 0 0 .322-3.673 6.157 6.157 0 0 1-.053-2.152 5.956 5.956 0 0 1 1.083-1.754A5.845 5.845 0 0 0 54 32a5.842 5.842 0 0 0-1.594-3.423 5.959 5.959 0 0 1-1.083-1.755 6.163 6.163 0 0 1 .053-2.153A5.764 5.764 0 0 0 51.055 21 5.8 5.8 0 0 0 48 18.865a6.038 6.038 0 0 1-1.859-1.007A6.017 6.017 0 0 1 45.136 16 5.805 5.805 0 0 0 43 12.945a5.769 5.769 0 0 0-3.674-.32 6.106 6.106 0 0 1-2.152.052 5.913 5.913 0 0 1-1.749-1.077A5.846 5.846 0 0 0 32 10a5.846 5.846 0 0 0-3.425 1.6 5.913 5.913 0 0 1-1.753 1.082 6.178 6.178 0 0 1-2.152-.052 5.761 5.761 0 0 0-3.673.32A5.8 5.8 0 0 0 18.865 16a6.017 6.017 0 0 1-1.007 1.859A6.045 6.045 0 0 1 16 18.865 5.791 5.791 0 0 0 12.946 21a5.759 5.759 0 0 0-.322 3.673 6.157 6.157 0 0 1 .053 2.149zm.5 2.972a7.325 7.325 0 0 0 1.427-2.456 7.571 7.571 0 0 0 0-2.924A4.356 4.356 0 0 1 14.677 22a4.377 4.377 0 0 1 2.087-1.287 7.458 7.458 0 0 0 2.508-1.441 7.463 7.463 0 0 0 1.441-2.507A4.363 4.363 0 0 1 22 14.677a4.347 4.347 0 0 1 2.415-.069 7.551 7.551 0 0 0 2.924 0 7.328 7.328 0 0 0 2.456-1.428A4.39 4.39 0 0 1 32 12a4.39 4.39 0 0 1 2.206 1.181 7.328 7.328 0 0 0 2.456 1.428 7.557 7.557 0 0 0 2.925 0 4.359 4.359 0 0 1 2.413.067 4.377 4.377 0 0 1 1.286 2.088 7.458 7.458 0 0 0 1.441 2.508 7.444 7.444 0 0 0 2.507 1.44A4.383 4.383 0 0 1 49.324 22a4.354 4.354 0 0 1 .069 2.414 7.576 7.576 0 0 0 0 2.925 7.3 7.3 0 0 0 1.428 2.456A4.4 4.4 0 0 1 52 32a4.39 4.39 0 0 1-1.181 2.206 7.325 7.325 0 0 0-1.427 2.456 7.571 7.571 0 0 0 0 2.924A4.356 4.356 0 0 1 49.323 42a4.377 4.377 0 0 1-2.087 1.287 7.458 7.458 0 0 0-2.508 1.441 7.463 7.463 0 0 0-1.441 2.507A4.363 4.363 0 0 1 42 49.323a4.357 4.357 0 0 1-2.415.069 7.61 7.61 0 0 0-2.924 0 7.328 7.328 0 0 0-2.456 1.428A4.39 4.39 0 0 1 32 52a4.39 4.39 0 0 1-2.206-1.181 7.328 7.328 0 0 0-2.456-1.428 4.687 4.687 0 0 0-1.219-.146 13.388 13.388 0 0 0-1.706.147A4.359 4.359 0 0 1 22 49.324a4.377 4.377 0 0 1-1.286-2.088 7.458 7.458 0 0 0-1.441-2.508 7.444 7.444 0 0 0-2.507-1.44A4.383 4.383 0 0 1 14.676 42a4.354 4.354 0 0 1-.069-2.414 7.576 7.576 0 0 0 0-2.925 7.3 7.3 0 0 0-1.428-2.456A4.4 4.4 0 0 1 12 32a4.39 4.39 0 0 1 1.181-2.206z"
/>
<path
fill="url(#n)"
d="M24.5 28a2.5 2.5 0 1 0-2.5-2.5 2.5 2.5 0 0 0 2.5 2.5zm0-3a.5.5 0 1 1-.5.5.5.5 0 0 1 .5-.5z"
/>
<path fill="url(#o)" d="M28 23h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path
fill="url(#p)"
d="M30 25a1 1 0 0 0 1 1h2a1 1 0 0 0 0-2h-2a1 1 0 0 0-1 1z"
/>
<path
fill="url(#q)"
d="M5.5 36A2.5 2.5 0 1 0 8 38.5 2.5 2.5 0 0 0 5.5 36zm0 3a.5.5 0 1 1 .5-.5.5.5 0 0 1-.5.5z"
/>
<path
fill="url(#r)"
d="M58.5 27a3.5 3.5 0 1 0-3.5-3.5 3.5 3.5 0 0 0 3.5 3.5zm0-5a1.5 1.5 0 1 1-1.5 1.5 1.5 1.5 0 0 1 1.5-1.5z"
/>
</svg>
More icons in the same style and category