Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, warm, summertime, sun, meteorology, and miscellaneous. Created in a clean lineal color style with a purple, orange, and pink 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="512"
height="512"
viewBox="0 0 256 256"
>
<path
fill="#fcc24c"
d="M128 20.627 179.362 4l24.562 48.076L252 76.637 235.373 128 252 179.363l-48.076 24.561L179.362 252 128 235.373 76.637 252l-24.561-48.076L4 179.363 20.627 128 4 76.637l48.076-24.561L76.637 4z"
/>
<path
fill="#dea42e"
d="m252 76.637-8.698-4.443L225.237 128l18.065 55.806 8.698-4.443L235.373 128z"
/>
<path
fill="#fce06a"
d="m4 179.362 8.698 4.444L30.763 128 12.698 72.194 4 76.637 20.627 128z"
/>
<path
fill="#690589"
d="M179.362 254c-.205 0-.412-.032-.616-.098L128 237.476l-50.747 16.427a2.002 2.002 0 0 1-2.397-.993l-24.267-47.5-47.5-24.267a2 2 0 0 1-.993-2.397L18.524 128 2.097 77.253a2 2 0 0 1 .993-2.397l47.5-24.267 24.267-47.5a2 2 0 0 1 2.397-.993L128 18.524l50.746-16.427a2 2 0 0 1 2.397.993l24.268 47.5 47.499 24.267a2 2 0 0 1 .992 2.397L237.476 128l16.427 50.746a2 2 0 0 1-.992 2.397l-47.499 24.267-24.268 47.5a2.001 2.001 0 0 1-1.782 1.09zM128 233.374c.208 0 .416.032.616.097l49.741 16.102 23.787-46.558c.191-.375.496-.679.871-.871l46.558-23.786-16.102-49.741c-.13-.4-.13-.831 0-1.231l16.102-49.741-46.558-23.786a2.003 2.003 0 0 1-.871-.871l-23.788-46.56-49.741 16.102c-.4.13-.831.13-1.231 0L77.643 6.428 53.857 52.986a2.008 2.008 0 0 1-.871.871L6.428 77.643l16.102 49.741c.129.4.129.831 0 1.231L6.428 178.357l46.558 23.786c.375.192.679.497.871.871l23.786 46.558 49.741-16.102c.2-.064.408-.096.616-.096z"
/>
<circle cx="128" cy="128" r="86.84" fill="#fcc24c" />
<path
fill="#dea42e"
d="M128 41.16c-1.876 0-3.732.08-5.578.197 45.358 2.878 81.263 40.558 81.263 86.643s-35.904 83.764-81.263 86.643c1.846.117 3.702.197 5.578.197 47.96 0 86.84-38.88 86.84-86.84S175.96 41.16 128 41.16z"
/>
<path
fill="#fce06a"
d="M128 214.84c1.876 0 3.732-.08 5.578-.197-45.359-2.879-81.263-40.558-81.263-86.643s35.904-83.764 81.262-86.643a88.034 88.034 0 0 0-5.578-.197c-47.96 0-86.84 38.88-86.84 86.84.001 47.96 38.881 86.84 86.841 86.84z"
/>
<path
fill="#690589"
d="M128 216.84c-48.987 0-88.84-39.854-88.84-88.84S79.013 39.16 128 39.16c48.986 0 88.84 39.854 88.84 88.84s-39.854 88.84-88.84 88.84zm0-173.68c-46.781 0-84.84 38.059-84.84 84.84s38.059 84.84 84.84 84.84 84.84-38.059 84.84-84.84S174.781 43.16 128 43.16z"
/>
<path
fill="#690589"
d="M51.101 129.787a2 2 0 0 1-2-2c0-4.126.33-8.27.981-12.318a2 2 0 1 1 3.949.635 73.715 73.715 0 0 0-.931 11.682 1.998 1.998 0 0 1-1.999 2.001z"
/>
</svg>
More icons in the same style and category