Beta

Moon SVG illustration, flat

Free
Moon SVG illustration, flat

A crescent moon has two small stars beside its outer curve. Place it on a bedtime routine chart or in a nighttime scene for a story.

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

moonnightcrescentdoodlesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DKfsEdpgQyBo/amnt.svg" alt="Moon" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><path d="M260 48C240 38 220 36 201 40C148 50 115 94 115 150C115 206 148 250 201 260C220 264 240 262 260 252C207 240 177 201 177 150C177 99 207 60 260 48Z" fill="#F3D58D"/><path d="M260 252C240 262 220 264 201 260C148 250 115 206 115 150C115 132 118 117 125 102C120 118 120 135 122 151C128 203 161 241 207 249C225 252 242 253 260 252Z" fill="#E5BD72"/><path d="M153 99C160 86 171 76 184 70C188 68 192 70 193 73C194 76 192 79 189 81C178 86 169 94 163 105C161 108 158 109 155 107C152 105 151 102 153 99Z" fill="#FFF0C5"/><path d="M88 57L93 70L106 75L93 80L88 93L83 80L70 75L83 70Z" fill="#E5BD72"/><path d="M72 164L76 174L86 178L76 182L72 192L68 182L58 178L68 174Z" fill="#F3D58D"/></svg>
CSS background-image
.moon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DKfsEdpgQyBo/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 Pro 1.1 drew this from the words Moon: A crescent moon with two small stars beside its outer curve. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Doodles, Flat

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