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 color 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 363.464 468"
>
<g>
<g>
<path
fill="#51518c"
d="M360.071 416.26a28.775 28.775 0 0 1-5.78 10.19l-21.62 24.7a28.918 28.918 0 0 1-20.911 9.86l-170.069 4.98a28.915 28.915 0 0 1-28.58-20.73L3.191 72.39a28.889 28.889 0 0 1 .48-17.85L15.49 21.25A28.937 28.937 0 0 1 43.4 2.01l222.31 5.03a28.918 28.918 0 0 1 27.8 23.74l67.48 371.46a28.884 28.884 0 0 1-.919 14.02z"
/>
<path
fill="#ebe9fb"
d="m322.966 396.693-124.109 3.5a22.877 22.877 0 0 1-22.4-15.81L69.125 53.456A22.876 22.876 0 0 1 91.4 23.528l40.66.905 4.221 14.347a22.877 22.877 0 0 0 21.941 16.42h60.013a22.876 22.876 0 0 0 22.214-28.342l14.643.327a22.877 22.877 0 0 1 21.881 18.186l67.741 323.772a22.877 22.877 0 0 1-21.748 27.55z"
/>
<path
fill="#3e3e7a"
d="M360.071 416.26a28.775 28.775 0 0 1-5.78 10.19l-21.62 24.7a28.918 28.918 0 0 1-20.911 9.86l-170.069 4.98a28.915 28.915 0 0 1-28.58-20.73L3.191 72.39a28.889 28.889 0 0 1 .48-17.85L15.49 21.25a28.949 28.949 0 0 1 14.4-16.23l128.59 396.3a28.91 28.91 0 0 0 28.36 20z"
/>
<path
fill="#84ffc1"
d="M276.657 303.778H194.22a14.5 14.5 0 0 0 0 29h82.437a14.5 14.5 0 0 0 0-29z"
/>
<ellipse
cx="286.567"
cy="318.278"
fill="#00e7af"
rx="25.846"
ry="31.363"
transform="rotate(-26.95 286.91 318.569)"
/>
<path
fill="#fde062"
d="M158.25 209.711a73.34 73.34 0 0 1 55.087-111.077 1.784 1.784 0 0 1 1.115 3.3l-.068.043c-26.779 16.906-33.589 54.205-15.216 83.308s54.971 38.99 81.751 22.084l.075-.048a1.782 1.782 0 0 1 2.508 2.4 73.342 73.342 0 0 1-125.252 0z"
/>
<path
d="M362.959 401.878 295.475 30.421a31.027 31.027 0 0 0-29.721-25.384L43.445.008a30.867 30.867 0 0 0-29.838 20.57L1.791 53.872a30.717 30.717 0 0 0-.519 19.084l109.919 372.867A30.941 30.941 0 0 0 140.843 468c.3 0 .606 0 .91-.014l170.062-4.976a31.015 31.015 0 0 0 22.358-10.538l21.627-24.7a30.755 30.755 0 0 0 7.159-25.894zm-10.169 23.26-21.627 24.7a27 27 0 0 1-19.465 9.175l-170.062 4.976a26.957 26.957 0 0 1-26.608-19.3L5.109 71.826A26.75 26.75 0 0 1 5.56 55.21l11.817-33.295A26.868 26.868 0 0 1 42.737 4q.307 0 .617.007l222.31 5.029a27.013 27.013 0 0 1 25.876 22.1l67.483 371.457a26.78 26.78 0 0 1-6.233 22.545z"
/>
<path
d="M278.931 44.959a24.771 24.771 0 0 0-23.794-19.775l-14.643-.327h-.045a2 2 0 0 0-1.942 2.478A20.875 20.875 0 0 1 218.235 53.2h-60.013A20.992 20.992 0 0 1 138.2 38.215l-4.221-14.346a2 2 0 0 0-1.874-1.435l-40.661-.906a24.877 24.877 0 0 0-24.222 32.545L174.55 385a25.019 25.019 0 0 0 23.673 17.2q.345 0 .691-.01l124.109-3.5a24.877 24.877 0 0 0 23.649-29.961zm59.779 341.8a20.83 20.83 0 0 1-15.8 7.934L198.8 398.19a21.033 21.033 0 0 1-20.446-14.428L71.027 52.839a20.877 20.877 0 0 1 19.836-27.317c.162 0 .325 0 .487.005l39.2.873 3.808 12.944A25.013 25.013 0 0 0 158.222 57.2h60.013a24.881 24.881 0 0 0 24.645-28.289l12.168.272a20.787 20.787 0 0 1 19.967 16.6l67.741 323.767a20.823 20.823 0 0 1-4.046 17.21z"
/>
<path
d="M312.677 415.644h-.06l-125.836 3.676a27.08 27.08 0 0 1-26.4-18.618L49.535 59.081a2 2 0 1 0-3.8 1.235l110.848 341.62A31.081 31.081 0 0 0 186 423.332c.3 0 .6 0 .9-.013l125.835-3.676a2 2 0 0 0-.057-4z"
/>
<path
d="M271.438 288.542A24.8 24.8 0 0 0 259.7 301.78h-65.48a16.5 16.5 0 0 0 0 33H264a36.026 36.026 0 0 0 15.532 13.385 28.161 28.161 0 0 0 11.246 2.443 23.925 23.925 0 0 0 10.914-2.594c6.695-3.406 11.372-9.736 13.169-17.824a36.815 36.815 0 0 0-3.48-24.539c-8.337-16.396-26.254-24.07-39.943-17.109zM194.22 330.78a12.5 12.5 0 0 1 0-25h64.216a36.714 36.714 0 0 0 3.252 25zm116.74-1.457c-1.533 6.9-5.467 12.271-11.078 15.126s-12.271 2.872-18.748.049a32.224 32.224 0 0 1-14.344-12.778c-.017-.028-.033-.056-.051-.083q-.757-1.234-1.426-2.546c-7.342-14.43-3.78-31.021 7.94-36.984a19.908 19.908 0 0 1 9.092-2.146c9.715 0 19.927 6.6 25.476 17.5a32.815 32.815 0 0 1 3.139 21.862zM221.031 246.926a75.5 75.5 0 0 0 64.18-36.172 3.694 3.694 0 0 0-.578-4.628 3.821 3.821 0 0 0-4.782-.452c-25.805 16.289-61.239 6.662-78.992-21.461s-11.21-64.26 14.559-80.528l.1-.063a3.784 3.784 0 0 0-2.382-6.978 75.434 75.434 0 0 0-56.592 114.108 74.789 74.789 0 0 0 47.14 34.155 75.993 75.993 0 0 0 17.347 2.019zm-61.073-38.256c-19.646-32.235-10.082-75.486 21.32-96.413a71.608 71.608 0 0 1 31.35-11.534c-27.094 17.669-33.926 55.886-15.152 85.626 18.757 29.709 56.145 39.982 83.819 23.135a71.33 71.33 0 0 1-121.337-.814z"
/>
</g>
</g>
</svg>
More icons in the same style and category