Beta

Rainbow SVG illustration, flat

Free
Rainbow SVG illustration, flat

Three nested arches end in two small puffy clouds. This rainbow suits a classroom color lesson or a cheerful note tucked into a lunchbox.

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

rainbowcolorskydoodlesillustrationflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8inAxaovrgQM/amnt.svg" alt="Rainbow" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><path d="M70 205V184a130 130 0 0 1 260 0v21h-22v-21a108 108 0 0 0-216 0v21Z" fill="#EBA0A5"/><path d="M92 205V184a108 108 0 0 1 216 0v21h-22v-21a86 86 0 0 0-172 0v21Z" fill="#F2D391"/><path d="M114 205V184a86 86 0 0 1 172 0v21h-22v-21a64 64 0 0 0-128 0v21Z" fill="#A7CBC1"/><path d="M62 237a19 19 0 0 1-4-38 25 25 0 0 1 48-10 20 20 0 0 1 31 19 15 15 0 0 1-1 29Z" fill="#DEE8EF"/><path d="M58 228a15 15 0 0 1 0-29 25 25 0 0 1 48-10 20 20 0 0 1 31 19 12 12 0 0 1-1 20Z" fill="#F0F4F7"/><path d="M264 237a15 15 0 0 1-1-29 20 20 0 0 1 31-19 25 25 0 0 1 48 10 19 19 0 0 1-4 38Z" fill="#DEE8EF"/><path d="M264 228a12 12 0 0 1-1-20 20 20 0 0 1 31-19 25 25 0 0 1 48 10 15 15 0 0 1 0 29Z" fill="#F0F4F7"/></svg>
CSS background-image
.rainbow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/8inAxaovrgQM/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 Pro 1.1 drew this from the words Rainbow: Three nested rainbow arches ending in two small puffy clouds. 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