Design

Icons are an important communication device that are used as short hand to indicate status, support text labels, or as the sole identifier of common functions. Not all icons are the same colour.

Icon Set

Icon Sizes

Icons can be displayed in a range of sizes.

Small success iconMedium success iconLarge success iconXLarge success iconXXLarge success icon

The Q&A role icons are designed for larger display sizes; and should use at least xlarge as icon size.

Answer approverAnswer authorQnA administratorQnA observerquestion approverquestion authorquestion viewer

Code

Example Element Code
File saved Icons require a glyph class to determine which icon shows; and in most cases some accessible text to describe what has happened. By default the accessible text will be applied as a title attribute as well. 
<span class="ace-icon ace-icon-status-success" title="File saved">File saved</span>

                                                                                      ace.Icon(Array("glyph", "status-success"))      tr
File saved The text and title contents can be varied if required (although usually they should simply match). When text adjacent to the icon is supplying the contextual information required for accessibility, the icon's text can be omitted. The title attribute can be suppressed by setting showTitle to false in the template call.

Help Link demonstrating contextual information (ie. allowing the icon to have no text):

<a href="http://example.com/" class="ace-helplink"><span class="ace-icon ace-icon-status-help"></span><span class="ace-text">Help!</span></a>

Different text and title:

<span class="ace-icon ace-icon-status-success" title="It is unusual to vary like this">Success</span>

Suppressing the title:

<span class="ace-icon ace-icon-status-success">File saved</span>

Different text and title:


                                                                                      ace.Icon(Array(
                                                                                        "glyph", "status-loading",_
                                                                                        "text", "Loading",_
                                                                                        "title", "Loading documents"_
                                                                                      ))

Suppressing the title:


                                                                                      ace.Icon(Array(
                                                                                        "glyph", "status-loading",_
                                                                                        "text", "Loading",_
                                                                                        "title", "Loading documents",_
                                                                                        "showTitle", false _
                                                                                      ))
File saved Icons can be set to a range of sizes. Options: small, medium, large, xlarge, xxlarge. 
<span class="ace-icon ace-icon-xlarge ace-icon-status-success" title="File saved">File saved</span>

ACECLASSIC-48
Answer approver Q&A roles should be set to xlarge. 
<span class="ace-icon ace-icon-xlarge ace-icon-objects-answerapprover" title="Answer approver">Answer approver</span>

ACECLASSIC-48

Mapping file extensions to icons

There are more file extensions out there than ACE has icons. By design, file type icons are grouped together with three levels of granularity:

  1. Specific file types - eg. Word, Excel
  2. Broad file types - eg. images, videos, text
  3. No granularity: the generic document icon

When a file type is evaluated, it should go from specific; to broad if no specific match is found; to generic if no broad match is found.

Broad file type ACE Icon Specific file extensions
Acrobat (PDF) document-acrobat pdf
Archive document-archive db, zipx, mdb, gz, zip, rar
Audio document-audio mid, wav, mp3
Code document-code exe, xslt, swf, cp, dtd, html, htm, xml, js, mhmt, mht, css
Contact document-contact crd
Email document-email eml, msg, oft
Excel document-excel xlsx, xlst, xlsm, xlw, xls, xlsb, xlt, xltx, xltm, xsl
Image document-image gif, png, tiff, jpeg, tif, bmp, jpg
Layout and design document-layoutanddesign dwg, indd, psd, dxf, pub, shx
Powerpoint document-powerpoint thmx, ppsx, ppt, pptm, pps, potx, pot, potm, ppsm, pptx
Text document-text csv, rtf, txt, log
Video document-video avi, mp4, mgp, mov
Visio document-visio vdx, vsx, vss, vsd, vst, vtx
Word document-word docm, dot, dotm, dotx, docx, doc
Other or unknown document-generic Any unrecognised file can be displayed with the generic icon. If there is an obvious mapping beyond the set described above, then use it - for example if a file type is definitively an image, map it to Image.

Full icon set

Actions

Icon Summary Code
Collapse all
Name:
Collapse all
Template glyph key:
action-collapseall
Use case:
Collapse all items in set, eg. an index element
 
<span class="ace-icon ace-icon-action-collapseall" title="Collapse all">Collapse all</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-collapseall",_
                                                                                                "text", "Collapse all"_
                                                                                              ))
Expand all
Name:
Expand all
Template glyph key:
action-expandall
Use case:
Expand all items in a set, eg. an index element
 
<span class="ace-icon ace-icon-action-expandall" title="Expand all">Expand all</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-expandall",_
                                                                                                "text", "Expand all"_
                                                                                              ))
Archive
Name:
Archive
Template glyph key:
action-archive
Use case:
Customer archive
 
<span class="ace-icon ace-icon-action-archive" title="Archive">Archive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-archive",_
                                                                                                "text", "Archive"_
                                                                                              ))
Download
Name:
Download
Template glyph key:
action-download
Use case:
Download in bulk
 
<span class="ace-icon ace-icon-action-download" title="Download">Download</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-download",_
                                                                                                "text", "Download"_
                                                                                              ))
Upload
Name:
Upload
Template glyph key:
action-upload
Use case:
Upload in bulk
 
<span class="ace-icon ace-icon-action-upload" title="Upload">Upload</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-upload",_
                                                                                                "text", "Upload"_
                                                                                              ))
Edit
Name:
Edit
Template glyph key:
action-edit
Use case:
Edit a document or folder
 
<span class="ace-icon ace-icon-action-edit" title="Edit">Edit</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-edit",_
                                                                                                "text", "Edit"_
                                                                                              ))
Disable
Name:
Disable
Template glyph key:
action-disable
Use case:
Disable a document or folder
 
