Dark Mode Icon SVG

Dark Mode SVG Icons refers to a user interface (UI) for content that displays light text on a dark background. Dark mode is especially useful for people who look at the screen of a mobile computing device at night. Low glare can reduce eyestrain in low light conditions.

Icon Dark mode SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Dark mode Icon Svg Code | Path | Download

Download free Dark Mode SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Dark Mode Icon SVG code in HTML/Css from below.

Dark mode SVG Icon Code | Customize color

You can get svg icon dark mode in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Dark mode

Download

Svg Code

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>

Dark mode

Download

Svg Code

<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>

Dark mode

Download

Svg Code

<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>

Dark mode

Download

Svg Code

<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>

Dark mode

Download

Svg Code

<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M448 256c0-106-86-192-192-192V448c106 0 192-86 192-192zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"/></svg>


Advance Editor

You can edit dark mode as below. Change size color and background color of icon using below tool.

fontawesomeicons.com
Size
Stroke

Size
Stroke
tab 2 content
Tab 3 content



Tags

ominous ,gloomy ,black,dark composition,arcane ,black text,dark matter,black motif



Advertisements



Dark Mode Icon SVG - Faq(s)?

⭐Can I get Free Dark Mode Icon SVG?

Yes, you can get free Dark Mode SVG icons.

⭐ How to download free Dark Mode Icon SVG code?

To download free Dark Mode icons in SVG code click on the copy code button.

⭐How to find the Dark Mode Icon SVG path file?

You can get the Dark Mode SVG file path from the above section.

⭐ What are the colors available for SVG Dark Mode Icon?

You can check the Dark Mode SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.



Advertisements

You may like these icons
Dark Reader
The Models Resource


Looking For More Icons?