Magic
Gradient
Explore
Login
SVG Fill Gradient Generator
Convert SVG to gradient-filled SVG. Upload or insert SVG, define gradient and download converted SVG ready to use.
Step #1: Upload SVG Source To Convert
Paste SVG string
Load SVG Example
Step #2: Define Gradient Fill Colors, Type and Angle
Add SVG Fill Gradient Colors
-
Remove last color from the gradient #FF7E5F
+
Add color to the gradient
Edit color: #43BFC2
Edit color: #FF7E5F
Gradient type
Linear Gradient
Radial Gradient
Angle: 180°
Generate SVG Gradient
Output
Upload SVG to convert it to fill gradient