<span class="ace-icon ace-icon-action-disable" title="Disable">Disable</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-disable",_
                                                                                                "text", "Disable"_
                                                                                              ))
Enable
Name:
Enable
Template glyph key:
action-enable
Use case:
Enable a document or folder
 
<span class="ace-icon ace-icon-action-enable" title="Enable">Enable</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-enable",_
                                                                                                "text", "Enable"_
                                                                                              ))
Copy
Name:
Copy
Template glyph key:
action-copy
Use case:
Copy a document or folder
 
<span class="ace-icon ace-icon-action-copy" title="Copy">Copy</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-copy",_
                                                                                                "text", "Copy"_
                                                                                              ))
Manage questions
Name:
Manage questions
Template glyph key:
action-managequestions
Use case:
Manage questions
 
<span class="ace-icon ace-icon-action-managequestions" title="Manage questions">Manage questions</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-managequestions",_
                                                                                                "text", "Manage questions"_
                                                                                              ))
Move
Name:
Move
Template glyph key:
action-move
Use case:
Move a document or folder
 
<span class="ace-icon ace-icon-action-move" title="Move">Move</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-move",_
                                                                                                "text", "Move"_
                                                                                              ))
Number
Name:
Number
Template glyph key:
action-number
Use case:
Renumber a document or folder
 
<span class="ace-icon ace-icon-action-number" title="Number">Number</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-number",_
                                                                                                "text", "Number"_
                                                                                              ))
Bulk email
Name:
Bulk email
Template glyph key:
action-bulkemail
Use case:
Send emails in bulk
 
<span class="ace-icon ace-icon-action-bulkemail" title="Bulk email">Bulk email</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-bulkemail",_
                                                                                                "text", "Bulk email"_
                                                                                              ))
Send invidation
Name:
Send invidation
Template glyph key:
action-sendinvite
Use case:
Send data room invites
 
<span class="ace-icon ace-icon-action-sendinvite" title="Send invidation">Send invidation</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-sendinvite",_
                                                                                                "text", "Send invidation"_
                                                                                              ))
Search
Name:
Search
Template glyph key:
action-search
Use case:
Search
 
<span class="ace-icon ace-icon-action-search" title="Search">Search</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-search",_
                                                                                                "text", "Search"_
                                                                                              ))
View
Name:
View
Template glyph key:
action-view
Use case:
To view or preview an element on interaction
 
<span class="ace-icon ace-icon-action-view" title="View">View</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-view",_
                                                                                                "text", "View"_
                                                                                              ))
Print
Name:
Print
Template glyph key:
action-print
Use case:
Print an item
 
<span class="ace-icon ace-icon-action-print" title="Print">Print</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-print",_
                                                                                                "text", "Print"_
                                                                                              ))
Remove
Name:
Remove
Template glyph key:
action-remove
Use case:
Remove a document or folder
 
<span class="ace-icon ace-icon-action-remove" title="Remove">Remove</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-remove",_
                                                                                                "text", "Remove"_
                                                                                              ))
Renumber
Name:
Renumber
Template glyph key:
action-renumber
Use case:
Repair numbering (ansarada administrator)
 
<span class="ace-icon ace-icon-action-renumber" title="Renumber">Renumber</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-renumber",_
                                                                                                "text", "Renumber"_
                                                                                              ))
Restore
Name:
Restore
Template glyph key:
action-restore
Use case:
Restore documents (ansarada administrator)
 
<span class="ace-icon ace-icon-action-restore" title="Restore">Restore</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-restore",_
                                                                                                "text", "Restore"_
                                                                                              ))
Approve answer
Name:
Approve answer
Template glyph key:
action-approveanswer
Use case:
Approve a single answer
 
<span class="ace-icon ace-icon-action-approveanswer" title="Approve answer">Approve answer</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-approveanswer",_
                                                                                                "text", "Approve answer"_
                                                                                              ))
Approve answers
Name:
Approve answers
Template glyph key:
action-approveanswers
Use case:
Approve multiple answers
 
<span class="ace-icon ace-icon-action-approveanswers" title="Approve answers">Approve answers</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-approveanswers",_
                                                                                                "text", "Approve answers"_
                                                                                              ))
Forward answer
Name:
Forward answer
Template glyph key:
action-forwardanswer
Use case:
Forward a single answer
 
<span class="ace-icon ace-icon-action-forwardanswer" title="Forward answer">Forward answer</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-forwardanswer",_
                                                                                                "text", "Forward answer"_
                                                                                              ))
Forward answers
Name:
Forward answers
Template glyph key:
action-forwardanswers
Use case:
Forward multiple answers
 
<span class="ace-icon ace-icon-action-forwardanswers" title="Forward answers">Forward answers</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-forwardanswers",_
                                                                                                "text", "Forward answers"_
                                                                                              ))
Allow
Name:
Allow
Template glyph key:
action-allow
Use case:
Allow access
 
<span class="ace-icon ace-icon-action-allow" title="Allow">Allow</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-allow",_
                                                                                                "text", "Allow"_
                                                                                              ))
Bold
Name:
Bold
Template glyph key:
action-bold
Use case:
Bold
 
<span class="ace-icon ace-icon-action-bold" title="Bold">Bold</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-bold",_
                                                                                                "text", "Bold"_
                                                                                              ))
Bold active
Name:
Bold active
Template glyph key:
action-boldactive
Use case:
Bold
 
<span class="ace-icon ace-icon-action-boldactive" title="Bold active">Bold active</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-boldactive",_
                                                                                                "text", "Bold active"_
                                                                                              ))
Italic
Name:
Italic
Template glyph key:
action-italic
Use case:
Italic
 
<span class="ace-icon ace-icon-action-italic" title="Italic">Italic</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-italic",_
                                                                                                "text", "Italic"_
                                                                                              ))
