SVG (Scalable Vector Graphics) es un formato de gráficos vectoriales basado en XML que se utiliza comúnmente para describir gráficos en la web. Puedes utilizar la etiqueta <line> para dibujar líneas en SVG. Aquí te dejo algunos ejemplos para mostrarte cómo diseñar líneas con SVG:

Ejemplo Básico:

xml
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <line x1="50" y1="50" x2="150" y2="150" stroke="black" stroke-width="2" />
</svg>

En este ejemplo, hemos creado una línea que va desde las coordenadas (50, 50) hasta (150, 150) con un grosor de línea de 2 y un color negro.

Línea Horizontal:

xml
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
  <line x1="10" y1="25" x2="190" y2="25" stroke="red" stroke-width="1" />
</svg>

Esto dibuja una línea horizontal de color rojo en la parte media del contenedor SVG.

Línea Vertical:

xml
<svg width="50" height="200" xmlns="http://www.w3.org/2000/svg">
  <line x1="25" y1="10" x2="25" y2="190" stroke="green" stroke-width="1" />
</svg>

Esto dibuja una línea vertical de color verde en el centro del contenedor SVG.

Línea Diagonal:

xml
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <line x1="20" y1="20" x2="180" y2="180" stroke="blue" stroke-width="3" />
</svg>

Esto dibuja una línea diagonal de grosor 3 y color azul.

Puedes ajustar las coordenadas (x1, y1) y (x2, y2), así como el grosor y el color de la línea según tus necesidades. Estos son solo ejemplos básicos, y SVG ofrece muchas más funciones y propiedades para el diseño gráfico.