Verify the basic capability to handle the fill properties (fill:none, fill:red, fill:url(), fill:currentColor, fill-rule, fill:<color> icc-color(), fill-opacity, in combination with the rect element and straight-line path commands. Four pairs of figures should be displayed in the four quadrants. The upper left pair should be rendered as two rectangles The left with a grey stroke and no interior fill stroke The right should be rendered with a red interior fill.
The upper right pair should be rendered as two rectangles. The rectangle to the left should be filled with a (red/blue) linear gradient. The rectangle to the right should be filled with a blue interior fill.
The lower left pair should be rendered as two red 5 pointed stars. The left star should not have its interior filled while the right star should have its interior filled.
The lower right pair should be rendered as three rectangles. The rendering of the rectangle to the left depends on whether the current environment supports ICC-based color management (an optional feature in SVG). If ICC-based color management is used, the rectangle should be pink; otherwise, bright green. The right should be rendered as blue and red overlapping rectangles. The intersection of the two rectangles should be rendered with 50% opacity.
The rendered picture should match the reference image, except that the rectangle which tests ICC-based color management will have different colors depending on whether color management is supported or not (see notes above). Additionally, there may be variation in labelling text, per CSS2 rules.
The test uses the 'rect', 'path', 'defs', 'linearGradient', 'stop' elements as well as stroke:#00000, fill:none, fill:red fill:blue, fill:currentColor, fill-rule, fill:icc-color, fill-opacity.