Beta

Rainbow SVG background, flat

Free
Rainbow SVG background, flat

Wide rainbow arcs enter from a corner of a muted sky, keeping the centre clear. Place it on a children's activity sheet or a weather lesson slide.

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

rainbowskycolourfulweathergradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/k4prtvc-dPSI/amnt.svg" alt="Rainbow" 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="#DCE9ED"/><g fill="none" stroke-width="46"><circle cx="-180" cy="980" r="1030" stroke="#DDAAA4"/><circle cx="-180" cy="980" r="970" stroke="#E8C5A5"/><circle cx="-180" cy="980" r="910" stroke="#E7DBB5"/><circle cx="-180" cy="980" r="850" stroke="#B8D4C2"/><circle cx="-180" cy="980" r="790" stroke="#AFC8D8"/></g></svg>
CSS background-image
.rainbow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/k4prtvc-dPSI/amnt.svg");
  background-size: contain;
}
React
import RainbowSvg from "./rainbow.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Rainbow: Wide rainbow arcs enter from a corner over a muted sky, leaving the centre open. 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