SVG element reference
SVG drawings and images are created using a wide array of elements which are dedicated to the construction, drawing, and layout of vector images and diagrams. Here you'll find reference documentation for each of the SVG elements.
In this article
SVG elements A to Z
>A
C
D
E
F
<feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDistantLight><feDropShadow><feFlood><feFuncA><feFuncB><feFuncG><feFuncR><feGaussianBlur><feImage><feMerge><feMergeNode><feMorphology><feOffset><fePointLight><feSpecularLighting><feSpotLight><feTile><feTurbulence><filter><foreignObject>
G
I
L
M
P
R
S
T
U
V
SVG elements by category
>Animation elements
Basic shapes
Container elements
<a>,<defs>,<g>,<marker>,<mask>,<pattern>,<svg>,<switch>,<symbol>
Descriptive elements
Filter primitive elements
<feBlend>,<feColorMatrix>,<feComponentTransfer>,<feComposite>,<feConvolveMatrix>,<feDiffuseLighting>,<feDisplacementMap>,<feDropShadow>,<feFlood>,<feFuncA>,<feFuncB>,<feFuncG>,<feFuncR>,<feGaussianBlur>,<feImage>,<feMerge>,<feMergeNode>,<feMorphology>,<feOffset>,<feSpecularLighting>,<feTile>,<feTurbulence>
Gradient elements
Graphics elements
<circle>,<ellipse>,<image>,<line>,<path>,<polygon>,<polyline>,<rect>,<text>,<use>
Graphics referencing elements
<use>Light source elements
Never-rendered elements
<clipPath>,<defs>,<linearGradient>,<marker>,<mask>,<metadata>,<pattern>,<radialGradient>,<script>,<style>,<symbol>,<title>
Paint server elements
Renderable elements
<a>,<circle>,<ellipse>,<foreignObject>,<g>,<image>,<line>,<path>,<polygon>,<polyline>,<rect>,<svg>,<switch>,<symbol>,<text>,<textPath>,<tspan>,<use>
Shape elements
<circle>,<ellipse>,<line>,<path>,<polygon>,<polyline>,<rect>