Icons
16Entries
SVGReference
FreeNo login

SVG & Icon Glossary

A working reference for the vocabulary behind SVG icons — the elements and attributes, the geometry and painting model, filters, typography, accessibility, animation, and the JavaScript API. Useful when you are reading icon source, debugging a render, or writing your own icons.

Search all 134,701 icons Read the guides

Reference entries

SVG and icon glossary entries on IconStash
EntryWhat it covers
SVG Elements & Tagsevery core element — svg, path, g, use, defs, symbol and friends
SVG Attributespresentation attributes, geometry attributes and how they cascade
Path Syntax & Geometrythe d attribute — move, line, curve and arc commands
Coordinate Systems & UnitsviewBox, preserveAspectRatio, user units and scaling
Transforms & Matrix Mathtranslate, rotate, scale, skew and the underlying matrix
Stroke, Fill & Paintingstroke-width, linecap, linejoin, dash arrays and fill rules
Gradients, Patterns & Paint Serverslinear and radial gradients, patterns and paint references
Filters & Primitivesblur, drop shadow, feColorMatrix and filter regions
Clipping, Masking & CompositingclipPath, mask, isolation and blend modes
Typography & Font Glyphstext, tspan, textPath and icon fonts
Animation, SMIL & Motionanimate, animateTransform and CSS-driven motion
Accessibility & WCAGrole, aria-label, title and focusable
DOM & JavaScript APIgetBBox, getTotalLength, createElementNS and runtime editing
Icon File FormatsSVG, PNG, ICO, WebP, AVIF and when each applies
Performance & Renderingrasterisation cost, path complexity and paint behaviour
Icon & SVG Terminologythe everyday vocabulary — glyph, pictogram, optical size, sprite

Related