SVG Reference

|  | Search W3Schools : |

HOME | HTML | CSS | XML | JAVASCRIPT | ASP | PHP | SQL | MORE... |  | References | Examples | Forum | About

ADVERTISEMENTS XML Certification Download XML editor Custom Programming |  |

Table of contents

SVG Basic
SVG HOME
SVG Intro
SVG Example
SVG in HTML
SVG Shapes
SVG Rectangle
SVG Circle
SVG Ellipse
SVG Line
SVG Polygon
SVG Polyline
SVG Path
SVG Filters
SVG Intro
SVG Gaussian
SVG Gradients
SVG Linear
SVG Radial
SVG Examples
SVG Examples
SVG Reference
SVG Elements

Selected Reading

Web Statistics
Web Glossary
Web Hosting
Web Quality
W3Schools Tutorials
W3Schools Forum
Helping W3Schools

# SVG Elements Reference

The SVG elements from the W3C Recommendation (SVG Version 1.1).

## SVG Elements

The links in the "Element" column point to attributes and more useful information about the specific element.

Element | Description
--- | ---
a | Defines a hyperlink
altGlyph | Allows control over glyphs used to render particular character data (e.g. for music symbols or Asian text)
altGlyphDef | Defines a set of glyph substitutions (e.g. for music symbols or Asian text)
altGlyphItem | Defines a candidate set of glyph substitutions (e.g. for music symbols or Asian text)
animate | Animates an attribute or property over time
animateColor | Specifies a color transformation over time
animateMotion | Causes an element to move along a motion path
animateTransform | Animates a transformation attribute on an element
circle | Defines a circle
clipPath |
color-profile | Specifies a color profile description
cursor | Defines a platform-independent cursor
definition-src | Defines a separate font definition resource
defs | A container for referenced elements
desc | A text-only description for elements in SVG - not displayed as part of the graphics. User agents may display the text as a tooltip
ellipse | Defines an ellipse
feBlend | SVG filter. Composites two objects together using different blending modes
feColorMatrix | SVG filter. Applies a 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 to feComponentTransfer
feFuncB | SVG filter. Sub-element to feComponentTransfer
feFuncG | SVG filter. Sub-element to feComponentTransfer
feFuncR | SVG filter. Sub-element to feComponentTransfer
feGaussianBlur | SVG filter. Performs a Gaussian blur on the image
feImage | SVG filter.
feMerge | SVG filter. Creates image layers on top of each other
feMergeNode | SVG filter. Sub-element to feMerge
feMorphology | SVG filter. Performs a "fattening" or "thinning" on a source graphic
feOffset | SVG filter. Moves an image relative to its current position
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 | A container element for grouping together related elements
glyph | Defines the graphics for a given glyph
glyphRef | Defines a possible glyph to use
hkern |
image |
line | Defines a line
linearGradient | Defines a linear gradient
marker |
mask |
metadata | Specifies metadata
missing-glyph |
mpath |
path | Defines a path
pattern |
polygon | Defines a closed shape that consists of a set of connected straight lines
polyline | Defines a set of connected straight lines
radialGradient | Defines a radial gradient
rect | Defines a rectangle
script | Container for scripts (e.g., ECMAScript)
set | Sets the value of an attribute for a specified duration
stop |
style | Allows style sheets to be embedded directly within SVG content
svg | Defines an SVG document fragment
switch |
symbol |
text |
textPath |
title | A text-only description for elements in SVG - not displayed as part of the graphics. User agents may display the text as a tooltip
tref |
tspan |
use |
view |
vkern |

## Learn XML with <oXygen/> XML Editor - Free Trial!

oXygen helps you learn to define, edit, validate and transform XML documents. Supported technologies include XML Schema, DTD, Relax NG, XSLT, XPath, XQuery, CSS.

Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!

Do you have any XML related questions? Get free answers from the oXygen XML forum and from the video demonstrations.

Download a FREE 30-day trial today!

WEB HOSTING
Domain Name Registration & More!
$15 Domain Name Registration Save $20 / year!
Buy UK Domain Names Register Domain Names
Cheap Domain Names Cheap Web Hosting
Best Web Hosting
PHP MySQL Hosting
Top 10 Web Hosting
UK Reseller Hosting
Web Hosting
FREE Web Hosting

WEB BUILDING
Website Templates Flash Templates Website Builder Internet Business Opportunity
Custom Programming
FREE Trial or Demo Web Content Manager Forms,Web Alerts,RSS
Download XML editor
FREE Flash Website
FREE Web Templates

EDUCATION
US Web Design Schools
HTML Certification
JavaScript Certification
XML Certification
PHP Certification
ASP Certification

HOME or Top of Page |  | Printer Friendly
W3Schools is for training only. We do not warrant the correctness of its content. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy. Copyright 1999-2009 by Refsnes Data. All Rights Reserved.