SVG Cheatsheet
NewSVG reference — shapes, path data commands, gradients, transforms, filters, and animation.
Frequently Asked Questions
Does this include SVG path commands like `M`, `L`, and curves, or only basic shapes?
It includes both. There are sections for Basic Shapes and Path Data Commands, plus entries for document structure like `viewBox` and reusable definitions.
Can I find gradients, transforms, filters, and animation examples here too?
Yes. The categories cover Text & Gradients, Transformations, Filters & Effects Basics, and Animation, so it goes well beyond `<rect>` and `<circle>`.
Can I copy the full syntax for a path or `viewBox` example?
Yes. Each card has separate Copy syntax and Copy example buttons, which is handy when you want either the raw pattern or a fuller snippet.
Is this an SVG path editor or optimizer?
No. This component is reference-only; it does not draw paths, simplify SVG markup, or preview edits live.
Does it help with responsive SVG basics?
Yes. The document structure entries include responsive coordinate concepts like `viewBox` and aspect-ratio control, which are the usual sticking points when SVG scales oddly.