SVG-elements.md

SVG (Scalable Vector Graphics) has a range of elements that you can use to create rich graphics directly within an HTML document or standalone SVG files. Below is a comprehensive list of SVG elements:

Structural Elements:

1. <svg> - The root SVG container.
2. <g> - Grouping element to group various shapes together.
3. <defs> - Defines elements to be reused.
4. <desc> - Description for its parent. For accessibility and metadata.
5. <metadata> - Contains metadata about the SVG.
6. <symbol> - Defines graphical template objects.
7. <use> - Reuse graphical elements.

Shape Elements:

8. <rect> - Draws a rectangle.
9. <circle> - Draws a circle.
10. <ellipse> - Draws an ellipse.
11. <line> - Draws a line.
12. <polyline> - Draws a polyline.
13. <polygon> - Draws a polygon.
14. <path> - Draws a path, which is a series of connected lines and curves.

Text Elements:

15. <text> - Defines a text.
16. <tspan> - Defines a span within a text.
17. <tref> - References characters from another text element.
18. <textPath> - Allows text to be placed along a path.
19. <altGlyph> - Provides an alternative glyph.
20. <altGlyphDef> - Defines the alternative glyphs.
21. <altGlyphItem> - A candidate set of alternate glyphs.
22. <glyphRef> - Defines a glyph reference.

Container Elements:

23. <pattern> - Defines a pattern.
24. <mask> - Defines a mask.
25. <clipPath> - Clips graphical elements.

Filter Elements:

26. <filter> - Defines filters.
27. <feDistantLight> - Defines a distant light source.
28. <fePointLight> - Defines a point light source.
29. <feSpotLight> - Defines a spotlight source.
30. <feBlend> - Blend mode.
31. <feColorMatrix> - Color matrix adjustments.
32. <feComponentTransfer> - Component-wise remapping of data.
33. <feComposite> - Basic image compositing.
34. <feConvolveMatrix> - Matrix convolution filter.
35. <feDiffuseLighting> - Diffuse lighting effect.
36. <feDisplacementMap> - Displacement map effect.
37. <feDropShadow> - Drop shadow effect.
38. <feFlood> - Fills the filter subregion.
39. <feGaussianBlur> - Gaussian blur effect.
40. <feImage> - Includes an image.
41. <feMerge> - Merge filter results.
42. <feMorphology> - Morphological operations.
43. <feOffset> - Offset the input image.
44. <feSpecularLighting> - Specular lighting effect.
45. <feTile> - Fill a box by referencing a part of the source graphic.
46. <feTurbulence> - Generates patterns like clouds or marble.

Gradient Elements:

47. <linearGradient> - Linear gradient fill.
48. <radialGradient> - Radial gradient fill.
49. <stop> - Gradient stop color.

Animation Elements:

50. <animate> - Generic animation element.
51. <set> - Set a value over a duration.
52. <animateMotion> - Move an object along a path.
53. <animateTransform> - Animated transformation.
54. <discard> - Removes elements at a certain time.

Descriptive Elements:

55. <title> - Title for its parent. For accessibility and tooltips.

Other Elements:

56. <switch> - Conditional processing.
57. <foreignObject> - Allows for inclusion of a foreign namespace.

Font Elements:

58. <font> - Font definition.
59. <glyph> - Defines a single glyph.
60. <missing-glyph> - Defines a missing glyph.
61. <hkern> - Adjusts horizontal kerning.
62. <vkern> - Adjusts vertical kerning.
63. <font-face> - Describes the characteristics of a font.
64. <font-face-src> - Points to a font definition.
65. <font-face-uri> - Points to a remote definition.
66. <font-face-format> - Describes the font's format.
67. <font-face-name> - Assigns a name to the font.
68. <font-face-view> - Creates a viewport for the font.

For the most up-to-date information about SVG elements, the official W3C SVG specification would be a good reference.