Italic active
Name:
Italic active
Template glyph key:
action-italicactive
Use case:
Italic
 
<span class="ace-icon ace-icon-action-italicactive" title="Italic active">Italic active</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-italicactive",_
                                                                                                "text", "Italic active"_
                                                                                              ))
Underline
Name:
Underline
Template glyph key:
action-underline
Use case:
Underline
 
<span class="ace-icon ace-icon-action-underline" title="Underline">Underline</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-underline",_
                                                                                                "text", "Underline"_
                                                                                              ))
Underline active
Name:
Underline active
Template glyph key:
action-underlineactive
Use case:
Underline
 
<span class="ace-icon ace-icon-action-underlineactive" title="Underline active">Underline active</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-underlineactive",_
                                                                                                "text", "Underline active"_
                                                                                              ))
List
Name:
List
Template glyph key:
action-list
Use case:
List
 
<span class="ace-icon ace-icon-action-list" title="List">List</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-list",_
                                                                                                "text", "List"_
                                                                                              ))
List active
Name:
List active
Template glyph key:
action-listactive
Use case:
List
 
<span class="ace-icon ace-icon-action-listactive" title="List active">List active</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-listactive",_
                                                                                                "text", "List active"_
                                                                                              ))

Security controls

Icon Summary Code
Save Enabled
Name:
Save Enabled
Template glyph key:
action-saveenabled
Use case:
Saving for this item is enabled
 
<span class="ace-icon ace-icon-action-saveenabled" title="Save Enabled">Save Enabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-saveenabled",_
                                                                                                "text", "Save Enabled"_
                                                                                              ))
Print Enabled
Name:
Print Enabled
Template glyph key:
action-printenabled
Use case:
Editing the item has been enabled
 
<span class="ace-icon ace-icon-action-printenabled" title="Print Enabled">Print Enabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-printenabled",_
                                                                                                "text", "Print Enabled"_
                                                                                              ))
Edit Enabled
Name:
Edit Enabled
Template glyph key:
action-editenabled
Use case:
Downloading the item has been enabled
 
<span class="ace-icon ace-icon-action-editenabled" title="Edit Enabled">Edit Enabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-editenabled",_
                                                                                                "text", "Edit Enabled"_
                                                                                              ))
Copy Enabled
Name:
Copy Enabled
Template glyph key:
action-copyenabled
Use case:
Copying the item has been enabled
 
<span class="ace-icon ace-icon-action-copyenabled" title="Copy Enabled">Copy Enabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-copyenabled",_
                                                                                                "text", "Copy Enabled"_
                                                                                              ))
Save Disabled
Name:
Save Disabled
Template glyph key:
action-savedisabled
Use case:
Saving for this item is disabled
 
<span class="ace-icon ace-icon-action-savedisabled" title="Save Disabled">Save Disabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-savedisabled",_
                                                                                                "text", "Save Disabled"_
                                                                                              ))
Print Disabled
Name:
Print Disabled
Template glyph key:
action-printdisabled
Use case:
Editing the item has been disabled
 
<span class="ace-icon ace-icon-action-printdisabled" title="Print Disabled">Print Disabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-printdisabled",_
                                                                                                "text", "Print Disabled"_
                                                                                              ))
Edit Disabled
Name:
Edit Disabled
Template glyph key:
action-editdisabled
Use case:
Downloading the item has been disabled
 
<span class="ace-icon ace-icon-action-editdisabled" title="Edit Disabled">Edit Disabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-editdisabled",_
                                                                                                "text", "Edit Disabled"_
                                                                                              ))
Copy Disabled
Name:
Copy Disabled
Template glyph key:
action-copydisabled
Use case:
Copying the item has been disabled
 
<span class="ace-icon ace-icon-action-copydisabled" title="Copy Disabled">Copy Disabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-copydisabled",_
                                                                                                "text", "Copy Disabled"_
                                                                                              ))
Save Inactive
Name:
Save Inactive
Template glyph key:
action-saveinactive
Use case:
Saving for this item is inactive
 
<span class="ace-icon ace-icon-action-saveinactive" title="Save Inactive">Save Inactive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-saveinactive",_
                                                                                                "text", "Save Inactive"_
                                                                                              ))
Print Inactive
Name:
Print Inactive
Template glyph key:
action-printinactive
Use case:
Editing the item has been inactive
 
<span class="ace-icon ace-icon-action-printinactive" title="Print Inactive">Print Inactive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-printinactive",_
                                                                                                "text", "Print Inactive"_
                                                                                              ))
Edit Inactive
Name:
Edit Inactive
Template glyph key:
action-editinactive
Use case:
Downloading the item has been inactive
 
<span class="ace-icon ace-icon-action-editinactive" title="Edit Inactive">Edit Inactive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-editinactive",_
                                                                                                "text", "Edit Inactive"_
                                                                                              ))
Copy Inactive
Name:
Copy Inactive
Template glyph key:
action-copyinactive
Use case:
Copying the item has been inactive
 
<span class="ace-icon ace-icon-action-copyinactive" title="Copy Inactive">Copy Inactive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "action-copyinactive",_
                                                                                                "text", "Copy Inactive"_
                                                                                              ))

Add

Icon Summary Code
Add attachment
Name:
Add attachment
Template glyph key:
add-attachment
Use case:
Add an attachment
 
<span class="ace-icon ace-icon-add-attachment" title="Add attachment">Add attachment</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-attachment",_
                                                                                                "text", "Add attachment"_
                                                                                              ))
Add document
Name:
Add document
Template glyph key:
add-document
Use case:
Add a document
 
<span class="ace-icon ace-icon-add-document" title="Add document">Add document</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-document",_
                                                                                                "text", "Add document"_
                                                                                              ))
