Icons are used to indicate navigation, status, type, settings, and other information.

Example

ab ab
<Icon name="ab" />

AB: Return to AB testing, used in a sidebar navigation item in Program Management.

add add
<Icon name="add" />

Add: Used in buttons for adding a row, or in list boxes to indicate clicking will add the page, audience, metric etcetera.

align-center align-center
<Icon name="align-center" />

Align (Center): Visual editor icon. Used for centering text.

align-justify align-justify
<Icon name="align-justify" />

Align (Justify): Visual editor icon. Used for justifying text.

align-left align-left
<Icon name="align-left" />

Align (Left): Visual editor icon. Used for aligning text to the left.

align-right align-right
<Icon name="align-right" />

Align (Right): Visual editor icon. Used for aligning text to the right.

archive archive
<Icon name="archive" />

Archive: Used in icon buttons for archiving various entities.

arrow-left arrow-left
<Icon name="arrow-left" />

Arrow (Left): Used in chevrons for back buttons, and in calendars to navigate the months.

arrow-right arrow-right
<Icon name="arrow-right" />

Arrow (Right): Used in calendars to navigate the months.

arrow-right-stem arrow-right-stem
<Icon name="arrow-right-stem" />

Icon: Used to indicate movement or transfer. Currently used in the duplication dialog.

audiences audiences
<Icon name="audiences" />

Audiences: Audiences entities. Also used in root navigation for the Audiences tab.

badge badge
<Icon name="badge" />

Badge: Not used.

ban ban
<Icon name="ban" />

Ban: Visual editor icon. Used for removing an element in a variation.

bell bell
<Icon name="bell" />

Bell: Not used.

calendar calendar
<Icon name="calendar" />

Calendar: Used in date range pickers and scheduler.

campaigns campaigns
<Icon name="campaigns" />

Campaign: Campaign entities, rarely used.

check check
<Icon name="check" />

Icon: Used in the visual editor when confirming CSS selector change.

clipboard clipboard
<Icon name="clipboard" />

Clipboard: Used to indicated that a given field or text area is copyable.

close close
<Icon name="close" />

Close: Used in many places to indicate that something is closable, or cancelable.

code code
<Icon name="code" />

Code: Not used.

collaborators collaborators
<Icon name="collaborators" />

Collaborators: Only used in the help sidebar of the collaborators section.

collapse collapse
<Icon name="collapse" />

Collapse: Used in preview to collapse the preview widget.

create-ab create-ab
<Icon name="create-ab" />

Create A/B Experiment: Used in the create dropdown for A/B experiments.

create-campaign create-campaign
<Icon name="create-campaign" />

Create Campaign: Used in the create dropdown for Campaigns.

create-mvt create-mvt
<Icon name="create-mvt" />

MVT Experiment: Used in the create dropdown for MVT experiments.

desktop desktop
<Icon name="desktop" />

Desktop: Not used.

dimensions dimensions
<Icon name="dimensions" />

Dimensions: Not used.

download download
<Icon name="download" />

Download: Used in revision history for full stack (Not customer facing) to download the revision of particular datafile.

duplicate duplicate
<Icon name="duplicate" />

Duplicate: Used in the collaborators screen for duplicating collaborators to other projects.

editor-switch editor-switch
<Icon name="editor-switch" />

Editor Switch: Not used.

ellipsis ellipsis
<Icon name="ellipsis" />

Ellipsis: Used in table rows for the additional actions menu.

events events
<Icon name="events" />

Events : Events entities. Also used in the root navigation for the Events section.

exclamation exclamation
<Icon name="exclamation" />

Exclamation: Used inline with text to present a warning.

exit exit
<Icon name="exit" />

Exit: Exits preview mode.

experiment experiment
<Icon name="experiment" />

Experiments: Experiment entities. Also visible in the root navigation for sidebar items.

extensions extensions
<Icon name="extensions" />

Extensions: Used only in change history for Extension entities.

external external
<Icon name="external" />

External Link: Used in conjunction with links to indicate that a link opens in a new window or tab.

eye eye
<Icon name="eye" />

Eye: Visual editor icon. Used for showing an icon in a variation.

eye-closed eye-closed
<Icon name="eye-closed" />

Eye (Closed): Visual editor icon. Used for hiding an icon in a variation.

feature-flag feature-flag
<Icon name="feature-flag" />

Feature Flag: Not used.

feedback feedback
<Icon name="feedback" />

Feedback: Root navigation item for showing the “Provide Feedback” dialog.

goal goal
<Icon name="goal" />

Goal: Not used.

hamburger hamburger
<Icon name="hamburger" />

Hamburger: Not used.

help
<Icon name="help" />

Help: Used in various places to indicate there’s a help popover available, or as an inline icon for chunks of help text.

history history
<Icon name="history" />

History: Not used.

image image
<Icon name="image" />

Image: Not used.

inconclusive inconclusive
<Icon name="inconclusive" />

Inconclusive: Not used.

