• 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

  • Plus
    • Overview

      A customized MDN experience

    • AI Help (beta)

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

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

MDN

  • About
  • 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
  • Hacks Blog
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.