Add folder
Name:
Add folder
Template glyph key:
add-folder
Use case:
Add a folder
 
<span class="ace-icon ace-icon-add-folder" title="Add folder">Add folder</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-folder",_
                                                                                                "text", "Add folder"_
                                                                                              ))
Add generic
Name:
Add generic
Template glyph key:
add-generic
Use case:
Add an item
 
<span class="ace-icon ace-icon-add-generic" title="Add generic">Add generic</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-generic",_
                                                                                                "text", "Add generic"_
                                                                                              ))
Add subject
Name:
Add subject
Template glyph key:
add-subject
Use case:
Add a question subject
 
<span class="ace-icon ace-icon-add-subject" title="Add subject">Add subject</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-subject",_
                                                                                                "text", "Add subject"_
                                                                                              ))
Add subject group
Name:
Add subject group
Template glyph key:
add-subjectgroup
Use case:
Add a question subject group
 
<span class="ace-icon ace-icon-add-subjectgroup" title="Add subject group">Add subject group</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-subjectgroup",_
                                                                                                "text", "Add subject group"_
                                                                                              ))
Add security
Name:
Add security
Template glyph key:
add-security
Use case:
Add security to a document or folder
 
<span class="ace-icon ace-icon-add-security" title="Add security">Add security</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-security",_
                                                                                                "text", "Add security"_
                                                                                              ))
Add policy
Name:
Add policy
Template glyph key:
add-policy
Use case:
Add a security policy
 
<span class="ace-icon ace-icon-add-policy" title="Add policy">Add policy</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-policy",_
                                                                                                "text", "Add policy"_
                                                                                              ))
Add watermark
Name:
Add watermark
Template glyph key:
add-watermark
Use case:
Add a watermark
 
<span class="ace-icon ace-icon-add-watermark" title="Add watermark">Add watermark</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-watermark",_
                                                                                                "text", "Add watermark"_
                                                                                              ))
Add buyside
Name:
Add buyside
Template glyph key:
add-buyside
Use case:
Add someone to the buy side
 
<span class="ace-icon ace-icon-add-buyside" title="Add buyside">Add buyside</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-buyside",_
                                                                                                "text", "Add buyside"_
                                                                                              ))
Add sellside
Name:
Add sellside
Template glyph key:
add-sellside
Use case:
Add someone to the sell side
 
<span class="ace-icon ace-icon-add-sellside" title="Add sellside">Add sellside</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "add-sellside",_
                                                                                                "text", "Add sellside"_
                                                                                              ))
Icon Summary Code
Menu
Name:
Menu
Template glyph key:
control-menunavigation
Use case:
Navigation menu. Used when the actions in the menu take the user to another view.
 
<span class="ace-icon ace-icon-control-menunavigation" title="Menu">Menu</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-menunavigation",_
                                                                                                "text", "Menu"_
                                                                                              ))
Menu
Name:
Menu
Template glyph key:
control-menucontextual
Use case:
Contextual menu. Used when the actions in the menu are contextually relevant to the placement of the control.
 
<span class="ace-icon ace-icon-control-menucontextual" title="Menu">Menu</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-menucontextual",_
                                                                                                "text", "Menu"_
                                                                                              ))
Menu (generic)
Name:
Menu (generic)
Template glyph key:
control-menu
Use case:
Generic Actions menu. Use only when the menu is neither a navigation or contextual menu.
 
<span class="ace-icon ace-icon-control-menu" title="Menu (generic)">Menu (generic)</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-menu",_
                                                                                                "text", "Menu (generic)"_
                                                                                              ))

Controls

Icon Summary Code
Close
Name:
Close
Template glyph key:
control-close
Use case:
Close or cancel
 
<span class="ace-icon ace-icon-control-close" title="Close">Close</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-close",_
                                                                                                "text", "Close"_
                                                                                              ))
Filter
Name:
Filter
Template glyph key:
control-filter
Use case:
Filter a set of results, eg. the index element
 
<span class="ace-icon ace-icon-control-filter" title="Filter">Filter</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-filter",_
                                                                                                "text", "Filter"_
                                                                                              ))
Expanded
Name:
Expanded
Template glyph key:
control-expanded
Use case:
Expanded folder
 
<span class="ace-icon ace-icon-control-expanded" title="Expanded">Expanded</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-expanded",_
                                                                                                "text", "Expanded"_
                                                                                              ))
Collapsed
Name:
Collapsed
Template glyph key:
control-collapsed
Use case:
Collapsed folder
 
<span class="ace-icon ace-icon-control-collapsed" title="Collapsed">Collapsed</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-collapsed",_
                                                                                                "text", "Collapsed"_
                                                                                              ))
Collapsed light
Name:
Collapsed light
Template glyph key:
control-collapsedlight
Use case:
Collapsed folder
 
<span class="ace-icon ace-icon-control-collapsedlight" title="Collapsed light">Collapsed light</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-collapsedlight",_
                                                                                                "text", "Collapsed light"_
                                                                                              ))
Arrow down
Name:
Arrow down
Template glyph key:
control-arrowdown
Use case:
Down arrow used to indicate a menu
 
<span class="ace-icon ace-icon-control-arrowdown" title="Arrow down">Arrow down</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-arrowdown",_
                                                                                                "text", "Arrow down"_
                                                                                              ))
Arrow up
Name:
Arrow up
Template glyph key:
control-arrowup
Use case:
Up arrow
 
<span class="ace-icon ace-icon-control-arrowup" title="Arrow up">Arrow up</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-arrowup",_
                                                                                                "text", "Arrow up"_
                                                                                              ))
