• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Web Technology

      Web technology reference for developers

  • Guides
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • MDN Plus
    • Overview

      A customized MDN experience

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Log in
  • Get MDN Plus
  1. References
  2. SVG: Scalable Vector Graphics
  3. Server configuration
  1. SVG
  2. Tutorials
  3. Introducing SVG from scratch
    1. Introduction
    2. Getting started
    3. Positions
    4. Basic shapes
    5. Paths
    6. Fills and Strokes
    7. Gradients in SVG
    8. Patterns
    9. Texts
    10. Basic transformations
    11. Clipping and masking
    12. Other content in SVG
    13. Filter effects
    14. SVG fonts
    15. SVG image element
    16. Tools for SVG
    17. SVG and CSS
  4. Reference
  5. Elements
    1. <a>
    2. <altGlyph> Deprecated
    3. <altGlyphDef> Deprecated
    4. <altGlyphItem> Deprecated
    5. <animate>
    6. <animateMotion>
    7. <animateTransform>
    8. <circle>
    9. <clipPath>
    10. <cursor> Deprecated
    11. <defs>
    12. <desc>
    13. <discard>
    14. <ellipse>
    15. <feBlend>
    16. <feColorMatrix>
    17. <feComponentTransfer>
    18. <feComposite>
    19. <feConvolveMatrix>
    20. <feDiffuseLighting>
    21. <feDisplacementMap>
    22. <feDistantLight>
    23. <feDropShadow>
    24. <feFlood>
    25. <feFuncA>
    26. <feFuncB>
    27. <feFuncG>
    28. <feFuncR>
    29. <feGaussianBlur>
    30. <feImage>
    31. <feMerge>
    32. <feMergeNode>
    33. <feMorphology>
    34. <feOffset>
    35. <fePointLight>
    36. <feSpecularLighting>
    37. <feSpotLight>
    38. <feTile>
    39. <feTurbulence>
    40. <filter>
    41. <font-face-format> Deprecated
    42. <font-face-name> Deprecated
    43. <font-face-src> Deprecated
    44. <font-face-uri> Deprecated
    45. <font-face> Deprecated
    46. <font> Deprecated
    47. <foreignObject>
    48. <g>
    49. <glyph> Deprecated
    50. <glyphRef> Deprecated
    51. <hkern> Deprecated
    52. <image>
    53. <line>
    54. <linearGradient>
    55. <marker>
    56. <mask>
    57. <metadata>
    58. <missing-glyph> Deprecated
    59. <mpath>
    60. <path>
    61. <pattern>
    62. <polygon>
    63. <polyline>
    64. <radialGradient>
    65. <rect>
    66. <script>
    67. <set>
    68. <stop>
    69. <style>
    70. <svg>
    71. <switch>
    72. <symbol>
    73. <text>
    74. <textPath>
    75. <title> — the SVG accessible name element
    76. <tref> Deprecated
    77. <tspan>
    78. <use>
    79. <view>
    80. <vkern> Deprecated
  6. Attributes
    1. accent-height Deprecated
    2. accumulate
    3. additive
    4. alignment-baseline
    5. alphabetic Deprecated
    6. amplitude
    7. arabic-form Deprecated
    8. ascent Deprecated
    9. attributeName
    10. attributeType Deprecated
    11. azimuth
    12. baseFrequency
    13. baseline-shift
    14. baseProfile Deprecated
    15. bbox Deprecated
    16. begin
    17. bias
    18. by
    19. calcMode
    20. cap-height Deprecated
    21. class
    22. clip Deprecated
    23. clip-path
    24. clip-rule
    25. clipPathUnits
    26. color
    27. color-interpolation
    28. color-interpolation-filters
    29. color-profile Deprecated
    30. contentScriptType Deprecated
    31. contentStyleType Deprecated
    32. cursor
    33. cx
    34. cy
    35. d
    36. data-*
    37. descent Deprecated
    38. diffuseConstant
    39. direction
    40. display
    41. divisor
    42. dominant-baseline
    43. dur
    44. dx
    45. dy
    46. edgeMode
    47. elevation
    48. enable-background Deprecated
    49. end
    50. exponent
    51. fill
    52. fill-opacity
    53. fill-rule
    54. filter
    55. filterRes Deprecated
    56. filterUnits
    57. flood-color
    58. flood-opacity
    59. font-family
    60. font-size
    61. font-size-adjust
    62. font-stretch
    63. font-style
    64. font-variant
    65. font-weight
    66. format Deprecated
    67. fr
    68. from
    69. fx
    70. fy
    71. g1 Deprecated
    72. g2 Deprecated
    73. glyph-name Deprecated
    74. glyph-orientation-horizontal Deprecated
    75. glyph-orientation-vertical Deprecated
    76. glyphRef Deprecated
    77. gradientTransform
    78. gradientUnits
    79. hanging Deprecated
    80. height
    81. horiz-adv-x Deprecated
    82. horiz-origin-x Deprecated
    83. horiz-origin-y Deprecated
    84. href
    85. id
    86. ideographic Deprecated
    87. image-rendering
    88. in
    89. in2
    90. intercept
    91. k Deprecated
    92. k1
    93. k2
    94. k3
    95. k4
    96. kernelMatrix
    97. kernelUnitLength
    98. kerning Deprecated
    99. keyPoints
    100. keySplines
    101. keyTimes
    102. lang
    103. lengthAdjust
    104. letter-spacing
    105. lighting-color
    106. limitingConeAngle
    107. marker-end
    108. marker-mid
    109. marker-start
    110. markerHeight
    111. markerUnits
    112. markerWidth
    113. mask
    114. maskContentUnits
    115. maskUnits
    116. mathematical Deprecated
    117. max
    118. media
    119. method Experimental
    120. min
    121. mode
    122. name Deprecated
    123. numOctaves
    124. onclick
    125. opacity
    126. operator
    127. order
    128. orient
    129. orientation Deprecated
    130. origin
    131. overflow
    132. overline-position
    133. overline-thickness
    134. paint-order
    135. panose-1 Deprecated
    136. path
    137. pathLength
    138. patternContentUnits
    139. patternTransform
    140. patternUnits
    141. pointer-events
    142. points
    143. pointsAtX
    144. pointsAtY
    145. pointsAtZ
    146. preserveAlpha
    147. preserveAspectRatio
    148. primitiveUnits
    149. r
    150. radius
    151. refX
    152. refY
    153. repeatCount
    154. repeatDur
    155. requiredFeatures Deprecated
    156. restart
    157. result
    158. rotate Experimental
    159. rx
    160. ry
    161. scale
    162. seed
    163. shape-rendering
    164. side Experimental
    165. slope Deprecated
    166. spacing
    167. specularConstant
    168. specularExponent
    169. spreadMethod
    170. startOffset
    171. stdDeviation
    172. stemh Deprecated
    173. stemv Deprecated
    174. stitchTiles
    175. stop-color
    176. stop-opacity
    177. strikethrough-position
    178. strikethrough-thickness
    179. string Deprecated
    180. stroke
    181. stroke-dasharray
    182. stroke-dashoffset
    183. stroke-linecap
    184. stroke-linejoin
    185. stroke-miterlimit
    186. stroke-opacity
    187. stroke-width
    188. style
    189. surfaceScale
    190. SVG attribute: crossorigin
    191. SVG Conditional Processing Attributes
    192. SVG Core Attributes
    193. SVG Event Attributes
    194. SVG Presentation Attributes
    195. SVG Styling Attributes
    196. systemLanguage
    197. tabindex
    198. tableValues
    199. target
    200. targetX
    201. targetY
    202. text-anchor
    203. text-decoration
    204. text-rendering
    205. textLength
    206. to
    207. transform
    208. transform-origin
    209. type
    210. u1 Deprecated
    211. u2 Deprecated
    212. underline-position
    213. underline-thickness
    214. unicode Deprecated
    215. unicode-bidi
    216. unicode-range Deprecated
    217. units-per-em Deprecated
    218. v-alphabetic Deprecated
    219. v-hanging Deprecated
    220. v-ideographic Deprecated
    221. v-mathematical Deprecated
    222. values
    223. vector-effect
    224. version Deprecated
    225. vert-adv-y Deprecated
    226. vert-origin-x Deprecated
    227. vert-origin-y Deprecated
    228. viewBox
    229. viewTarget Deprecated
    230. visibility
    231. width
    232. widths Deprecated
    233. word-spacing
    234. writing-mode
    235. x
    236. x-height Deprecated
    237. x1
    238. x2
    239. xChannelSelector
    240. xlink:arcrole Deprecated
    241. xlink:href Deprecated
    242. xlink:show Deprecated
    243. xlink:title Deprecated
    244. xlink:type Deprecated
    245. xml:base Deprecated
    246. xml:lang Deprecated
    247. xml:space Deprecated
    248. y
    249. y1
    250. y2
    251. yChannelSelector
    252. z
    253. zoomAndPan Deprecated
  7. Guides
    1. Applying SVG effects to HTML content
    2. Content type
    3. Namespaces crash course
    4. SVG animation with SMIL
    5. SVG as an Image

Server configuration

See SVG Server Settings.

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.
Want to get more involved? Learn how to contribute.

This page was last modified on Mar 6, 2023 by MDN contributors.

MDN logo

Your blueprint for a better internet.

  • MDN on Twitter
  • MDN on GitHub

MDN

  • About
  • Hacks Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
Mozilla logo
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2023 by individual mozilla.org contributors. Content available under a Creative Commons license.