🌍 Public
Viewing a saved revision (read-only)
73504d23283f42e78a4973a7a699152e
Shapes and Colors with SVG and CSS
This example shows how to create basic geometric shapes and apply colors and styles using SVG and CSS. It draws circles and rectangles with default black fills, explicit fills set via the fill attribute, and a group with a shared fill and stroke applied through presentation attributes. A separate group uses the CSS class .lines to define stroke properties for a line and a polygonal path. The SVG is rendered inline in an HTML file, with all styling done in a linked stylesheet.
AI-generated descriptionAn example including some commonly used features of SVG.