Arrow left
Name:
Arrow left
Template glyph key:
control-arrowleft
Use case:
Left arrow
 
<span class="ace-icon ace-icon-control-arrowleft" title="Arrow left">Arrow left</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-arrowleft",_
                                                                                                "text", "Arrow left"_
                                                                                              ))
Arrow right
Name:
Arrow right
Template glyph key:
control-arrowright
Use case:
Right arrow
 
<span class="ace-icon ace-icon-control-arrowright" title="Arrow right">Arrow right</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-arrowright",_
                                                                                                "text", "Arrow right"_
                                                                                              ))
Off
Name:
Off
Template glyph key:
control-off
Use case:
Off indicator (used in toggle)
 
<span class="ace-icon ace-icon-control-off" title="Off">Off</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-off",_
                                                                                                "text", "Off"_
                                                                                              ))
On
Name:
On
Template glyph key:
control-on
Use case:
On indicator (used in toggle)
 
<span class="ace-icon ace-icon-control-on" title="On">On</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-on",_
                                                                                                "text", "On"_
                                                                                              ))
Close
Name:
Close
Template glyph key:
control-closesmall
Use case:
Small version of the icon, used within lozenges to close and form fields to clear information
 
<span class="ace-icon ace-icon-control-closesmall" title="Close">Close</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-closesmall",_
                                                                                                "text", "Close"_
                                                                                              ))
Sort up
Name:
Sort up
Template glyph key:
control-sortup
Use case:
Sorting up used in new question list table
 
<span class="ace-icon ace-icon-control-sortup" title="Sort up">Sort up</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-sortup",_
                                                                                                "text", "Sort up"_
                                                                                              ))
Sort down
Name:
Sort down
Template glyph key:
control-sortdown
Use case:
Sorting down used in new question list table
 
<span class="ace-icon ace-icon-control-sortdown" title="Sort down">Sort down</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "control-sortdown",_
                                                                                                "text", "Sort down"_
                                                                                              ))

Documents

Icon Summary Code
Acrobat
Name:
Acrobat
Template glyph key:
document-acrobat
Use case:
Acrobat files and templates
 
<span class="ace-icon ace-icon-document-acrobat" title="Acrobat">Acrobat</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-acrobat",_
                                                                                                "text", "Acrobat"_
                                                                                              ))
Archive
Name:
Archive
Template glyph key:
document-archive
Use case:
Compressed archives
 
<span class="ace-icon ace-icon-document-archive" title="Archive">Archive</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-archive",_
                                                                                                "text", "Archive"_
                                                                                              ))
Audio
Name:
Audio
Template glyph key:
document-audio
Use case:
Audio files
 
<span class="ace-icon ace-icon-document-audio" title="Audio">Audio</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-audio",_
                                                                                                "text", "Audio"_
                                                                                              ))
Code
Name:
Code
Template glyph key:
document-code
Use case:
Code or source files
 
<span class="ace-icon ace-icon-document-code" title="Code">Code</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-code",_
                                                                                                "text", "Code"_
                                                                                              ))
Contact
Name:
Contact
Template glyph key:
document-contact
Use case:
Contact information files
 
<span class="ace-icon ace-icon-document-contact" title="Contact">Contact</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-contact",_
                                                                                                "text", "Contact"_
                                                                                              ))
Email
Name:
Email
Template glyph key:
document-email
Use case:
Email files
 
<span class="ace-icon ace-icon-document-email" title="Email">Email</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-email",_
                                                                                                "text", "Email"_
                                                                                              ))
Excel
Name:
Excel
Template glyph key:
document-excel
Use case:
Excel files and templates
 
<span class="ace-icon ace-icon-document-excel" title="Excel">Excel</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-excel",_
                                                                                                "text", "Excel"_
                                                                                              ))
Generic
Name:
Generic
Template glyph key:
document-generic
Use case:
Generic or unknown documents
 
<span class="ace-icon ace-icon-document-generic" title="Generic">Generic</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-generic",_
                                                                                                "text", "Generic"_
                                                                                              ))
Image
Name:
Image
Template glyph key:
document-image
Use case:
Image files
 
<span class="ace-icon ace-icon-document-image" title="Image">Image</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-image",_
                                                                                                "text", "Image"_
                                                                                              ))
Layout and design
Name:
Layout and design
Template glyph key:
document-layoutanddesign
Use case:
Layout and design files
 
<span class="ace-icon ace-icon-document-layoutanddesign" title="Layout and design">Layout and design</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-layoutanddesign",_
                                                                                                "text", "Layout and design"_
                                                                                              ))
Powerpoint
Name:
Powerpoint
Template glyph key:
document-powerpoint
Use case:
Powerpoint files and templates
 
<span class="ace-icon ace-icon-document-powerpoint" title="Powerpoint">Powerpoint</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-powerpoint",_
                                                                                                "text", "Powerpoint"_
                                                                                              ))
Text
Name:
Text
Template glyph key:
document-text
Use case:
Rich and plain text files
 
<span class="ace-icon ace-icon-document-text" title="Text">Text</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-text",_
                                                                                                "text", "Text"_
                                                                                              ))
Video
Name:
Video
Template glyph key:
document-video
Use case:
Video files
 
<span class="ace-icon ace-icon-document-video" title="Video">Video</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-video",_
                                                                                                "text", "Video"_
                                                                                              ))
Visio
Name:
Visio
Template glyph key:
document-visio
Use case:
Visio files and templates
 
<span class="ace-icon ace-icon-document-visio" title="Visio">Visio</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-visio",_
                                                                                                "text", "Visio"_
                                                                                              ))
Word
Name:
Word
Template glyph key:
document-word
Use case:
Word files and templates
 
<span class="ace-icon ace-icon-document-word" title="Word">Word</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "document-word",_
                                                                                                "text", "Word"_
                                                                                              ))

