Beta

Moon SVG background, flat

Free
Moon SVG background, flat

A large pale crescent hangs near an upper corner above layered dark hills. It provides a backdrop for a bedtime story page or an evening walk notice.

Sign in to download. Free SVGs are free with any account.

mooncrescentnighthillsgradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MsjmDAPHAzYq/amnt.svg" alt="Moon" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#18283F"/><path fill="#F1E9D5" fill-rule="evenodd" d="M1390 79a115 115 0 1 0 0 230 115 115 0 0 0 0-230Zm-39 16a112 112 0 1 1 0 224 112 112 0 0 1 0-224Z"/><path d="M0 596 Q195 490 382 542 Q590 432 790 525 Q1005 448 1180 531 Q1400 455 1600 560 V900 H0Z" fill="#273C53"/><path d="M0 687 Q215 580 425 638 Q650 546 855 644 Q1110 538 1320 623 Q1470 585 1600 634 V900 H0Z" fill="#1D3047"/><path d="M0 766 Q250 678 470 735 Q695 651 910 747 Q1160 651 1375 722 Q1500 696 1600 727 V900 H0Z" fill="#14263B"/></svg>
CSS background-image
.moon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MsjmDAPHAzYq/amnt.svg");
  background-size: contain;
}
React
import MoonSvg from "./moon.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Moon: A large pale crescent sits near an upper corner above layered dark hills. as part of the pack Flat Nature Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Nature Backgrounds

Whole pack

Similar SVGs

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