---
title: SVG element reference
slug: Web/SVG/Element
translation_of: Web/SVG/Element
---
<p>« <a href="/en-US/docs/SVG" title="SVG">SVG</a> / <a href="/en-US/docs/SVG/Attribute" title="SVG/Attribute">SVG Attribute reference</a> »</p>
<h2 id="SVG_এর_উপাদানসমূহ">SVG এর উপাদানসমূহ</h2>
<div class="index">
 <span id="A">A</span>
 <ul>
  <li>{{SVGElement("a")}}</li>
  <li>{{SVGElement("altGlyph")}}</li>
  <li>{{SVGElement("altGlyphDef")}}</li>
  <li>{{SVGElement("altGlyphItem")}}</li>
  <li>{{SVGElement("animate")}}</li>
  <li>{{SVGElement("animateColor")}}</li>
  <li>{{SVGElement("animateMotion")}}</li>
  <li>{{SVGElement("animateTransform")}}</li>
 </ul>
 <span id="C">B C</span>
 <ul>
  <li>{{SVGElement("circle")}}</li>
  <li>{{SVGElement("clipPath")}}</li>
  <li>{{SVGElement("color-profile")}}</li>
  <li>{{SVGElement("cursor")}}</li>
 </ul>
 <span id="D">D</span>
 <ul>
  <li>{{SVGElement("defs")}}</li>
  <li>{{SVGElement("desc")}}</li>
 </ul>
 <span id="E">E</span>
 <ul>
  <li>{{SVGElement("ellipse")}}</li>
 </ul>
 <span id="F">F</span>
 <ul>
  <li>{{SVGElement("feBlend")}}</li>
  <li>{{SVGElement("feColorMatrix")}}</li>
  <li>{{SVGElement("feComponentTransfer")}}</li>
  <li>{{SVGElement("feComposite")}}</li>
  <li>{{SVGElement("feConvolveMatrix")}}</li>
  <li>{{SVGElement("feDiffuseLighting")}}</li>
  <li>{{SVGElement("feDisplacementMap")}}</li>
  <li>{{SVGElement("feDistantLight")}}</li>
  <li>{{SVGElement("feFlood")}}</li>
  <li>{{SVGElement("feFuncA")}}</li>
  <li>{{SVGElement("feFuncB")}}</li>
  <li>{{SVGElement("feFuncG")}}</li>
  <li>{{SVGElement("feFuncR")}}</li>
  <li>{{SVGElement("feGaussianBlur")}}</li>
  <li>{{SVGElement("feImage")}}</li>
  <li>{{SVGElement("feMerge")}}</li>
  <li>{{SVGElement("feMergeNode")}}</li>
  <li>{{SVGElement("feMorphology")}}</li>
  <li>{{SVGElement("feOffset")}}</li>
  <li>{{SVGElement("fePointLight")}}</li>
  <li>{{SVGElement("feSpecularLighting")}}</li>
  <li>{{SVGElement("feSpotLight")}}</li>
  <li>{{SVGElement("feTile")}}</li>
  <li>{{SVGElement("feTurbulence")}}</li>
  <li>{{SVGElement("filter")}}</li>
  <li>{{SVGElement("font")}}</li>
  <li>{{SVGElement("font-face")}}</li>
  <li>{{SVGElement("font-face-format")}}</li>
  <li>{{SVGElement("font-face-name")}}</li>
  <li>{{SVGElement("font-face-src")}}</li>
  <li>{{SVGElement("font-face-uri")}}</li>
  <li>{{SVGElement("foreignObject")}}</li>
 </ul>
 <span id="G">G</span>
 <ul>
  <li>{{SVGElement("g")}}</li>
  <li>{{SVGElement("glyph")}}</li>
  <li>{{SVGElement("glyphRef")}}</li>
 </ul>
 <span id="H">H</span>
 <ul>
  <li>{{SVGElement("hkern")}}</li>
 </ul>
 <span id="I">I</span>
 <ul>
  <li>{{SVGElement("image")}}</li>
 </ul>
 <span id="L">J K L</span>
 <ul>
  <li>{{SVGElement("line")}}</li>
  <li>{{SVGElement("linearGradient")}}</li>
 </ul>
 <span id="M">M</span>
 <ul>
  <li>{{SVGElement("marker")}}</li>
  <li>{{SVGElement("mask")}}</li>
  <li>{{SVGElement("metadata")}}</li>
  <li>{{SVGElement("missing-glyph")}}</li>
  <li>{{SVGElement("mpath")}}</li>
 </ul>
 <span id="P">N O P</span>
 <ul>
  <li>{{SVGElement("path")}}</li>
  <li>{{SVGElement("pattern")}}</li>
  <li>{{SVGElement("polygon")}}</li>
  <li>{{SVGElement("polyline")}}</li>
 </ul>
 <span id="R">Q R</span>
 <ul>
  <li>{{SVGElement("radialGradient")}}</li>
  <li>{{SVGElement("rect")}}</li>
 </ul>
 <span id="S">S</span>
 <ul>
  <li>{{SVGElement("script")}}</li>
  <li>{{SVGElement("set")}}</li>
  <li>{{SVGElement("stop")}}</li>
  <li>{{SVGElement("style")}}</li>
  <li>{{SVGElement("svg")}}</li>
  <li>{{SVGElement("switch")}}</li>
  <li>{{SVGElement("symbol")}}</li>
 </ul>
 <span id="T">T</span>
 <ul>
  <li>{{SVGElement("text")}}</li>
  <li>{{SVGElement("textPath")}}</li>
  <li>{{SVGElement("title")}}</li>
  <li>{{SVGElement("tref")}}</li>
  <li>{{SVGElement("tspan")}}</li>
 </ul>
 <span id="U">U</span>
 <ul>
  <li>{{SVGElement("use")}}</li>
 </ul>
 <span id="V">V — Z</span>
 <ul>
  <li>{{SVGElement("view")}}</li>
  <li>{{SVGElement("vkern")}}</li>
 </ul>