Objects

Icon Summary Code
Sellside
Name:
Sellside
Template glyph key:
objects-sellside
Use case:
Sell side person
 
<span class="ace-icon ace-icon-objects-sellside" title="Sellside">Sellside</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-sellside",_
                                                                                                "text", "Sellside"_
                                                                                              ))
Sellside group
Name:
Sellside group
Template glyph key:
objects-sellsidegroup
Use case:
Sell side group
 
<span class="ace-icon ace-icon-objects-sellsidegroup" title="Sellside group">Sellside group</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-sellsidegroup",_
                                                                                                "text", "Sellside group"_
                                                                                              ))
Buyside
Name:
Buyside
Template glyph key:
objects-buyside
Use case:
Buy side person
 
<span class="ace-icon ace-icon-objects-buyside" title="Buyside">Buyside</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-buyside",_
                                                                                                "text", "Buyside"_
                                                                                              ))
Buyside group
Name:
Buyside group
Template glyph key:
objects-buysidegroup
Use case:
Buy side group
 
<span class="ace-icon ace-icon-objects-buysidegroup" title="Buyside group">Buyside group</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-buysidegroup",_
                                                                                                "text", "Buyside group"_
                                                                                              ))
Administrator
Name:
Administrator
Template glyph key:
objects-administrator
Use case:
Administrator
 
<span class="ace-icon ace-icon-objects-administrator" title="Administrator">Administrator</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-administrator",_
                                                                                                "text", "Administrator"_
                                                                                              ))
Security
Name:
Security
Template glyph key:
objects-security
Use case:
Security
 
<span class="ace-icon ace-icon-objects-security" title="Security">Security</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-security",_
                                                                                                "text", "Security"_
                                                                                              ))
Policy
Name:
Policy
Template glyph key:
objects-policy
Use case:
Security policy
 
<span class="ace-icon ace-icon-objects-policy" title="Policy">Policy</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-policy",_
                                                                                                "text", "Policy"_
                                                                                              ))
Watermark
Name:
Watermark
Template glyph key:
objects-watermark
Use case:
Watermark
 
<span class="ace-icon ace-icon-objects-watermark" title="Watermark">Watermark</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-watermark",_
                                                                                                "text", "Watermark"_
                                                                                              ))
Question
Name:
Question
Template glyph key:
objects-question
Use case:
Question
 
<span class="ace-icon ace-icon-objects-question" title="Question">Question</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-question",_
                                                                                                "text", "Question"_
                                                                                              ))
Subject
Name:
Subject
Template glyph key:
objects-subject
Use case:
Question subject
 
<span class="ace-icon ace-icon-objects-subject" title="Subject">Subject</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-subject",_
                                                                                                "text", "Subject"_
                                                                                              ))
Subject group
Name:
Subject group
Template glyph key:
objects-subjectgroup
Use case:
Question subject group
 
<span class="ace-icon ace-icon-objects-subjectgroup" title="Subject group">Subject group</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-subjectgroup",_
                                                                                                "text", "Subject group"_
                                                                                              ))
Answer
Name:
Answer
Template glyph key:
objects-answer
Use case:
Answer
 
<span class="ace-icon ace-icon-objects-answer" title="Answer">Answer</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-answer",_
                                                                                                "text", "Answer"_
                                                                                              ))
Submission limits
Name:
Submission limits
Template glyph key:
objects-submissionlimits
Use case:
Submission limits for questions
 
<span class="ace-icon ace-icon-objects-submissionlimits" title="Submission limits">Submission limits</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-submissionlimits",_
                                                                                                "text", "Submission limits"_
                                                                                              ))
Report
Name:
Report
Template glyph key:
objects-report
Use case:
Report in HTML format
 
<span class="ace-icon ace-icon-objects-report" title="Report">Report</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-report",_
                                                                                                "text", "Report"_
                                                                                              ))
Settings
Name:
Settings
Template glyph key:
objects-settings
Use case:
Administration
 
<span class="ace-icon ace-icon-objects-settings" title="Settings">Settings</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-settings",_
                                                                                                "text", "Settings"_
                                                                                              ))
Folder
Name:
Folder
Template glyph key:
objects-folder
Use case:
Folder
 
<span class="ace-icon ace-icon-objects-folder" title="Folder">Folder</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-folder",_
                                                                                                "text", "Folder"_
                                                                                              ))
Folder
Name:
Folder
Template glyph key:
objects-folderroot
Use case:
Root Folder
 
<span class="ace-icon ace-icon-objects-folderroot" title="Folder">Folder</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-folderroot",_
                                                                                                "text", "Folder"_
                                                                                              ))
Empty folder
Name:
Empty folder
Template glyph key:
objects-emptyfolder
Use case:
Empty folder
 
<span class="ace-icon ace-icon-objects-emptyfolder" title="Empty folder">Empty folder</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-emptyfolder",_
                                                                                                "text", "Empty folder"_
                                                                                              ))
Date
Name:
Date
Template glyph key:
objects-date
Use case:
Date selection
 
<span class="ace-icon ace-icon-objects-date" title="Date">Date</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-date",_
                                                                                                "text", "Date"_
                                                                                              ))
History
Name:
History
Template glyph key:
objects-history
Use case:
History
 
<span class="ace-icon ace-icon-objects-history" title="History">History</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-history",_
                                                                                                "text", "History"_
                                                                                              ))
Language
Name:
Language
Template glyph key:
objects-language
Use case:
Language selection
 
<span class="ace-icon ace-icon-objects-language" title="Language">Language</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-language",_
                                                                                                "text", "Language"_
                                                                                              ))
