SVG superpowers
SVG superpowers
SVG superpowers
Basics
Coordinate system
File structure
Colors and opacity
Units and precision
Shapes
Line
Polyline
Polygon
Circle
Ellipse
Rectangle
Path
M (move)
L (line)
Relative path
H and V (horizontal and vertical)
Q (quadratic bezier)
T (quadratic bezier)
C (cubic bezier)
S (cubic bezier)
A (elliptical arc)
Z (close path)
Other elements
G (group)
Nested SVG
Image
Text
Advanced
View Box
Extra
Why not that popular?

Why not that popular?

Inline SVGs are not so popular among web developers, and I think this is why:

  • Working with SVG can be a tedious work, even with the proper tools
  • They can require a strong collaboration between developers and designers
  • Most available tools are made for designers, not for developers
  • Not a lot of tools
  • Require time and effort for learning
← Extra