</div>
<h2 id="বিভাগসমুহ">বিভাগসমুহ</h2>
<h3 id="Animation_এর_উপাদানসমূহ">Animation এর উপাদানসমূহ</h3>
<h2 id="sect1"> </h2>
<p>{{SVGElement("animate")}}, {{SVGElement("animateColor")}}, {{SVGElement("animateMotion")}}, {{SVGElement("animateTransform")}}, {{SVGElement("mpath")}}, {{SVGElement("set")}}</p>
<h3 id="প্রাথমিক_আকারসমূহ">প্রাথমিক আকারসমূহ</h3>
<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}</p>
<h3 id="উপাদানসমূহের_ধারক">উপাদানসমূহের ধারক</h3>
<h3 id="sect2"> </h3>
<p>{{SVGElement("a")}}, {{SVGElement("defs")}}, {{SVGElement("glyph")}}, {{SVGElement("g")}}, {{SVGElement("marker")}}, {{SVGElement("mask")}}, {{SVGElement("missing-glyph")}}, {{SVGElement("pattern")}}, {{SVGElement("svg")}}, {{SVGElement("switch")}}, {{SVGElement("symbol")}}</p>
<h3 id="বর্ণনামূলক_উপাদানসমূহ">বর্ণনামূলক উপাদানসমূহ</h3>
<p>{{SVGElement("desc")}}, {{SVGElement("metadata")}}, {{SVGElement("title")}}</p>
<h3 id="Filter_এর_প্রাচীন_উপাদানসমূহ">Filter এর প্রাচীন উপাদানসমূহ</h3>
<p>{{SVGElement("feBlend")}}, {{SVGElement("feColorMatrix")}}, {{SVGElement("feComponentTransfer")}}, {{SVGElement("feComposite")}}, {{SVGElement("feConvolveMatrix")}}, {{SVGElement("feDiffuseLighting")}}, {{SVGElement("feDisplacementMap")}}, {{SVGElement("feFlood")}},{{SVGElement("feFuncA")}}, {{SVGElement("feFuncB")}}, {{SVGElement("feFuncG")}}, {{SVGElement("feFuncR")}},{{SVGElement("feGaussianBlur")}}, {{SVGElement("feImage")}}, {{SVGElement("feMerge")}}, {{SVGElement("feMergeNode")}}, {{SVGElement("feMorphology")}}, {{SVGElement("feOffset")}}, {{SVGElement("feSpecularLighting")}}, {{SVGElement("feTile")}}, {{SVGElement("feTurbulence")}}</p>
<h3 id="Font_এর_উপাদানসমূহ">Font এর উপাদানসমূহ</h3>
<p>{{SVGElement("font")}}, {{SVGElement("font-face")}}, {{SVGElement("font-face-format")}}, {{SVGElement("font-face-name")}}, {{SVGElement("font-face-src")}}, {{SVGElement("font-face-uri")}}, {{SVGElement("hkern")}}, {{SVGElement("vkern")}}</p>
<h3 id="Gradient_এর_উপাদানসমূহ">Gradient এর উপাদানসমূহ</h3>
<p>{{SVGElement("linearGradient")}}, {{SVGElement("radialGradient")}}, {{SVGElement("stop")}}</p>
<h3 id="Graphics_এর_উপাদানসমূহ">Graphics এর উপাদানসমূহ</h3>
<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("image")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}, {{SVGElement("text")}}, {{SVGElement("use")}}</p>
<h3 id="Light_source_এর_উপাদানসমূহ">Light source এর উপাদানসমূহ</h3>
<p>{{SVGElement("feDistantLight")}}, {{SVGElement("fePointLight")}}, {{SVGElement("feSpotLight")}}</p>
<h3 id="sect3"> </h3>
<h3 id="Shape_এর_উপাদানসমূহ">Shape এর উপাদানসমূহ</h3>
<p>{{SVGElement("circle")}}, {{SVGElement("ellipse")}}, {{SVGElement("line")}}, {{SVGElement("path")}}, {{SVGElement("polygon")}}, {{SVGElement("polyline")}}, {{SVGElement("rect")}}</p>
<h3 id="কাঠামোগত_উপাদানসমূহ">কাঠামোগত উপাদানসমূহ</h3>
<p>{{SVGElement("defs")}}, {{SVGElement("g")}}, {{SVGElement("svg")}}, {{SVGElement("symbol")}}, {{SVGElement("use")}}</p>
<h3 id="Text_content_এর_উপাদানসমূহ">Text content এর উপাদানসমূহ</h3>
<p>{{SVGElement("altGlyph")}}, {{SVGElement("altGlyphDef")}}, {{SVGElement("altGlyphItem")}}, {{SVGElement("glyph")}}, {{SVGElement("glyphRef")}}, {{SVGElement("textPath")}}, {{SVGElement("text")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}}</p>
<h3 id="Text_content_child_এর_উপাদানসমূহ">Text content child এর উপাদানসমূহ</h3>
<p>{{SVGElement("altGlyph")}}, {{SVGElement("textPath")}}, {{SVGElement("tref")}}, {{SVGElement("tspan")}} এর উপাদানসমুহ</p>
<h3 id="Uncategorized_এর_উপাদানসমূহ">Uncategorized এর উপাদানসমূহ</h3>
<p>{{SVGElement("clipPath")}}, {{SVGElement("color-profile")}}, {{SVGElement("cursor")}}, {{SVGElement("filter")}}, {{SVGElement("foreignObject")}}, {{SVGElement("script")}}, {{SVGElement("style")}}, {{SVGElement("view")}}</p>