Skip to main content

UI Icons Reference

FXCanvas uses Font Awesome 6 icons throughout the interface to provide visual cues for actions and states. This reference guide helps you identify what each icon means and where it appears.


Preset Type Indicators

These icons identify the source and editability of presets across all preset panels:

IconNameMeaningEditable?
CubeBuilt-in/Factory presetNo (read-only)
UserUser-created presetYes
Theater MasksIn-show presetYes
Where you'll see these
  • Source Presets panel (filter toolbar and preset list)
  • Effect Presets panel (filter toolbar and preset list)
  • Palette panel (filter toolbar)
  • Layout settings (section headers)

Common Action Icons

These icons appear on buttons and controls throughout the application:

IconNameMeaningWhere You'll See It
Floppy DiskSave current settings or create new presetSource/Effect parameters, Palette editor, Layout settings
Square PlusAdd new itemEffects chain, Cues panel
PlusAdd new itemManual palette colors
TrashDelete or remove itemPreset context menus, Effect chain, Palette colors, Log viewer
X MarkClose window or remove from listEffect chain remove button, Dialog close
RotateReload from diskPreset panels, Palette panel
Rotate LeftRevert to saved stateSource parameters, Effect parameters
Arrows RotateReset or enable transitionsLive panel reset, Color transitions
CheckConfirm action or apply settingsDialog confirmations, Layout apply
CopyDuplicate item or copy textLayout settings (Save As), OSC addresses
PenEdit or rename itemLayout settings rename
DownloadExport or downloadGDTF profile export

Status Indicators

These icons and visual cues show the current state of features or connections:

IconNameMeaningContext
CircleStatus indicator (color varies)BPM Sync status, OSC status, DMX status
LinkAbleton Link connectionBPM Sync panel when Link is active
Check CircleSuccess or connectedLayout default indicator
Warning TriangleWarning or attention neededBPM Sync errors, Settings warnings
Exclamation CircleError conditionLog viewer error messages
Info CircleInformation or noticeLog viewer info messages
LockBPM is locked (cannot change)Pioneer DJ section when BPM locked
Lock OpenBPM is unlocked (can change)Pioneer DJ section when BPM unlocked
Toggle OnFeature enabledBlackout active
Toggle OffFeature disabledBlackout inactive
Tower BroadcastNetwork/broadcast statusStatus bar

Visual State Indicators

These are not icons but important visual cues:

VisualMeaningContext
Orange text + asterisk (*)Modified parameters not yet savedPreset labels in all preset panels
Orange overlinePanel contains unsaved changesThin orange line at top of panel tabs

Panel-Specific Icons

Effects Chain Panel

IconNameFunction
Square PlusOpens menu to add new effect to chain
Floppy DiskOpens save menu (Save, Save As, Revert)
Rotate LeftRevert to saved preset parameters
X MarkRemoves effect from chain

Palette Panel

IconNameFunction
RotateReloads palettes from disk
Table ColumnsOpens column count selector
CubeToggle built-in palettes filter
UserToggle user palettes filter
Theater MasksToggle show palettes filter
PlusCreates new color in manual palette
TrashDeletes color from palette (in editor)
PaletteManual palette section header
Arrows RotateToggle/enable palette transitions

Live Panel

IconNameFunction
/ ToggleBlackout control
Arrows RotateReset Global FX

BPM Sync Panel

IconNameStatus/Function
LinkAbleton Link is active
CircleRunning status (color indicates state)
LockBPM is locked to Pioneer device
Lock OpenBPM is unlocked
WarningConnection issue or error

Cues Panel

IconNameFunction
Square PlusCreates new cue from current state
Chevron LeftNavigate to previous cue
Chevron RightNavigate to next cue
ListSwitch to list view mode
GripSwitch to thumbnail view mode
ImagePlaceholder for missing thumbnail

These icons appear in navigation controls:

IconNameUsage
Chevron LeftNavigate back, previous item
Chevron RightNavigate forward, next item
Caret DownExpand dropdown or section
Caret UpCollapse section
Arrow LeftIncoming message direction
Arrow RightOutgoing message direction

Effect Type Icons

These icons appear in the preset panels to identify effect types:

IconNameEffect Type
DropletBlur effects
SnowflakeKaleidoscope patterns
CloneMirror effects

Source Type Icons

These icons appear in the preset panels to identify source types:

IconNameSource Type
WaterWave sources
WindDrift sources
Wave SquareFlow sources
Heart PulsePulse sources

Window and Layout Icons

IconNameFunction
CubeBuilt-in layouts section header
UserUser layouts section header
StarMarks default startup layout
CheckCurrently active layout
Floppy DiskSave layout
CopySave layout as new
PenRename layout
TrashDelete layout

Log Viewer Window

IconNameFunction
Network WiredOSC messages tab
MusicMIDI messages tab, OBC messages filter
TerminalSystem log tab
SignalAPI messages filter
TrashClear log
PlayResume logging
PausePause logging
Arrow LeftIncoming message indicator
Arrow RightOutgoing message indicator
CircleInternal message indicator
EllipsisVerbose log level
Circle InfoNotice log level
Triangle ExclamationWarning log level
Circle ExclamationError log level
X MarkFatal error log level

DMX Manager — Monitor Tab

IconNameFunction
CircleStatus indicator (Disabled, Running, Receiving, Waiting)
ListTable view
GripGrid view
PaletteColors preview view
SlidersControl channel indicator
SquareIn-range channel indicator

Tips for Using Icons

Visual Scanning

Icons help you quickly locate functions without reading every label. Look for:

  • when you want to save
  • or when you want to add something
  • when you want to delete
  • when you want to refresh/reload

Color Coding

Visual indicators change color to communicate state:

  • Green = Success, Connected, Running
  • Yellow/Orange = Warning, Attention needed
  • Red = Error, Critical issue
  • Gray/Dim = Disabled, Inactive
Unsaved Changes

Presets with unsaved changes display their name in orange text with an asterisk (*) suffix. Panel tabs with unsaved content show a thin orange overline at the top.

Hover for Details

Most icons have tooltips that appear when you hover over them. If you're unsure what an icon does, hover your mouse over it for a description.

Consistency

The same icon always means the same thing throughout FXCanvas. Once you learn that the floppy-disk means "save," you'll find it in every panel that has save functionality.


Accessibility Note

While icons provide quick visual recognition, FXCanvas also includes text labels for most actions. If you have difficulty distinguishing icons, you can rely on the accompanying text labels for navigation.