Add icons to this collection by clicking the heart icon.
Night icon - also known as night, clock, time, moon, midnight, and time and date. Created in a clean flat 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"
>
<circle cx="211.748" cy="217.219" r="211.748" fill="#5766cb" />
<path
fill="#3d4fc3"
d="M423.496 217.219c0-116.945-94.803-211.748-211.748-211.748-4.761 0-9.482.173-14.165.483 105.408 6.964 189.73 91.05 197.055 196.357.498 7.155-5.367 13.072-12.538 12.919a157.995 157.995 0 0 0-3.306-.035c-87.332 0-158.129 70.797-158.129 158.129 0 8.201.627 16.255 1.833 24.118 2.384 15.542-8.906 29.961-24.594 31.022l-.321.021c4.683.309 9.404.483 14.165.483 117.636-.001 211.748-95.585 211.748-211.749z"
/>
<circle cx="211.748" cy="217.219" r="162.544" fill="#f4fbff" />
<path
fill="#daf1f4"
d="M374.292 217.219c0-89.77-72.773-162.544-162.544-162.544-4.404 0-8.765.181-13.08.525 83.965 6.687 149.953 77.174 149.461 162.972l-.009.011c-68.587 13.484-119.741 70.667-126.655 138.902-1.189 11.73-10.375 21.111-22.124 22.097l-.673.055c94.649 7.542 175.624-67.027 175.624-162.018z"
/>
<path
fill="#365e7d"
d="M211.748 104.964a7.725 7.725 0 0 1-7.726-7.726V86.315a7.726 7.726 0 1 1 15.452 0v10.923a7.725 7.725 0 0 1-7.726 7.726zM296.588 140.106a7.729 7.729 0 0 1-5.464-13.191l7.723-7.723a7.73 7.73 0 0 1 10.928 0 7.729 7.729 0 0 1 0 10.928l-7.723 7.723a7.708 7.708 0 0 1-5.464 2.263zM342.653 224.946H331.73a7.725 7.725 0 0 1-7.726-7.726 7.725 7.725 0 0 1 7.726-7.726h10.923a7.726 7.726 0 1 1 0 15.452zM214.925 359.027a7.725 7.725 0 0 1-7.726-7.726v-10.923a7.726 7.726 0 1 1 15.452 0v10.923a7.725 7.725 0 0 1-7.726 7.726zM119.185 317.509a7.729 7.729 0 0 1-5.464-13.191l7.723-7.723a7.73 7.73 0 0 1 10.928 0 7.729 7.729 0 0 1 0 10.928l-7.723 7.723a7.71 7.71 0 0 1-5.464 2.263zM91.766 224.946H80.844a7.725 7.725 0 0 1-7.726-7.726 7.725 7.725 0 0 1 7.726-7.726h10.923a7.726 7.726 0 1 1-.001 15.452zM126.908 140.106a7.708 7.708 0 0 1-5.464-2.263l-7.723-7.723a7.729 7.729 0 0 1 0-10.928 7.73 7.73 0 0 1 10.928 0l7.723 7.723a7.729 7.729 0 0 1-5.464 13.191z"
/>
<path
fill="#2b4d66"
d="M211.746 228.123a7.726 7.726 0 0 1-7.724-7.726v-73.119a7.726 7.726 0 1 1 15.452 0v52.178l14.319-16.764a7.727 7.727 0 0 1 11.75 10.036l-27.921 32.686a7.725 7.725 0 0 1-5.876 2.709z"
/>
<circle cx="378.794" cy="373.323" r="133.206" fill="#365e7d" />
<path
fill="#2b4d66"
d="M512 373.323c0-73.568-59.638-133.206-133.206-133.206-5.186 0-10.3.307-15.331.884 66.345 7.604 117.875 63.941 117.875 132.322s-51.53 124.718-117.875 132.322c5.032.577 10.145.884 15.331.884 73.568 0 133.206-59.638 133.206-133.206z"
/>
<path
fill="#b1e4f9"
stroke="#b1e4f9"
stroke-miterlimit="10"
d="M382.305 345.84c0-19.864 6.888-38.109 18.388-52.511a2.266 2.266 0 0 0-1.501-3.666 83.606 83.606 0 0 0-9.913-.594c-46.533 0-84.255 37.722-84.255 84.255s37.722 84.255 84.255 84.255c23.739 0 45.171-9.831 60.483-25.629a2.267 2.267 0 0 0-1.149-3.793c-37.907-8.226-66.308-41.946-66.308-82.317z"
/>
<path
fill="#90d8f9"
d="M382.306 345.84c0-19.864 6.888-38.109 18.388-52.511a2.267 2.267 0 0 0-1.502-3.666 83.594 83.594 0 0 0-9.913-.594c-5.286 0-10.45.51-15.467 1.441-11.368 16.696-18.034 36.846-18.034 58.569 0 46.34 30.24 85.581 72.053 99.161a84.65 84.65 0 0 0 21.931-16.29 2.267 2.267 0 0 0-1.149-3.793c-37.907-8.226-66.307-41.946-66.307-82.317z"
/>
</svg>
More icons in the same style and category