Red Orange SVG background, flat

Free

Preview on the whole page

Rounded scarlet and burnt-orange shapes enter from the sides of a vermilion field. Place it on a concert poster or behind a promotional message.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

red orange scarlet warm mesh gradient background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/itJH1GN3sm75/amnt.svg" alt="Red Orange" 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="#E64B32"/><path d="M0 84C167 69 305 111 344 215C382 318 284 400 151 426C98 436 47 434 0 424Z" fill="#C93D32"/><path d="M0 576C132 534 253 554 294 639C342 738 244 851 91 900H0Z" fill="#BD472C"/><path d="M1600 55C1468 36 1357 78 1325 168C1288 272 1382 352 1504 368C1537 372 1570 372 1600 368Z" fill="#F0683A"/><path d="M1600 470C1465 440 1346 484 1314 578C1278 683 1384 771 1512 784C1543 787 1572 786 1600 782Z" fill="#BB3B31"/><path d="M1600 755C1497 741 1399 789 1353 900H1600Z" fill="#F07840"/></svg>

CSS background-image

.red-orange {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/itJH1GN3sm75/amnt.svg");
  background-size: contain;
}

React

import RedOrangeSvg from "./red-orange.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Red Orange: Full vermilion field with rounded scarlet and burnt-orange shapes entering from the sides. as part of the pack Mesh Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Mesh Backgrounds, 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