Backdrop Background Generator

Upload an icon, enter a CSS linear-gradient, tune options, preview live, then compile to download SVG.

Backdrop icon (PNG)

Gradient

Angle (deg)

Stop 1 color

Stop 1 position (%)

Stop 2 color

Stop 2 position (%)

Enable Stop 3 (optional)

Stop 3 color

Stop 3 position (%)

Width

Height

Seed

Density

Icon scale (%)

Gift asset overlay (SVG/PNG) — preview only

Overlay scale

Live Preview