1. Web
  2. SVG
  3. Reference
  4. Attributes
View on MDN

SVG Attribute reference

SVG elements can be modified using attributes that specify details about exactly how the element should be handled or rendered.

Below is a list of all of the attributes available in SVG along with links to reference documentation to help you learn which elements support them and how they work.

SVG attributes A to Z

A

B

C

D

E

F

G

H

I

K

L

M

N

O

P

R

S

T

U

V

W

X

Y

Z

SVG attributes by category

Generic attributes

Presentation attributes

Note: All SVG presentation attributes can be used as CSS properties.

Filters attributes

Filter primitive attributes

height, result, width, x, y

Transfer function attributes

type, tableValues, slope, intercept, amplitude, exponent, offset

Animation attributes

Animation target element attributes
href
Animation attribute target attributes

attributeType, attributeName

Animation timing attributes

begin, dur, end, min, max, restart, repeatCount, repeatDur, fill

Animation value attributes

calcMode, values, keyTimes, keySplines, from, to, by

Animation addition attributes

additive, accumulate

Event attributes

Event handler attributes are discouraged. While the attributes listed below apply to all HTML and SVG elements, they are not useful on all elements. For example, the oncuechange attribute is accepted by all elements and attaches an event listener for cuechange, but only <track> elements will ever receive a cuechange event fired by the browser. For other elements, you can only use EventTarget.dispatchEvent() to manually dispatch one.

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content