Colour
Name:
Colour
Template glyph key:
objects-colour
Use case:
Colour selection
 
<span class="ace-icon ace-icon-objects-colour" title="Colour">Colour</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-colour",_
                                                                                                "text", "Colour"_
                                                                                              ))
Cloud
Name:
Cloud
Template glyph key:
objects-cloud
Use case:
Colour selection
 
<span class="ace-icon ace-icon-objects-cloud" title="Cloud">Cloud</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-cloud",_
                                                                                                "text", "Cloud"_
                                                                                              ))
User group
Name:
User group
Template glyph key:
objects-usergroup
Use case:
User group
 
<span class="ace-icon ace-icon-objects-usergroup" title="User group">User group</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-usergroup",_
                                                                                                "text", "User group"_
                                                                                              ))
Comment
Name:
Comment
Template glyph key:
objects-comment
Use case:
Comment
 
<span class="ace-icon ace-icon-objects-comment" title="Comment">Comment</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-comment",_
                                                                                                "text", "Comment"_
                                                                                              ))
Actions
Name:
Actions
Template glyph key:
objects-actions
Use case:
Indicates a set of available actions
 
<span class="ace-icon ace-icon-objects-actions" title="Actions">Actions</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-actions",_
                                                                                                "text", "Actions"_
                                                                                              ))
Arrow indent
Name:
Arrow indent
Template glyph key:
objects-arrowindent
Use case:
This icon indicates a child of the entity shown directly above it. It should not be used for any other use than to indicate a hierarchical relationship. For example, it could be used to indicate a sub-team of a team in Rooms.
 
<span class="ace-icon ace-icon-objects-arrowindent" title="Arrow indent">Arrow indent</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-arrowindent",_
                                                                                                "text", "Arrow indent"_
                                                                                              ))
Chevron right
Name:
Chevron right
Template glyph key:
objects-chevronright
Use case:
Indicates a deeper level of hierarchy. For example: a dropdown component, where it would open a set of options. In a breadcrumb flow to show child items. Note: It is intended to support text and should not be used as a stand alone icon.
 
<span class="ace-icon ace-icon-objects-chevronright" title="Chevron right">Chevron right</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-chevronright",_
                                                                                                "text", "Chevron right"_
                                                                                              ))
Chevron down
Name:
Chevron down
Template glyph key:
objects-chevrondown
Use case:
Chevron down
 
<span class="ace-icon ace-icon-objects-chevrondown" title="Chevron down">Chevron down</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-chevrondown",_
                                                                                                "text", "Chevron down"_
                                                                                              ))
Workflow
Name:
Workflow
Template glyph key:
objects-workflow
Use case:
Workflow
 
<span class="ace-icon ace-icon-objects-workflow" title="Workflow">Workflow</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-workflow",_
                                                                                                "text", "Workflow"_
                                                                                              ))

Objects Q&A roles

Icon Summary Code
Answer approver
Name:
Answer approver
Template glyph key:
objects-answerapprover
Use case:
Answer approver (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-answerapprover" title="Answer approver">Answer approver</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-answerapprover",_
                                                                                                "text", "Answer approver"_
                                                                                              ))
Answer author
Name:
Answer author
Template glyph key:
objects-answerauthor
Use case:
Answer author (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-answerauthor" title="Answer author">Answer author</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-answerauthor",_
                                                                                                "text", "Answer author"_
                                                                                              ))
QnA administrator
Name:
QnA administrator
Template glyph key:
objects-qnaadministrator
Use case:
QnA administrator (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-qnaadministrator" title="QnA administrator">QnA administrator</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-qnaadministrator",_
                                                                                                "text", "QnA administrator"_
                                                                                              ))
QnA observer
Name:
QnA observer
Template glyph key:
objects-qnaobserver
Use case:
QnA observer (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-qnaobserver" title="QnA observer">QnA observer</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-qnaobserver",_
                                                                                                "text", "QnA observer"_
                                                                                              ))
question approver
Name:
question approver
Template glyph key:
objects-questionapprover
Use case:
Question approver (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-questionapprover" title="question approver">question approver</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-questionapprover",_
                                                                                                "text", "question approver"_
                                                                                              ))
question author
Name:
question author
Template glyph key:
objects-questionauthor
Use case:
Question author (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-questionauthor" title="question author">question author</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-questionauthor",_
                                                                                                "text", "question author"_
                                                                                              ))
question viewer
Name:
question viewer
Template glyph key:
objects-questionviewer
Use case:
Question viewer (note the icon size should be set to xlarge when using this icon)
 
<span class="ace-icon ace-icon-objects-questionviewer" title="question viewer">question viewer</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "objects-questionviewer",_
                                                                                                "text", "question viewer"_
                                                                                              ))

Status

Icon Summary Code
Information
Name:
Information
Template glyph key:
status-information
Use case:
Information message
 
<span class="ace-icon ace-icon-status-information" title="Information">Information</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-information",_
                                                                                                "text", "Information"_
                                                                                              ))
Success
Name:
Success
Template glyph key:
status-success
Use case:
Success message
 
<span class="ace-icon ace-icon-status-success" title="Success">Success</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-success",_
                                                                                                "text", "Success"_
                                                                                              ))
Caution
Name:
Caution
Template glyph key:
status-caution
Use case:
Caution message
 
<span class="ace-icon ace-icon-status-caution" title="Caution">Caution</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-caution",_
                                                                                                "text", "Caution"_
                                                                                              ))
status-error
Name:
Error
Template glyph key:
status-error
Use case:
Error message (must always be displayed on Fuchsia)
 
<span class="ace-icon ace-icon-status-error" title="Error">Error</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-error",_
                                                                                                "text", "Error"_
                                                                                              ))
Help
Name:
Help
Template glyph key:
status-help
Use case:
Help message
 
