<a> |
The <a> element in SVG is used to create a hyperlink to other webpages or any URL. |
|
<animate> |
The <animate> SVG element is used to animate an attribute or property of an element over time. |
|
<animateMotion> |
The <animateMotion> element let define how an element moves along a motion path. |
|
<animateTransform> |
The <animateTransform> element animates a transformation attribute on its target element. |
|
<circle> |
The SVG <circle> element is used to draw circle. The center point and radius are given. |
|
<clipPath> |
The <clipPath> SVG element is used to define a clipping path that is to be used by the clip-path property. |
|
<defs> |
The <defs> in SVG is used whenever we want a particular element to render only when required or when it is called. |
|
<desc> |
The <desc> element in SVG is used to provide an accessible text description to any of the available SVG elements whether it is a container or graphic element. |
|
<Ellipse> |
The <Ellipse> element is used to create an ellipse. |
|
<feBlend> |
<feBlend> element is used to combines two images or SVG fragments into a single graphic. |
|
<feComponentTransfer> |
<feComponentTransfer> element implements color manipulations on each color channel separately. |
|
<feConvolveMatrix> |
The <feConvolveMatrix> SVG filter primitive changes pixels in the input image with neighboring pixels to produce a resulting image. |
|
<feDiffuseLighting> |
The <feDiffuseLighting> filter primitive lights an image using the alpha channel as a bump map. |
|
<feDisplacementMap> |
The <feDisplacementMap> SVG filter primitive is use to spatially displace the image content using a displacement map. |
|
<feDropShadow> |
The <feDropShadow> element works in combination with other filter primitives to add a drop shadow to the graphic. |
|
<feFlood> |
<feFlood> element generates a layer of continuous color that completely fills this element’s filter primitive region. |
|
<feGaussianBlur> |
The <feGaussianBlur> element adds a smooth blur to the graphic based on the standard deviation provided in the input primitive. |
|
<feImage> |
The <feImage> SVG filter primitive fetches image data from an external source and provides the pixel data as output. |
|
<feMerge> |
The <feMerge> SVG element allows filter effects to be applied concurrently instead of sequentially. |
|
<feMergeNode> |
The <feMergeNode> SVG element takes the result of another filter which is to be processed by its parent element i.e. feMerge element. |
|
<feOffset> |
The <feOffset> element is used to create drop shadow effects. |
|
<fePointLight> |
The <fePointLight> filter primitive defines a light source which allows to create a point light effect. |
|
<feSpecularLighting> |
The <feSpecularLighting> SVG filter primitive lights a source graphic using the alpha channel as a bump map. |
|
<feSpotLight> |
The <feSpotLight> SVG defines a light source which results in a spotlight effect. |
|
<feTile> |
The <feTile> SVG filter primitive allows to fill a target rectangle with a repeated, tiled pattern of an input image. |
|
<feTurbulence> |
The <feTurbulence> SVG filter generates noise which is helpful in simulating several natural phenomena |
|
<filter> |
The <filter> element is used to define filters. To identify uniquely filter use id. The filters are defined in def elements. |
|
<foreignObject> |
The <foreignObject> element of SVG includes elements from a different XML namespace. |
|
<g> |
The <g> element is a container used to group other SVG elements. |
|
<hatch> |
The <hatch> element is used to stroke an object. |
|
<image> |
The <image> element includes images inside SVG documents. |
|
<Line> |
The SVG <Line> element is used to draw line. The start point and endpoints are given to draw the line. |
|
<marker> |
The <marker> element in SVG is used to define the graphics that is mostly used for the drawing purpose. |
|
<mask> |
The <mask> element defines the transparency and visibility of the input object. |
|
<mpath> |
The <mpath> is the sub element for the <animateMotion> element that provides the ability to reference an external <path> element as the definition of a motion path. |
|
<path> |
The element <path> is used to define a path that starts from a position and ends to a particular position. |
|
<pattern> |
<pattern> element is used to fill shapes with patterns made up of images. |
|
<polygon> |
The <polygon> element of SVG is used to make any type of polygon on the SVG. |
|
<polyline> |
The <polyline> element of SVG in HTML is used to create a shape by connecting lines through different points. |
|
<rect> |
The <rect> element is used to create a rectangle. |
|
<script> |
The <script> element allows adding scripts to an SVG document. |
|
<set> |
The <set> element provides an easy means of just setting the value of an attribute for a specified duration. |
|
<stop> |
<stop> Element tells the color and position to be used within the parent element. |
|
<style> |
The <style> element allows style sheets to be embedded directly within the SVG content. |
|
<switch> |
The <switch> element is used to evaluate attributes on its direct child elements in order and then renders the first child where these attributes evaluate to true. |
|
<symbol> |
The <symbol> element is used to define graphical template objects which can be instantiated by the <use> element. |
|
<text> |
The <text> element is used to draw text. |
|
<textPath> |
The <textPath> element is used to render the text along with a certain path. |
|
<title> |
The <title> element provides an accessible, short-text description of any SVG container element or graphics element. |
|
<tspan> |
The <tspan> element defines a subtext within a <text> element or another <tspan> element. |
|
<use> |
The <use> element takes nodes from within the SVG document and duplicates them somewhere else. |
|
<view> |
The <view> element is used to alter the attributes of viewbox of the original SVG element. |
|