Menu

Beta
Sign in
Beta
Rainbow SVG illustration, flat

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.

Free · from Everyday Doodles, Flat

Similar SVGs

More from Everyday Doodles, Flat

Whole pack

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} />

Tags

rainbowcolorskydoodlesillustrationflat

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.

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