<span class="ace-icon ace-icon-status-help" title="Help">Help</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-help",_
                                                                                                "text", "Help"_
                                                                                              ))
Not viewed
Name:
Not viewed
Template glyph key:
status-notviewed
Use case:
Document not viewed
 
<span class="ace-icon ace-icon-status-notviewed" title="Not viewed">Not viewed</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-notviewed",_
                                                                                                "text", "Not viewed"_
                                                                                              ))
Added
Name:
Added
Template glyph key:
status-added
Use case:
Document added
 
<span class="ace-icon ace-icon-status-added" title="Added">Added</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-added",_
                                                                                                "text", "Added"_
                                                                                              ))
No
Name:
No
Template glyph key:
status-no
Use case:
Setting is off. Icon aka "Nup". Default display size is large.
 
<span class="ace-icon ace-icon-status-no" title="No">No</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-no",_
                                                                                                "text", "No"_
                                                                                              ))
Yes
Name:
Yes
Template glyph key:
status-yes
Use case:
Setting is on. Default display size is large.
 
<span class="ace-icon ace-icon-status-yes" title="Yes">Yes</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-yes",_
                                                                                                "text", "Yes"_
                                                                                              ))
Disabled
Name:
Disabled
Template glyph key:
status-disabled
Use case:
Document or folder is disabled
 
<span class="ace-icon ace-icon-status-disabled" title="Disabled">Disabled</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-disabled",_
                                                                                                "text", "Disabled"_
                                                                                              ))
Email not sent
Name:
Email not sent
Template glyph key:
status-emailnotsent
Use case:
Invite not sent
 
<span class="ace-icon ace-icon-status-emailnotsent" title="Email not sent">Email not sent</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-emailnotsent",_
                                                                                                "text", "Email not sent"_
                                                                                              ))
Email sent
Name:
Email sent
Template glyph key:
status-emailsent
Use case:
Invite sent
 
<span class="ace-icon ace-icon-status-emailsent" title="Email sent">Email sent</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-emailsent",_
                                                                                                "text", "Email sent"_
                                                                                              ))
Priority low
Name:
Priority low
Template glyph key:
status-prioritylow
Use case:
Low priority
 
<span class="ace-icon ace-icon-status-prioritylow" title="Priority low">Priority low</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-prioritylow",_
                                                                                                "text", "Priority low"_
                                                                                              ))
Priority medium
Name:
Priority medium
Template glyph key:
status-prioritymedium
Use case:
Medium priority
 
<span class="ace-icon ace-icon-status-prioritymedium" title="Priority medium">Priority medium</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-prioritymedium",_
                                                                                                "text", "Priority medium"_
                                                                                              ))
Priority high
Name:
Priority high
Template glyph key:
status-priorityhigh
Use case:
High priority
 
<span class="ace-icon ace-icon-status-priorityhigh" title="Priority high">Priority high</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-priorityhigh",_
                                                                                                "text", "Priority high"_
                                                                                              ))
Awaiting action
Name:
Awaiting action
Template glyph key:
status-awaitingaction
Use case:
Awaiting my action
 
<span class="ace-icon ace-icon-status-awaitingaction" title="Awaiting action">Awaiting action</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-awaitingaction",_
                                                                                                "text", "Awaiting action"_
                                                                                              ))
Swatch
Name:
Swatch
Template glyph key:
status-swatch
Use case:
Colour watch for groups
 
<span class="ace-icon ace-icon-status-swatch" title="Swatch">Swatch</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-swatch",_
                                                                                                "text", "Swatch"_
                                                                                              ))
Loading
Name:
Loading
Template glyph key:
status-loading
Use case:
Loading (draft)
 
<span class="ace-icon ace-icon-status-loading" title="Loading">Loading</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-loading",_
                                                                                                "text", "Loading"_
                                                                                              ))
Secure
Name:
Secure
Template glyph key:
status-secure
Use case:
A document with locked security
 
<span class="ace-icon ace-icon-status-secure" title="Secure">Secure</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-secure",_
                                                                                                "text", "Secure"_
                                                                                              ))
Unsecure
Name:
Unsecure
Template glyph key:
status-unsecure
Use case:
A document with unlocked security
 
<span class="ace-icon ace-icon-status-unsecure" title="Unsecure">Unsecure</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-unsecure",_
                                                                                                "text", "Unsecure"_
                                                                                              ))
Low Priority
Name:
Low Priority
Template glyph key:
status-lowpriority
Use case:
Priority low in new question list table
 
<span class="ace-icon ace-icon-status-lowpriority" title="Low Priority">Low Priority</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-lowpriority",_
                                                                                                "text", "Low Priority"_
                                                                                              ))
Medium Priority
Name:
Medium Priority
Template glyph key:
status-mediumpriority
Use case:
Priority medium in new question list table
 
<span class="ace-icon ace-icon-status-mediumpriority" title="Medium Priority">Medium Priority</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-mediumpriority",_
                                                                                                "text", "Medium Priority"_
                                                                                              ))
High Priority
Name:
High Priority
Template glyph key:
status-highpriority
Use case:
Priority high in new question list table
 
<span class="ace-icon ace-icon-status-highpriority" title="High Priority">High Priority</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "status-highpriority",_
                                                                                                "text", "High Priority"_
                                                                                              ))

Integrations

Icon Summary Code
Kira
Name:
Kira
Template glyph key:
integration-kirasystems
Use case:
Kira
 
<span class="ace-icon ace-icon-integration-kirasystems" title="Kira">Kira</span>

                                                                                              ace.icon(Array(_
                                                                                                "glyph", "integration-kirasystems",_
                                                                                                "text", "Kira"_
                                                                                              ))