Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as interface, smartphone, ui, multimedia option, and night mode. 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 0v-165.766c0-28.846-23.387-52.232-52.231-52.232h-165.763c-28.856 0-52.241 23.386-52.241 52.232V0c0 28.855 23.385 52.232 52.241 52.232h165.763C-23.387 52.232 0 28.855 0 0Z"
transform="translate(285.235 444.768)"
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-165.766c0-28.845-23.386-52.232-52.231-52.232h-165.763c-28.845 0-52.232 23.387-52.232 52.232V-6.229h6.23c28.845 0 52.231 23.386 52.231 52.233v6.228h159.534C-23.386 52.232 0 28.846 0 0Z"
transform="translate(497 232.998)"
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-42.431 34.394-76.824 76.823-76.824 34.25 0 63.255 22.411 73.153 53.359-7.393-2.382-15.275-3.66-23.464-3.66-42.42 0-76.813 34.395-76.813 76.814 0 8.18 1.278 16.073 3.66 23.465C22.401 63.247 0 34.24 0 0Z"
transform="translate(75.13 363.724)"
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-25.117-20.361-45.479-45.479-45.479S-90.958-25.117-90.958 0c0 25.118 20.361 45.48 45.479 45.48S0 25.118 0 0Z"
transform="translate(407.365 150.116)"
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 0v29.646"
transform="translate(361.886 195.597)"
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 0h-29.645"
transform="translate(316.407 150.116)"
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-29.646"
transform="translate(361.886 104.637)"
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 0h29.645"
transform="translate(407.365 150.116)"
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 20.948-21.001"
transform="translate(393.969 117.906)"
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-20.937-20.989"
transform="translate(329.792 117.894)"
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-20.937 20.989"
transform="translate(329.792 182.339)"
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 20.949 21.002"
transform="translate(393.968 182.326)"
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 0h-85.937v105.935l-36.53-36.532"
transform="translate(166.785 60.844)"
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-36.533-36.535"
transform="translate(80.849 166.778)"
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-36.534 36.535"
transform="translate(117.383 130.243)"
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 0h-85.937v105.935l-36.53-36.532"
transform="translate(166.785 60.844)"
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-36.533-36.535"
transform="translate(80.849 166.778)"
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-36.534 36.535"
transform="translate(117.383 130.243)"
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 0h85.936v-105.935l36.53 36.531"
transform="translate(344.995 451.087)"
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 36.534 36.534"
transform="translate(430.93 345.152)"
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 36.533-36.534"
transform="translate(394.397 381.687)"
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