Beta

Orange Yellow SVG background, flat

Free
Orange Yellow SVG background, flat

Large tangerine shapes tuck into three corners of a golden-yellow field. Use this warm background for a recipe card or a community event banner.

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

orangeyellowgoldwarmmesh gradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-YUyCR1AvT0S/amnt.svg" alt="Orange Yellow" 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="#F6C94B"/><path d="M0 0H510C541 49 537 110 495 147C470 169 433 180 397 177C408 225 389 270 349 292C309 314 261 306 231 275C213 325 171 357 118 352C66 347 31 311 0 287Z" fill="#ED872C"/><path d="M1600 0V317C1561 349 1513 355 1473 329C1436 305 1419 263 1428 223C1386 240 1341 229 1315 195C1287 160 1291 113 1317 80C1267 78 1228 46 1214 0Z" fill="#F09130"/><path d="M1600 900H1095C1066 859 1068 812 1100 778C1127 749 1167 738 1205 747C1192 704 1206 661 1244 635C1283 609 1331 615 1364 644C1382 594 1423 562 1473 567C1526 572 1567 612 1600 650Z" fill="#E97B29"/></svg>
CSS background-image
.orange-yellow {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-YUyCR1AvT0S/amnt.svg");
  background-size: contain;
}
React
import OrangeYellowSvg from "./orange-yellow.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Orange Yellow: Full golden-yellow field with large tangerine shapes tucked into three corners. 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