integrations integrations
<Icon name="integrations" />

Integrations: Not used.

link link
<Icon name="link" />

Link: Not used.

live-variables live-variables
<Icon name="live-variables" />

Live Variables: Not used.

lock lock
<Icon name="lock" />

Lock: Not used.

loser loser
<Icon name="loser" />

Loser: Not used.

minus minus
<Icon name="minus" />

Minus: Opposite of “add”. Used to remove rows from tables that were added with “add”

mobile mobile
<Icon name="mobile" />

Mobile: Not used.

orientation-landscape orientation-landscape
<Icon name="orientation-landscape" />

Orientation Landscape: Not used.

orientation-portrait orientation-portrait
<Icon name="orientation-portrait" />

Orientation Portrait: Not used.

pages pages
<Icon name="pages" />

Pages: Pages Entities. Also used in root navigation for pages section.

paperclip paperclip
<Icon name="paperclip" />

Paperclip: Not used.

parent-selector parent-selector
<Icon name="parent-selector" />

Parent Selector: Not used.

pause pause
<Icon name="pause" />

Pause: Toolbar icon. Used for pausing experiments, etc.

play play
<Icon name="play" />

Play: Toolbar icon. Used for starting/resuming experiments, etc.

preferences preferences
<Icon name="preferences" />

Preferences: Not used.

projects projects
<Icon name="projects" />

Projects: Root navigation icon for showing the project picker. Should not be used as a project entity icon.

redirect redirect
<Icon name="redirect" />

Redirect: Not used.

redo redo
<Icon name="redo" />

Redo: Not used.

refresh refresh
<Icon name="refresh" />

Refresh: Toolbar icon. Used for refreshing the visual editor.

rollouts rollouts
<Icon name="rollouts" />

Rollouts: Rollouts entities. Also used the root navigation to indicate the Rollouts section.

save save
<Icon name="save" />

Save: Not used.

search search
<Icon name="search" />

Search: Used in input fields to indicate the field allows for searching/filtering by name.

settings settings
<Icon name="settings" />

Settings: Root navigation icon for settings.

star star
<Icon name="star" />

Star: Not used.

sync sync
<Icon name="sync" />

Sync: Not used.

tablet tablet
<Icon name="tablet" />

Tablet: Not used.

tags tags
<Icon name="tags" />

Tags: Not used.

toolbar-code-editor toolbar-code-editor
<Icon name="toolbar-code-editor" />

Toolbar Code Editor: Toolbar icon to show code editor in the visual editor.

toolbar-dev-tools toolbar-dev-tools
<Icon name="toolbar-dev-tools" />

Toolbar Dev Tools: Toolbar icon to show the developer tools dropdown in the visual editor. This is only visible to internal employees.

toolbar-interactive-mode toolbar-interactive-mode
<Icon name="toolbar-interactive-mode" />

Toolbar Interactive Mode: Toolbar icon to toggle interactive mode.

toolbar-new-window toolbar-new-window
<Icon name="toolbar-new-window" />

Toolbar New Window: Toolbar icon for popping out the visual editor into a new window.

toolbar-new-window-close toolbar-new-window-close
<Icon name="toolbar-new-window-close" />

Toolbar New Window Close: Toolbar icon for calling the popped out editor window back into the main window.

toolbar-reload toolbar-reload
<Icon name="toolbar-reload" />

Toolbar Reload: Toolbar icon in the visual editor for refreshing the current page.

toolbar-size-desktop toolbar-size-desktop
<Icon name="toolbar-size-desktop" />

Toolbar Desktop Size: Visual editor size picker option.

toolbar-size-full-width toolbar-size-full-width
<Icon name="toolbar-size-full-width" />

Toolbar Size Full-width: Visual editor size picker option.

toolbar-size-mobile toolbar-size-mobile
<Icon name="toolbar-size-mobile" />

Toolbar Size Mobile: Visual editor size picker option.

toolbar-size-tablet toolbar-size-tablet
<Icon name="toolbar-size-tablet" />

Toolbar Size Tablet: Visual editor size picker option.

toolbar-size-widescreen toolbar-size-widescreen
<Icon name="toolbar-size-widescreen" />

Toolbar Size Widescreen: Visual editor size picker option.

trash trash
<Icon name="trash" />

Trash: Not used.

undo undo
<Icon name="undo" />

Undo: Not used.

upload upload
<Icon name="upload" />

Upload: In the visual editor, allows users to select a new background image and upload it for the selected element.

userlist userlist
<Icon name="userlist" />

User List: Not used.

variation-settings variation-settings
<Icon name="variation-settings" />

Variation Settings: Not used.

view-code view-code
<Icon name="view-code" />

View Code: Not used.

vote-down vote-down
<Icon name="vote-down" />

Vote (Down): Not used.

vote-up vote-up
<Icon name="vote-up" />

Vote (Up): Not used.

winner winner
<Icon name="winner" />

Winner: Not used.