Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, smartphone, ui, toggle button, sleep mode, night mode, and dark mode. Created in a clean thin outline 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.001 512.001"
>
<path
d="m454.263 439.662-73.829-406.38c-2.913-15.778-16.476-27.362-32.515-27.771L104.71.01a33.77 33.77 0 0 0-32.644 22.504L59.139 58.938a33.605 33.605 0 0 0-.568 20.878l120.253 407.923c4.247 14.379 17.447 24.251 32.44 24.262.328 0 .663 0 .996-.015l186.051-5.444a33.932 33.932 0 0 0 24.46-11.529l23.66-27.022a33.647 33.647 0 0 0 7.832-28.329zm-11.125 25.447-23.66 27.022a29.542 29.542 0 0 1-21.295 10.038l-186.051 5.444c-13.368.376-25.316-8.29-29.11-21.115L62.769 78.58a29.27 29.27 0 0 1 .493-18.178L76.19 23.977a29.396 29.396 0 0 1 28.42-19.592l243.211 5.502c13.965.356 25.773 10.441 28.309 24.178l73.828 406.38a29.296 29.296 0 0 1-6.82 24.664z"
/>
<path
d="M362.335 49.187c-2.553-12.41-13.364-21.394-26.031-21.634l-16.02-.358h-.049a2.189 2.189 0 0 0-2.125 2.711c3.015 12.247-4.469 24.62-16.716 27.635-1.787.44-3.621.662-5.462.662h-65.655a22.965 22.965 0 0 1-21.904-16.394l-4.618-15.695a2.188 2.188 0 0 0-2.05-1.57l-44.484-.991c-15.027-.337-27.482 11.571-27.82 26.598a27.2 27.2 0 0 0 1.321 9.007l117.419 362.04a27.371 27.371 0 0 0 25.899 18.817c.252 0 .504-.004.756-.011l135.777-3.829c15.025-.423 26.862-12.947 26.438-27.972a27.25 27.25 0 0 0-.566-4.806zm65.4 373.935a22.789 22.789 0 0 1-17.285 8.68l-135.778 3.826a23.01 23.01 0 0 1-22.368-15.784L134.885 57.808c-3.891-11.999 2.682-24.88 14.68-28.771a22.862 22.862 0 0 1 7.553-1.109l42.885.955 4.166 14.161a27.364 27.364 0 0 0 26.108 19.535h65.655c15.033-.001 27.219-12.189 27.219-27.222 0-1.247-.086-2.492-.257-3.727l13.312.298a22.741 22.741 0 0 1 21.844 18.161l74.11 354.207a22.784 22.784 0 0 1-4.426 18.828v-.002z"
/>
<path
d="M399.254 454.723h-.066l-137.667 4.022a29.626 29.626 0 0 1-28.882-20.368L111.372 64.637a2.19 2.19 0 1 0-4.158 1.351l121.27 373.738a34.004 34.004 0 0 0 32.183 23.408c.328 0 .656 0 .985-.014l137.666-4.022a2.189 2.189 0 0 0-.062-4.376z"
/>
<path
d="M354.138 315.671a27.136 27.136 0 0 0-12.842 14.483H269.66c-9.969 0-18.051 8.082-18.051 18.051s8.082 18.051 18.051 18.051h76.341a39.407 39.407 0 0 0 16.992 14.643 30.821 30.821 0 0 0 12.303 2.673 26.168 26.168 0 0 0 11.94-2.838c7.324-3.726 12.441-10.651 14.407-19.5a40.279 40.279 0 0 0-3.807-26.846c-9.121-17.937-28.722-26.333-43.698-18.717zM269.66 361.88c-7.553 0-13.675-6.123-13.675-13.675s6.123-13.675 13.675-13.675h70.253a40.162 40.162 0 0 0 3.558 27.35zm127.716-1.594c-1.677 7.549-5.981 13.425-12.12 16.548s-13.425 3.142-20.511.054a35.262 35.262 0 0 1-15.693-13.979c-.019-.031-.036-.061-.056-.091a40.6 40.6 0 0 1-1.56-2.785c-8.032-15.787-4.135-33.938 8.686-40.461a21.79 21.79 0 0 1 9.947-2.348c10.628 0 21.801 7.221 27.871 19.145a35.894 35.894 0 0 1 3.436 23.917zM298.992 270.142a82.597 82.597 0 0 0 70.214-39.573 4.041 4.041 0 0 0-.632-5.063 4.18 4.18 0 0 0-5.232-.494c-28.231 17.82-66.997 7.288-86.419-23.479s-12.264-70.302 15.928-88.099l.109-.069a4.14 4.14 0 0 0-2.606-7.634c-45.326 4.787-78.189 45.412-73.402 90.737a82.53 82.53 0 0 0 11.489 34.099 81.818 81.818 0 0 0 51.572 37.366 83.075 83.075 0 0 0 18.979 2.209zm-66.815-41.853c-21.493-35.266-11.03-82.583 23.324-105.477a78.337 78.337 0 0 1 34.297-12.618c-29.641 19.33-37.116 61.14-16.577 93.676 20.52 32.502 61.424 43.741 91.699 25.31-22.91 36.504-71.076 47.525-107.58 24.614a78.04 78.04 0 0 1-25.163-25.505z"
/>
</svg>
More icons in the same style and category