SVG Reference Manual

SVG elements from the W3C recommended standard (SVG Version 1.1)

SVG Elements

The link in the element list points to the relevant properties of the specific element and more useful information.

Element Description
a Define hyperlinks
altGlyph Allow object-oriented text to control the presentation of special character data (such as musical symbols or Asian characters)
altGlyphDef Define a series of glyph symbols for replacement (for example, musical symbols or Asian characters)
altGlyphItem Define a series of candidate glyph symbols for replacement
animate Changes attributes dynamically over time
animateColor Specifies color transitions over time
animateMotion Moves the element along the action path
animateTransform Performs dynamic attribute transformations on elements
circle Defines a circle
clipPath 　
color-profile Specifies the color profile description
cursor Defines a cursor independent of the platform
definition-src Defines a separate font definition source
defs Container for the element being referenced
desc Pure text description of elements in SVG - not as part of the graphical display. User agents will display it as a tooltip.
ellipse Defines an ellipse
feBlend SVG filter. Uses different blending modes to composite two objects together.
feColorMatrix SVG filter. Applies matrix transformation.
feComponentTransfer SVG filter. Performs component-wise remapping of data.
feComposite SVG filter.
feConvolveMatrix SVG filter.
feDiffuseLighting SVG filter.
feDisplacementMap SVG filter.
feDistantLight SVG filter. Defines a light source
feFlood SVG filter.
feFuncA SVG filter. Sub-element of feComponentTransfer.
feFuncB SVG filter. Sub-element of feComponentTransfer.
feFuncG SVG filter. Sub-element of feComponentTransfer.
feFuncR SVG filter. Sub-element of feComponentTransfer.
feGaussianBlur SVG filter. Applies Gaussian blur to the image.
feImage SVG filter.
feMerge SVG filter. Creates an image that accumulates upwards.
feMergeNode SVG filter. Sub-element of feMerge.
feMorphology SVG filter. Performs 'fattening' or 'thinning' on the source graphic.
feOffset SVG filter. Moves the image relative to the current position of the graphic.
fePointLight SVG filter.
feSpecularLighting SVG filter.
feSpotLight SVG filter.
feTile SVG filter.
feTurbulence SVG filter.
filter Container for filter effects.
font Defines a font.
font-face Describes the characteristics of a font.
font-face-format 　
font-face-name 　
font-face-src 　
font-face-uri 　
foreignObject 　
g Used as a container element to combine related elements.
glyph Define the graphics for the given pictographic symbol.
glyphRef Define the possible pictographic symbols to be used.
hkern 　
image 　
line Define line.
linearGradient Define linear gradient.
marker 　
mask 　
metadata Specify metadata.
missing-glyph 　
mpath 　
path Define path.
pattern 　
polygon Define a closed shape composed of a series of connected lines.
polyline Define a series of connected lines.
radialGradient Define radial gradient.
rect Define rectangle.
script Script container (e.g., ECMAScript).
set Set values for attributes for specified duration.
stop 　
style Can directly embed the stylesheet within the SVG content.
svg Define SVG document fragment.
switch 　
symbol 　
text 　
textPath 　
title Pure text description of elements in SVG - not as part of the graphical display. User agents will display it as a tooltip.
tref 　
tspan 　
use 　
view 　
vkern