index.md

---
title: line
slug: Web/SVG/Element/line
---

{{SVGRef}}

O elemento `line` é uma forma básica do SVG, utilizada para criar uma linha conectando dois pontos.

## Contexto de uso

{{svginfo}}

## Exemplo

» [line.svg](/files/3254/line.svg)

Você também pode aplicar transformações para obter o mesmo resultado. Começando com uma linha normal,

» [line1.svg](/files/3345/line1.svg)

adicionar as opções de transformação para mudar a direção da linha:

» [line2.svg](/files/3346/line2.svg)

## Atributos

### Atributos globais

- [Atributos de processamento condicional](/pt-BR/SVG/Attribute#ConditionalProccessing) »
- [Atributos principais](/pt-BR/SVG/Attribute#Core) »
- [Atributos de eventos gráficos](/pt-BR/SVG/Attribute#GraphicalEvent) »
- [Atributos de apresentação](/pt-BR/SVG/Attribute#Presentation) »
- {{ SVGAttr("class") }}
- {{ SVGAttr("style") }}
- {{ SVGAttr("externalResourcesRequired") }}
- {{ SVGAttr("transform") }}

### Atributos específicos

- {{ SVGAttr("x1") }}
- {{ SVGAttr("x2") }}
- {{ SVGAttr("y1") }}
- {{ SVGAttr("y2") }}

## Interface DOM

Este elemento implementa a interface do [`SVGLineElement`](/pt-BR/DOM/SVGLineElement).

## Compatibilidade com navegadores

{{Compat}}

## Relacionado

- {{ SVGElement("polygon") }}
- {{ SVGElement("path") }}