Menu

Beta
Sign in
Citrus Aurora SVG background, gradient

Citrus Aurora SVG background, gradient

Lime and yellow light ribbons brighten a forest green field, with open space on the left for text. It fits a food website landing page or a seasonal campaign slide.

Free · from Aurora Gradient Backgrounds

Similar SVGs

More from Aurora Gradient Backgrounds

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EGHFmQ-Vm3py/amnt.svg" alt="Citrus Aurora" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 576" width="1024" height="576"><g id="layer-1" data-name="Group 1"><g><defs><clipPath id="k0_0"><path d="M0 0H1024V576H0Z"/></clipPath><linearGradient id="k0_1" x1="0" y1="330" x2="1024" y2="170" gradientUnits="userSpaceOnUse"><stop stop-color="#061b14"/><stop offset=".48" stop-color="#09291c"/><stop offset="1" stop-color="#183e21"/></linearGradient><radialGradient id="k0_2" cx="0" cy="0" r="1" gradientTransform="translate(831 225) rotate(109) scale(416 363)" gradientUnits="userSpaceOnUse"><stop stop-color="#719523" stop-opacity=".36"/><stop offset=".58" stop-color="#3a6720" stop-opacity=".17"/><stop offset="1" stop-color="#163a20" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-40%" y="-40%" width="180%" height="180%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="32"/></filter><linearGradient id="k0_4" x1="616" y1="63" x2="843" y2="330" gradientUnits="userSpaceOnUse"><stop stop-color="#346b26" stop-opacity="0"/><stop offset=".35" stop-color="#69a92d" stop-opacity=".26"/><stop offset=".7" stop-color="#b9ed53" stop-opacity=".75"/><stop offset=".86" stop-color="#e7fa8a" stop-opacity=".85"/><stop offset="1" stop-color="#91bd38" stop-opacity="0"/></linearGradient><filter id="k0_5" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="5"/></filter><linearGradient id="k0_6" x1="668" y1="133" x2="809" y2="194" gradientUnits="userSpaceOnUse"><stop stop-color="#325b20" stop-opacity="0"/><stop offset=".5" stop-color="#80bd35" stop-opacity=".23"/><stop offset=".85" stop-color="#c4f169" stop-opacity=".68"/><stop offset="1" stop-color="#eefda8" stop-opacity=".86"/></linearGradient><linearGradient id="k0_7" x1="826" y1="-42" x2="735" y2="405" gradientUnits="userSpaceOnUse"><stop stop-color="#d8f77b" stop-opacity=".12"/><stop offset=".4" stop-color="#eeffad" stop-opacity=".79"/><stop offset=".73" stop-color="#d1ed60" stop-opacity=".32"/><stop offset="1" stop-color="#a0c13c" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="981" y1="16" x2="845" y2="556" gradientUnits="userSpaceOnUse"><stop stop-color="#bce94e" stop-opacity="0"/><stop offset=".42" stop-color="#cce453" stop-opacity=".25"/><stop offset=".72" stop-color="#b3bc37" stop-opacity=".17"/><stop offset="1" stop-color="#466425" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="808" y1="428" x2="1029" y2="186" gradientUnits="userSpaceOnUse"><stop stop-color="#4d6820" stop-opacity="0"/><stop offset=".35" stop-color="#a0aa27" stop-opacity=".23"/><stop offset=".73" stop-color="#e9dd4c" stop-opacity=".65"/><stop offset="1" stop-color="#fff49b" stop-opacity=".83"/></linearGradient><linearGradient id="k0_10" x1="205" y1="288" x2="705" y2="288" gradientUnits="userSpaceOnUse"><stop stop-color="#061b14"/><stop offset=".37" stop-color="#061b14" stop-opacity=".82"/><stop offset="1" stop-color="#061b14" stop-opacity="0"/></linearGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0H1024V576H0Z"/><path fill="url(#k0_2)" d="M0 0H1024V576H0Z"/><path d="M773-88C876 50 657 151 692 279C721 384 944 354 1097 194" fill="none" stroke="#b6e44d" stroke-width="102" stroke-opacity=".2" filter="url(#k0_3)"/><path d="M1083 135C996 253 829 297 821 392C814 471 939 521 1087 584" fill="none" stroke="#e2d94c" stroke-width="89" stroke-opacity=".15" filter="url(#k0_3)"/><path d="M548-64H843C941 63 741 168 715 254C689 344 835 369 1047 240L1113 341C915 486 653 412 623 287C588 142 749 86 548-64Z" fill="url(#k0_4)" filter="url(#k0_5)"/><path d="M667-63H826C922 41 780 152 737 214C684 290 720 351 841 355C752 385 681 345 680 291C675 190 841 69 667-63Z" fill="url(#k0_6)"/><path d="M822-42C923 61 780 160 733 225C697 274 708 326 765 348C702 335 686 291 714 240C754 162 895 68 822-42Z" fill="url(#k0_7)" filter="url(#k0_5)"/><path d="M977-52C1081 72 1002 180 879 263C757 344 752 415 832 477C900 530 1007 550 1119 617H1180V-52Z" fill="url(#k0_8)"/><
…
CSS background-image
.citrus-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EGHFmQ-Vm3py/amnt.svg");
  background-size: contain;
}
React
import CitrusAuroraSvg from "./citrus-aurora.jsx"; // from the React tab above

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

Tags

auroracitruslimeyellowbackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Citrus aurora background — lime and yellow flowing light on forest green; quiet left half. Premium abstract aurora website background. Broad luminous flowing ribbons and layered smooth colour gradients with elegant depth. Restrained composition, generous quiet space for a headline, full bleed opaque colour to all edges. No objects, stars, text, frames, logos or mockups. Crisp scalable vector shapes, smooth transitions, refined visual balance. Each design must follow its named palette and composition. as part of the pack Aurora Gradient Backgrounds. 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