Menu

AI SVG Studio
Sign in
Orange Yellow SVG background, flat

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.

Free ยท from Mesh Backgrounds, Flat

Similar SVGs

More from Mesh Backgrounds, Flat

Whole pack

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

Tags

orangeyellowgoldwarmmesh gradientbackgroundflat

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.

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