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:
| Icon | Name | Meaning | Editable? |
|---|---|---|---|
| cube | Cube | Built-in/Factory preset | No (read-only) |
| user | User | User-created preset | Yes |
| masks-theater | Theater Masks | In-show preset | Yes |
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:
| Icon | Name | Meaning | Where You'll See It |
|---|---|---|---|
| floppy-disk | Floppy Disk | Save current settings or create new preset | Source/Effect parameters, Palette editor, Layout settings |
| square-plus | Square Plus | Add new item | Effects chain, Cues panel |
| plus | Plus | Add new item | Manual palette colors |
| trash | Trash | Delete or remove item | Preset context menus, Effect chain, Palette colors, Log viewer |
| xmark | X Mark | Close window or remove from list | Effect chain remove button, Dialog close |
| rotate | Rotate | Reload from disk | Preset panels, Palette panel |
| rotate-left | Rotate Left | Revert to saved state | Source parameters, Effect parameters |
| arrows-rotate | Arrows Rotate | Reset or enable transitions | Live panel reset, Color transitions |
| check | Check | Confirm action or apply settings | Dialog confirmations, Layout apply |
| copy | Copy | Duplicate item or copy text | Layout settings (Save As), OSC addresses |
| pen | Pen | Edit or rename item | Layout settings rename |
| download | Download | Export or download | GDTF profile export |
Status Indicators
These icons and visual cues show the current state of features or connections:
| Icon | Name | Meaning | Context |
|---|---|---|---|
| circle | Circle | Status indicator (color varies) | BPM Sync status, OSC status, DMX status |
| link | Link | Ableton Link connection | BPM Sync panel when Link is active |
| circle-check | Check Circle | Success or connected | Layout default indicator |
| triangle-exclamation | Warning Triangle | Warning or attention needed | BPM Sync errors, Settings warnings |
| circle-exclamation | Exclamation Circle | Error condition | Log viewer error messages |
| circle-info | Info Circle | Information or notice | Log viewer info messages |
| lock | Lock | BPM is locked (cannot change) | Pioneer DJ section when BPM locked |
| lock-open | Lock Open | BPM is unlocked (can change) | Pioneer DJ section when BPM unlocked |
| toggle-on | Toggle On | Feature enabled | Blackout active |
| toggle-off | Toggle Off | Feature disabled | Blackout inactive |
| tower-broadcast | Tower Broadcast | Network/broadcast status | Status bar |
Visual State Indicators
These are not icons but important visual cues:
| Visual | Meaning | Context |
|---|---|---|
| Orange text + asterisk (*) | Modified parameters not yet saved | Preset labels in all preset panels |
| Orange overline | Panel contains unsaved changes | Thin orange line at top of panel tabs |
Panel-Specific Icons
Effects Chain Panel
| Icon | Name | Function |
|---|---|---|
| square-plus | Square Plus | Opens menu to add new effect to chain |
| floppy-disk | Floppy Disk | Opens save menu (Save, Save As, Revert) |
| rotate-left | Rotate Left | Revert to saved preset parameters |
| xmark | X Mark | Removes effect from chain |
Palette Panel
| Icon | Name | Function |
|---|---|---|
| rotate | Rotate | Reloads palettes from disk |
| table-columns | Table Columns | Opens column count selector |
| cube | Cube | Toggle built-in palettes filter |
| user | User | Toggle user palettes filter |
| masks-theater | Theater Masks | Toggle show palettes filter |
| plus | Plus | Creates new color in manual palette |
| trash | Trash | Deletes color from palette (in editor) |
| palette | Palette | Manual palette section header |
| arrows-rotate | Arrows Rotate | Toggle/enable palette transitions |
Live Panel
| Icon | Name | Function |
|---|---|---|
| toggle-on / toggle-off | Toggle | Blackout control |
| arrows-rotate | Arrows Rotate | Reset Global FX |
BPM Sync Panel
| Icon | Name | Status/Function |
|---|---|---|
| link | Link | Ableton Link is active |
| circle | Circle | Running status (color indicates state) |
| lock | Lock | BPM is locked to Pioneer device |
| lock-open | Lock Open | BPM is unlocked |
| triangle-exclamation | Warning | Connection issue or error |
Cues Panel
| Icon | Name | Function |
|---|---|---|
| square-plus | Square Plus | Creates new cue from current state |
| chevron-left | Chevron Left | Navigate to previous cue |
| chevron-right | Chevron Right | Navigate to next cue |
| list | List | Switch to list view mode |
| grip | Grip | Switch to thumbnail view mode |
| image | Image | Placeholder for missing thumbnail |
Navigation Icons
These icons appear in navigation controls:
| Icon | Name | Usage |
|---|---|---|
| chevron-left | Chevron Left | Navigate back, previous item |
| chevron-right | Chevron Right | Navigate forward, next item |
| caret-down | Caret Down | Expand dropdown or section |
| caret-up | Caret Up | Collapse section |
| arrow-left | Arrow Left | Incoming message direction |
| arrow-right | Arrow Right | Outgoing message direction |
Effect Type Icons
These icons appear in the preset panels to identify effect types:
| Icon | Name | Effect Type |
|---|---|---|
| droplet | Droplet | Blur effects |
| snowflake | Snowflake | Kaleidoscope patterns |
| clone | Clone | Mirror effects |
Source Type Icons
These icons appear in the preset panels to identify source types:
| Icon | Name | Source Type |
|---|---|---|
| water | Water | Wave sources |
| wind | Wind | Drift sources |
| wave-square | Wave Square | Flow sources |
| heart-pulse | Heart Pulse | Pulse sources |
Window and Layout Icons
| Icon | Name | Function |
|---|---|---|
| cube | Cube | Built-in layouts section header |
| user | User | User layouts section header |
| star | Star | Marks default startup layout |
| check | Check | Currently active layout |
| floppy-disk | Floppy Disk | Save layout |
| copy | Copy | Save layout as new |
| pen | Pen | Rename layout |
| trash | Trash | Delete layout |
Log Viewer Window
| Icon | Name | Function |
|---|---|---|
| network-wired | Network Wired | OSC messages tab |
| music | Music | MIDI messages tab, OBC messages filter |
| terminal | Terminal | System log tab |
| signal | Signal | API messages filter |
| trash | Trash | Clear log |
| play | Play | Resume logging |
| pause | Pause | Pause logging |
| arrow-left | Arrow Left | Incoming message indicator |
| arrow-right | Arrow Right | Outgoing message indicator |
| circle | Circle | Internal message indicator |
| ellipsis | Ellipsis | Verbose log level |
| circle-info | Circle Info | Notice log level |
| triangle-exclamation | Triangle Exclamation | Warning log level |
| circle-exclamation | Circle Exclamation | Error log level |
| xmark | X Mark | Fatal error log level |
DMX Viewer Window
| Icon | Name | Function |
|---|---|---|
| circle | Circle | Status indicator (Disabled, Running, Receiving, Waiting) |
| list | List | Table view tab |
| grip | Grip | Grid view tab |
| palette | Palette | Colors preview tab |
| signal | Signal | Bars view tab |
| chevron-left | Chevron Left | Navigate channels left |
| chevron-right | Chevron Right | Navigate channels right |
| sliders | Sliders | Control channel indicator |
| square | Square | In-range channel indicator |
Tips for Using Icons
Visual Scanning
Icons help you quickly locate functions without reading every label. Look for:
- floppy-disk when you want to save
- square-plus or plus when you want to add something
- trash when you want to delete
- rotate 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.
Related Topics
- Keyboard Shortcuts - Learn keyboard alternatives to icon buttons
- Getting Started - Overview of the FXCanvas interface