Design reference index · 20/27
2153 source-linked definitions with individual URLs. JavaScript is not required to browse these documents.
Try 379 interactive reference cards
Poly Haven
An asset library providing environment images, textures, and models.
ambientCG
A library providing physically based materials and environment resources.
OpenGameArt
A site collecting community-created game art and audio assets.
itch.io Game Assets
A marketplace for game assets distributed or sold by their creators.
Fab
A marketplace providing 3D models, materials, and game-production assets.
Sketchfab
A platform for viewing and sharing 3D work in the browser.
Google Fonts
A service for discovering typefaces and delivering web fonts.
Fontsource
Tooling for installing font packages and hosting them yourself.
Adobe Color
A tool for color-wheel exploration, palette discovery, and related color work.
Coolors
A tool for generating palettes, exploring colors, and reviewing combinations.
ColorBrewer
A tool for exploring color schemes for maps and statistical visualizations.
Icon
A concise pictorial symbol representing an object, function, or state.
Pictogram
A simplified picture representing an object or action for communication or guidance.
Symbol
A broad term for a sign expressing an agreed meaning.
System Icon
An icon representing a common action or object within an operating system or interface system.
App Icon
The identifying image for an application, used in launchers, stores, and similar locations.
Favicon
A site's identifying icon shown in browser tabs, bookmarks, and related places.
Functional Icon
An icon representing an action that can be performed through interaction.
Decorative Icon
An icon used for decoration or atmosphere without adding meaning.
Informative Icon
An icon communicating content meaning or classification without itself being a control.
Status Icon
An icon indicating a current state, such as success, error, or synchronization.
Brand Icon
An icon identifying a company, service, or product brand.
Icon Label
Text accompanying an icon to state its function or meaning.
Leading Icon
An icon placed before text or input content.
Trailing Icon
An icon placed after text or input content.
Icon Metaphor
Representing a digital function by borrowing the meaning of a physical object.
Outline Icon
An icon drawn primarily with outlines or contour strokes.
Filled Icon
An icon emphasizing silhouette through filled shapes.
Duotone Icon
An icon composed of two color tones or opacity layers.
Multicolor Icon
An icon combining multiple colors to communicate an object's characteristics.
Monochrome Icon
An icon rendered using a single base color.
Rounded Icon
An icon with rounded corners and line endings.
Sharp Icon
An icon emphasizing angular corners and line endings.
Pixel Icon
An icon drawn to a defined pixel grid.
Isometric Icon
An icon depicting an object with an isometric-style projection.
Animated Icon
An icon whose form moves over time or in response to state changes.
Stroke Weight
The thickness of an icon's strokes, affecting visual weight and legibility.
Stroke Cap
The treatment of an open path's ends, such as flat, round, or square.
Stroke Join
The treatment of the corner where two line segments meet.
Icon Grid
A reference grid establishing consistent icon size and placement.
Keyline
A reference shape used to balance the size and visual weight of different icon forms.
Live Area
The area designated for the icon's actual graphic.
Pixel Snapping
Aligning contours or positions to the pixel grid to reduce blurry edges.
Hamburger Menu Icon
An icon, usually three horizontal lines, representing entry to a menu.
Kebab Menu Icon
A vertical three-dot icon representing additional options.
Meatball Menu Icon
A horizontal three-dot icon representing additional options.
Chevron Icon
A directional icon formed by two short angled strokes.
Caret Icon
A small triangular or angled symbol indicating a direction.
Disclosure Indicator
An indicator suggesting that further detail or child items are available.
Close Icon
An icon, usually an X, representing closing the current panel or window.
Back Arrow
An indicator returning to the previous screen or navigation step.
External Link Icon
An icon indicating a link outside the current service or into another context.
Drag Handle Icon
Dots or stacked lines marking an area that can be grabbed and dragged.
Grip
A handle-like visual cue indicating that an element can be manipulated.
Expand Icon
An icon representing enlargement or expansion of content or an area.
Collapse Icon
An icon representing reduction or collapse of an expanded area.
Pin Icon
An icon representing keeping an item visible or fixing it at a particular position.
Visibility Icon
An eye or similar icon indicating visibility, hiding, or a visibility toggle.
Lock Icon
An icon indicating restricted editing, protection, or a locked state.
Link Icon
A chain or similar icon representing a link, connection, or dependency.
Refresh Icon
An icon representing reloading data or refreshing a screen.
Sync Icon
An icon representing synchronization of data or states between sides.
Undo / Redo Icon
Icons representing reversal of an edit or reapplication of an undone edit.
Status Indicator
A visual element communicating current state through color, shape, icons, or text.
Dot Indicator
A small dot indicating new content or a simple state.
Counter Badge
A badge displaying the number of items associated with a target.
Success Indicator
An indicator that an operation completed and met its intended conditions.
Warning Indicator
An indicator of a situation requiring caution or review without necessarily representing failure.
Error Indicator
An indicator of a failed operation or invalid state.
Info Indicator
An indicator of supporting information rather than a danger warning.
Pending Indicator
An indicator of waiting for approval, a response, or a prerequisite.
Queued Indicator
An indicator that a task is waiting in a queue for execution.
Running Indicator
An indicator that a task is currently executing.
Paused Indicator
An indicator that execution has stopped in a resumable state.
Canceled Indicator
An indicator that the user or system canceled a task.
Blocked Indicator
An indicator that dependencies, permissions, or conditions prevent progress.
Unknown Status
An indication that available information is insufficient to determine the current state.
Partial Success
A state in which only some of multiple subtasks succeeded.
Saving Indicator
An indicator that a save request is in progress.
Saved Indicator
An indicator that changes have been committed to the specified storage location.