🌍 Public
Viewing a saved revision (read-only)
be8dad1ca3474cdd8fef4f6624363fa7
Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and colors can be styled with CSS, using primitive elements such as circles, rectangles, lines, and paths. The graphic shows default black fills, an explicitly filled red circle and green rectangle, and a group with a light blue fill and black stroke, all scaled via a transform. It also includes a polyline path and a line rendered without fill. The code relies on standard SVG markup within an HTML document, linked to an external stylesheet, and does not use any JavaScript libraries.
AI-generated descriptionAn example including some commonly used features of SVG.