Menu

Beta
Sign in
Beta
Clear Night SVG icon, line

Clear Night SVG icon, line

A crescent moon sits above a low, straight horizon. Use it for overnight forecasts in camping plans and astronomy event calendars.

Free · from Weather icons, line · Set 2

Similar SVGs

More from Weather icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ysyaHRu9CxqJ/amnt.svg" alt="Clear Night" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="lemon" data-name="Lemon"><path d="M549 141c-20 4-41 5-61 11-69 20-130 63-168 123-54 85-67 192-20 282 95 181 338 203 465 44-20 2-38 10-58 11-102 6-196-52-240-145-41-87-28-192 29-269 15-21 35-38 53-57z" fill="#fcf06d" stroke="#fcf06d"/></g><g id="grape" data-name="Grape"><path d="M562 117c-178-1-325 162-316 337 10 181 192 314 367 270 40-11 78-28 112-53 18-13 79-64 73-87-2-8-10-14-18-14-9 0-21 7-30 9-26 8-54 12-81 9-43-4-82-22-115-48-70-55-100-149-81-235 9-40 28-77 54-108 11-12 22-24 35-34 6-5 15-10 19-16 12-17-3-30-19-30zm-13 24c-18 19-38 36-53 57-57 77-70 182-29 269 44 93 138 151 240 145 20-1 38-9 58-11-127 159-370 137-465-44-47-90-34-197 20-282 38-60 99-103 168-123 20-6 41-7 61-11z" fill="#052565" stroke="#052565"/><path d="M98 824c-16 3-21 25-6 33 11 6 40 2 54 2 37 0 74 0 112 0 74 0 148 0 223 0 108 0 216 0 325 0 25 0 101 4 121-1 15-3 21-24 6-31-12-7-40-3-53-3-38 0-75 0-112 0-75 0-149 0-223 0-110 0-218 0-327 0-25 0-101-4-120 0z" fill="#052565" stroke="#052565"/></g></svg>
CSS background-image
.clear-night {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ysyaHRu9CxqJ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.clear-night {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ysyaHRu9CxqJ/amnt.svg") center / contain no-repeat;
}
React
import ClearNightSvg from "./clear-night.jsx"; // from the React tab above

<ClearNightSvg width={48} height={48} />

Tags

clear nightmoonnightforecastweathericonline

Made with AMNT

AMNT Draw 1.2 drew this from the words Clear Night: A crescent moon above a low, straight horizon line. A flat colour icon. as part of the pack Weather icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings