Add icons to this collection by clicking the heart icon.
Night icon - also known as night, time, moon, sleeping, wellness, and good night. Created in a clean outline 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="a"
x1="334.641"
x2="334.641"
y1="452.107"
y2="39.298"
gradientUnits="userSpaceOnUse"
>
<stop offset=".322" stop-color="#a163f5" />
<stop offset=".466" stop-color="#b074ee" />
<stop offset=".752" stop-color="#d8a1dd" />
<stop offset=".898" stop-color="#efbad3" />
</linearGradient>
<linearGradient
id="b"
x1="323.21"
x2="323.21"
y1="452.108"
y2="39.299"
href="#a"
/>
<linearGradient
id="c"
x1="323.21"
x2="323.21"
y1="452.107"
y2="39.298"
href="#a"
/>
<linearGradient
id="d"
x1="256.001"
x2="256.001"
y1="452.107"
y2="39.298"
href="#a"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="452.107"
y2="39.298"
href="#a"
/>
<path
fill="url(#a)"
d="M320.582 122.218H348.7a6 6 0 0 0 0-12h-22.118v-37.69a6 6 0 0 0-12 0v43.69a6 6 0 0 0 6 6z"
/>
<path
fill="url(#b)"
d="M323.21 211.278a103.084 103.084 0 1 0-103.02-103.084 103.168 103.168 0 0 0 103.02 103.084zm0-194.168a91.084 91.084 0 1 1-91.02 91.084 91.155 91.155 0 0 1 91.02-91.084z"
/>
<path
fill="url(#c)"
d="M323.21 191.788a83.594 83.594 0 1 0-83.543-83.594 83.663 83.663 0 0 0 83.543 83.594zm-58.843-88.88h-12.185c-.1 0-.2.01-.3.015a71.285 71.285 0 0 1 16.055-40.132l9.226 9.226a6 6 0 0 0 8.485-8.485l-9.335-9.332a71.2 71.2 0 0 1 40.232-17.275c0 .037-.006.074-.006.112v13.7a6 6 0 0 0 12 0v-13.7c0-.073-.008-.143-.011-.215a71.185 71.185 0 0 1 40.925 16.81 5.949 5.949 0 0 0-.658.538l-9.365 9.365a6 6 0 0 0 8.486 8.485l9.365-9.365a6.089 6.089 0 0 0 .529-.655 71.278 71.278 0 0 1 16.745 41.142 5.971 5.971 0 0 0-1.659-.238h-12.185a6 6 0 0 0 0 12H392.9a5.98 5.98 0 0 0 1.548-.209 71.312 71.312 0 0 1-17.477 40.659 5.945 5.945 0 0 0-1.141-1.648l-7.91-7.911a6 6 0 0 0-8.486 8.486l7.911 7.91a5.936 5.936 0 0 0 1.522 1.075 71.174 71.174 0 0 1-40.576 16.318 6.012 6.012 0 0 0 .252-1.717V167.08a6 6 0 0 0-12 0v10.791a5.994 5.994 0 0 0 .226 1.612 71.187 71.187 0 0 1-39.759-16.69 5.978 5.978 0 0 0 .732-.6l7.91-7.91a6 6 0 0 0-8.485-8.486l-7.911 7.911a6.018 6.018 0 0 0-.6.729 71.3 71.3 0 0 1-16.666-39.54c.064 0 .126.009.191.009h12.185a6 6 0 0 0 0-12z"
/>
<path
fill="url(#d)"
d="M455.259 243.17a6 6 0 0 0-7.444 1.563c-8.327 10.353-22.089 21.9-40.928 34.385-5.668-12.455-17.936-22.524-44.429-22.87-16.721-.225-31.129 2.99-42.836 9.536a24.043 24.043 0 0 1-27.889-3.342l-1.562-1.416c-20.08-18.207-49.53-22.464-73.284-10.594a47.45 47.45 0 0 0-13.795 9.992c-34.7-33.29-55.26-78.176-55.26-121.3A169.2 169.2 0 0 1 201.883 15.4a6 6 0 0 0-6.151-10.03c-37.917 13.963-72.977 40.35-98.722 74.3-27.041 35.659-42.031 76.518-43.349 118.16-1.011 31.963 3.094 61.7 12.2 88.389a194.97 194.97 0 0 0 38.089 66.208c29.182 33.182 70.92 56.625 117.956 66.359v42.384A45.829 45.829 0 0 0 267.738 507h14.3a27.28 27.28 0 0 0 22.305-11.584c9.818 2.322 32.02 6.022 45.578-3.774 6.646-4.8 10.306-12.282 10.588-21.638h15.6a35.6 35.6 0 0 0 35.6-35.6V330.435c21.683-23.7 38.6-52.825 46.553-80.272a6 6 0 0 0-3.003-6.993zm-55.55 68.95L399.7 434.4a23.605 23.605 0 0 1-23.6 23.6h-15.516l.614-104.549a6 6 0 0 0-12-.07l-.683 116.221c-.163 5.662-2 9.686-5.613 12.3-8.22 5.949-24.121 4.292-33.934 2.234a27.326 27.326 0 0 0 .361-4.441v-65.488a6.167 6.167 0 0 0-5.815-6.249 6 6 0 0 0-6.185 6V479.7a15.2 15.2 0 0 1-1.3 6.177c-.029.063-.058.126-.085.19a15.315 15.315 0 0 1-13.9 8.932h-14.318a33.817 33.817 0 0 1-33.817-33.817v-92.966a6 6 0 0 0-12 0v38.3c-43.5-9.5-81.978-31.345-108.945-62.009a183.035 183.035 0 0 1-35.743-62.159c-8.64-25.314-12.532-53.62-11.566-84.133 1.239-39.141 15.388-77.624 40.916-111.29a215.509 215.509 0 0 1 66.982-58.228 181.267 181.267 0 0 0-37.721 110.432c0 48.435 23.945 98.792 64.052 134.7l.017-.02c.122.11.23.232.363.333a65.393 65.393 0 0 0 13.637 8.169c2.382 1.1 3.469 1.6 4.74 2.956a12.494 12.494 0 0 1 3.268 8.593v32.355a6 6 0 0 0 12 0v-32.354a24.448 24.448 0 0 0-6.5-16.787 23.917 23.917 0 0 0-8.49-5.663A53.626 53.626 0 0 1 212.44 268a36.622 36.622 0 0 1 9.812-6.83c19.361-9.676 43.416-6.16 59.859 8.75l1.562 1.416a36.03 36.03 0 0 0 41.806 4.924c9.847-5.5 22.235-8.207 36.822-8.01 37.616.488 37.51 22.542 37.408 43.87zm12-.1c.029-6.166.052-13.55-1.236-20.9a299.446 299.446 0 0 0 26.563-19.173 208.884 208.884 0 0 1-25.326 40.069z"
/>
<g fill="url(#e)">
<path
d="M256 304.442a6 6 0 0 0-6 6v2.058a6 6 0 0 0 12 0v-2.061a6 6 0 0 0-6-5.997zM256 324.8a6 6 0 0 0-6 6v77.177a6 6 0 0 0 12 0V330.8a6 6 0 0 0-6-6z"
/>
</g>
</svg>
More icons in the same style and category