Add icons to this collection by clicking the heart icon.
Sun icon - also known as sunny, sun, emoticons, smileys, and emoji. Created in a clean flat style with a black, maroon, teal, and orange finish, 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="100"
height="100"
viewBox="0 0 500.8 500.8"
>
<circle cx="250.4" cy="250.4" r="180" fill="#f9a908" />
<path
d="M377.6 123.2c70.4 70.4 70.4 184 0 254.4s-184 70.4-254.4 0"
fill="#f7910b"
/>
<path
d="M256.8 124.8c15.2 20 .8 56.8-32.8 82.4s-72.8 29.6-88 8.8c-15.2-20-.8-56.8 32.8-82.4 33.6-25.6 72.8-29.6 88-8.8z"
fill="#f9c55d"
/>
<path
d="M340 262.4c-2.4 0-4.8-.8-7.2-3.2-8-8-21.6-8-29.6 0-4 4-9.6 4-13.6 0s-4-9.6 0-13.6c16-16 41.6-16 57.6 0 4 4 4 9.6 0 13.6-2.4 2.4-4.8 3.2-7.2 3.2z"
fill="#1e4784"
/>
<path
d="M346.4 246.4c4 4 4 9.6 0 13.6-1.6 1.6-4 3.2-7.2 3.2-2.4 0-4.8-.8-7.2-3.2-8-8-21.6-8-29.6 0-4 4-9.6 4-13.6 0s-4-9.6 0-13.6"
fill="#02243e"
/>
<path
d="M160.8 262.4c2.4 0 4.8-.8 7.2-3.2 8-8 21.6-8 29.6 0 4 4 9.6 4 13.6 0s4-9.6 0-13.6c-16-16-41.6-16-57.6 0-4 4-4 9.6 0 13.6 2.4 2.4 4.8 3.2 7.2 3.2z"
fill="#1e4784"
/>
<path
d="M154.4 246.4c-4 4-4 9.6 0 13.6 1.6 1.6 4 3.2 7.2 3.2 2.4 0 4.8-.8 7.2-3.2 8-8 21.6-8 29.6 0 4 4 9.6 4 13.6 0s4-9.6 0-13.6"
fill="#02243e"
/>
<path
d="M165.6 168c2.4 4 11.2-4 23.2-11.2s23.2-11.2 20.8-15.2-20-10.4-32-2.4c-12 6.4-14.4 24.8-12 28.8zM335.2 168c-2.4 4-11.2-4-23.2-11.2s-23.2-11.2-20.8-15.2c2.4-4 20-10.4 32-2.4 12 6.4 14.4 24.8 12 28.8z"
fill="#037a66"
/>
<path
d="M304.8 296c0 9.6-24 17.6-54.4 17.6-29.6 0-54.4-8-54.4-17.6s24-2.4 54.4-2.4c29.6 0 54.4-7.2 54.4 2.4z"
fill="#990b0b"
/>
<circle cx="250.4" cy="44.8" r="14.4" fill="#f7910b" />
<circle cx="250.4" cy="456" r="14.4" fill="#f7910b" />
<circle cx="456" cy="250.4" r="14.4" fill="#f7910b" />
<circle cx="44.8" cy="250.4" r="14.4" fill="#f7910b" />
<path
d="m397.6 81.6 29.6-8-8 29.6zM103.2 419.2l-29.6 8 8-29.6zM419.2 397.6l8 29.6-29.6-8zM81.6 103.2l-8-29.6 29.6 8z"
fill="#f9a908"
/>
<circle cx="395.2" cy="105.6" r="14.4" fill="#f7910b" />
<circle cx="105.6" cy="395.2" r="14.4" fill="#f7910b" />
<circle cx="395.2" cy="395.2" r="14.4" fill="#f7910b" />
<circle cx="105.6" cy="105.6" r="14.4" fill="#f7910b" />
<path
d="m474.4 235.2 26.4 15.2-26.4 15.2zM26.4 265.6 0 250.4l26.4-15.2zM265.6 474.4l-15.2 26.4-15.2-26.4zM235.2 26.4 250.4 0l15.2 26.4z"
fill="#f9a908"
/>
</svg>
More icons in the same style and category