Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as interface, smartphone, ui, multimedia option, night mode, and hands and gestures. Created in a clean lineal style with a black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a46.91 46.91 0 0 0-15.75-2.721h-148.76c-25.91 0-46.89 21.01-46.89 46.931V193.1c0 25.929 20.98 46.92 46.89 46.92h148.76c25.9 0 46.89-20.991 46.89-46.92V87.529"
transform="translate(239.6 256.98)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-38.113 30.868-69.008 68.949-69.008 30.74 0 56.772 20.131 65.655 47.931-6.635-2.14-13.709-3.287-21.06-3.287-38.071 0-68.939 30.894-68.939 68.998a68.686 68.686 0 0 0 3.285 21.077C20.105 56.812 0 30.757 0 0Z"
transform="translate(75.578 383.88)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 28.41 6.937"
transform="translate(364.9 342.117)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 15.188 25.012"
transform="translate(328.077 399.362)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-133.943"
transform="translate(299.648 290.292)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v1.07"
transform="translate(419.73 186.35)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v57.341"
transform="translate(359.69 156.35)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v181.067c0 16.432 12.908 30.279 29.299 30.66 16.948.395 30.74-13.259 30.74-30.048V110.56c0 16.601 13.439 30.056 30.02 30.056 16.57 0 30.019-13.465 30.019-30.056V80.502c0 16.602 13.439 30.058 30.02 30.058 16.57 0 30.019-13.466 30.019-30.058V53.74c0 .592.02 1.173.05 1.744"
transform="translate(239.605 132.8)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0s-115.02-2.759-30.426-186.652h237.581s41.037 14.289 36.717 162.414l-.544 10.095c-.906 16.8-14.766 29.957-31.559 29.957-17.456 0-31.605-14.176-31.605-31.665v-32.818"
transform="translate(239.609 201.652)"
fill="none"
stroke="#000"
stroke-width="30"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category