Vector Graphics Editor
Create and Edit SVG online - Scalable Vector Graphics
open janvas...
Fill panel
The "Fill" properties panel shows the current style applied to the filling. 

4 filling types are available:  "none", "color", "gradient" or "pattern".
These types of coloring can be assigned by a menu (see the image below) or by clicking on the color, gradient or pattern library.
The last menu item is for swapping the line and fill properties.
Properties: Color
By clicking on fill, when the type of coloring is "Color", color and transparency can be changed from the "Color Picker" panel. 
Properties: Gradient
By clicking on fill or line, when the type of coloring is "Gradient", the gradient properties can be changed from the "Edit gradient" panel.

Gradients are assigned by reference.
The "Duplicate" button  allows you to duplicate the current gradient.
Properties: Pattern
By clicking on fill or line, when the type of coloring is "Pattern", the pattern properties can be changed from the "Edit Pattern" panel.

Patterns are assigned by reference.
The "Duplicate" button  allows you to duplicate the current pattern.