Cómo dibujar SVG

Tutorial para entender cómo se construyen SVGs desde sus primitivas: líneas, paths, formas, viewBox y coordenadas.

Aprender SVG a bajo nivel ayuda a editar iconos, optimizar assets y entender por qué algunos SVG escalan o se alinean mal.

Conceptos importantes

• viewBox define el sistema de coordenadas.
• path permite dibujar formas complejas.
• stroke controla contorno.
• fill controla relleno.
• SVG es markup, así que puede estilizarse y manipularse.

Relacionado

• SVG Encoder
• Generador SVG