SVGs
XML-based image format
SVGs are Scalable Vector Graphics—image files that use mathematical formulas rather than pixels to define shapes, lines, and colors.
Unlike JPEGs or PNGs, SVGs can be resized infinitely without losing quality, making them ideal for logos, icons, and web graphics: The designer exported the logo as an SVG so it would look sharp at any size.
The format is XML-based, meaning SVG files can be edited with code and manipulated with CSS or JavaScript.
Give life to
- keyframesAnimation's anchor states
- tweeningAutomated in-between frame generation
- morphingSeamless visual transformation process
- easingReducing strain or difficulty
duration · delay · loop · begin · end · interpolation · Lottie · velocity
Quantity with direction
- markupAdded percentage for profit
- pathRoute for traveling
- elementBasic substance or factor
- attributeQuality assigned to something
namespace · embed · export · render · file size · compression · gzip · base64
External outline of something
- circleCurved closed shape
- rectQuadrilateral abbreviation
- ellipseConic section curve
- lineContinuous mark or queue
polyline · polygon · path · text · image · group · symbol · use
Able to be pressed
- hoverRemain suspended midair
- eventsThings that take place
- JavaScriptWeb programming language
- DOMDocument interface for browsers
scripting · manipulation · dynamic · responsive · touch · drag-and-drop · pointer · cursor
animate
Give life to
- keyframesAnimation's anchor states
- tweeningAutomated in-between frame generation
- morphingSeamless visual transformation process
easing · duration · delay · loop · begin · end · interpolation · Lottie · velocity
vector
Quantity with direction
attribute · namespace · embed · export · render · file size · compression · gzip · base64 · inline
shape
External outline of something
line · polyline · polygon · path · text · image · group · symbol · use · defs
clickable
Able to be pressed
- hoverRemain suspended midair
- eventsThings that take place
- JavaScriptWeb programming language
DOM · scripting · manipulation · dynamic · responsive · touch · drag-and-drop · pointer · cursor · callback
illustrator
Visual artist for media
anchor point · stroke · fill · gradient · pattern · mask · layer · artboard · trace · outline
icon
Pictorial screen symbol
accessibility · desc · alt text · fallback · responsive · fluid · retina