🌍 Public
Viewing a saved revision (read-only)
c56f5748d64a4a589b936099eb38eefa
SVG Fundamentals
This example demonstrates fundamental SVG path syntax for drawing custom shapes. It renders two red stroked paths on a 200x100 viewBox using the `d` attribute with arc commands (`A`, `a`), quadratic Bézier curves (`Q`, `q`), and line segments (`M`, `h`). The first path forms a stylized heart-like shape composed of arcs and curves, while the second builds a smaller abstract form from repeated arcs and an open quadratic tail. The code uses plain SVG within an HTML page, with no external libraries or data sources.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.