Color

Advanced editing in SVG Editor

Arcticons

Nightmode Icon

Free SVG icon from the Arcticons collection. Download or copy for use in any project.

Download SVG

Collection: Arcticons
Format: SVG, PNG
License: CC BY-SA 4.0 - Free for commercial use
Tags: nightmode

The Nightmode icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/330211.svg" alt="Nightmode icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/330211.svg" alt="Nightmode icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/330211.svg"
  alt="Nightmode icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-nightmode {
  background-image: url('https://proicons.com/icon/330211.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.b{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="b" d="M31.75,6.479c6.7339,3.8881,10.3177,11.5721,8.969,19.23-1.3496,7.6616-7.3484,13.6604-15.01,15.01-7.6579,1.3487-15.3419-2.2351-19.23-8.969"/><path class="b" d="M32.02,6.75c4.1858,7.2511,2.98,16.4095-2.94,22.33-5.9205,5.92-15.0789,7.1258-22.33,2.94"/><path class="b" d="M10,8v4"/><path class="b" d="M8,10h4"/><path class="b" d="M12,18v3"/><path class="b" d="M10.5,19.5h3"/><path class="b" d="M30.5,14v3"/><path class="b" d="M29,15.5h3"/><path class="b" d="M38.5,5.5v3"/><path class="b" d="M37,7h3"/><path class="b" d="M7.5,41h3"/><path class="b" d="M9,39.5v3"/><path class="b" d="M39.5,36h3"/><path class="b" d="M41,34.5l.02,3"/></svg>

Nightmode in other icon packs

Ikonate

Streamline Vectors Outline

Copied!

Nightmode Icon

More from Arcticons

Nightmode in other icon packs