@@ -174,7 +174,7 @@ site whenever it would useful to give users a quick visual cue.
Starting with version 4.7, CiviCRM's primary icon system is [Font Awesome](http://fontawesome.io/), an
open-source icon font. Font Awesome 4.4 is shipped with CiviCRM 4.7,
and any of the [Font Awesome icons](http://fontawesome.io/icons/)
and any of the [Font Awesome icons](https://fontawesome.com/v4.7.0/icons/)
can be included with an element with the classes `crm-i` and the
`fa-...` class corresponding to the icon.
...
...
@@ -204,38 +204,38 @@ used:
| Class | Meaning within CiviCRM | Compare with |
| -- | -- | -- |
| [`.fa-arrows`](http://fontawesome.io/icon/arrows) | move something (anywhere) | [`.fa-chevron-left`](http://fontawesome.io/icon/chevron-left) and [`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) to advance through a series |
| [`.fa-bars`](http://fontawesome.io/icon/bars) | open a menu of options | [`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) to advance to the next thing<br/><br/>[`.fa-expand`](http://fontawesome.io/icon/expand) to make something full-screen |
| [`.fa-bell-o`](http://fontawesome.io/icon/bell-o) | sound alarms | [`.fa-paper-plane`](http://fontawesome.io/icon/paper-plane) to send an email notification<br/><br/>[`.fa-exclamation-triangle`](http://fontawesome.io/icon/exclamation-triangle) to highlight something dangerous |
| [`.fa-bell-slash-o`](http://fontawesome.io/icon/bell-slash-o) | hush alarms | [`.fa-times`](http://fontawesome.io/icon/times) to cancel something<br/><br/>[`.fa-user-secret`](http://fontawesome.io/icon/user-secret) to cloak identity |
| [`.fa-bolt`](http://fontawesome.io/icon/bolt) | execute something forcefully | [`.fa-floppy-o`](http://fontawesome.io/icon/floppy-o) to save something normally<br/><br/>[`.fa-check`](http://fontawesome.io/icon/check) to agree to something innocuous<br/><br/>[`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) to advance to the next step<br/><br/>[`.fa-trash`](http://fontawesome.io/icon/trash) to delete something<br/><br/>[`.fa-undo`](http://fontawesome.io/icon/undo) to revert to something |
| [`.fa-check`](http://fontawesome.io/icon/check) | complete something | [`.fa-times`](http://fontawesome.io/icon/times) to close out without doing anything<br/><br/>[`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) to advance to the next step<br/><br/>[`.fa-flag-checkered`](http://fontawesome.io/icon/flag-checkered) to complete something major<br/><br/>[`.fa-rocket`](http://fontawesome.io/icon/rocket) to agree to start something big<br/><br/>[`.fa-bolt`](http://fontawesome.io/icon/bolt) to execute something bold |
| [`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) | advance to the next thing | [`.fa-check`](http://fontawesome.io/icon/check) to complete something<br/><br/>[`.fa-rocket`](http://fontawesome.io/icon/rocket) to start an epic journey |
| [`.fa-chevron-left`](http://fontawesome.io/icon/chevron-left) | go back | [`.fa-times`](http://fontawesome.io/icon/times) to cancel the process<br/><br/>[`.fa-undo`](http://fontawesome.io/icon/undo) to revert what was done |
| [`.fa-clipboard`](http://fontawesome.io/icon/clipboard) | paste something, or file onto a case | |
| [`.fa-clock-o`](http://fontawesome.io/icon/clock-o) | schedule something | [`.fa-history`](http://fontawesome.io/icon/history) to roll back the clock<br/><br/>[`.fa-calendar`](http://fontawesome.io/icon/calendar) to display dates<br/><br/>[`.fa-birthday-cake`](http://fontawesome.io/icon/birthday-cake) to schedule a celebration |
| [`.fa-compress`](http://fontawesome.io/icon/compress) | make a UI element smaller, or merge two things together | |
| [`.fa-envelope`](http://fontawesome.io/icon/envelope) | do something about email other than actually sending it *(use judiciously when within CiviMail, where everything is about email)* | [`.fa-paper-plane`](http://fontawesome.io/icon/paper-plane) to actually send an email<br/><br/>[`.fa-pencil`](http://fontawesome.io/icon/pencil) to edit a value |
| [`.fa-exclamation-triangle`](http://fontawesome.io/icon/exclamation-triangle) | provide a warning | [`.fa-info-circle`](http://fontawesome.io/icon/info-circle) to give information<br/><br/>[`.fa-lightbulb-o`](http://fontawesome.io/icon/lightbulb-o) to highlight a tip or suggestion |
| [`.fa-expand`](http://fontawesome.io/icon/expand) | make a UI element bigger | |
| [`.fa-flag-checkered`](http://fontawesome.io/icon/flag-checkered) | complete a multi-step action | [`.fa-trophy`](http://fontawesome.io/icon/trophy) to award a prize<br/><br/>[`.fa-check`](http://fontawesome.io/icon/check) to finish something quick |
| [`.fa-floppy-o`](http://fontawesome.io/icon/floppy-o) | save without advancing | [`.fa-check`](http://fontawesome.io/icon/check) to save and complete<br/><br/>[`.fa-pencil`](http://fontawesome.io/icon/pencil) to start editing a value |
| [`.fa-info-circle`](http://fontawesome.io/icon/info-circle) | highlight information | [`.fa-lightbulb-o`](http://fontawesome.io/icon/lightbulb-o) to highlight a tip or suggestion<br/><br/>[`.fa-exclamation-triangle`](http://fontawesome.io/icon/exclamation-triangle) to highlight a danger |
| [`.fa-lightbulb-o`](http://fontawesome.io/icon/lightbulb-o) | an idea to consider | [`.fa-bolt`](http://fontawesome.io/icon/bolt) to execute something bold<br/><br/>[`.fa-info-circle`](http://fontawesome.io/icon/info-circle) to provide normative information<br/><br/>[`.fa-exclamation-triangle`](http://fontawesome.io/icon/exclamation-triangle) to highlight a danger |
| [`.fa-list-alt`](http://fontawesome.io/icon/list-alt) | display the details of something | [`.fa-television`](http://fontawesome.io/icon/television) to preview something<br/><br/>[`.fa-expand`](http://fontawesome.io/icon/expand) and [`.fa-compress`](http://fontawesome.io/icon/compress) to make something full-screen or a window
| [`.fa-paper-plane`](http://fontawesome.io/icon/paper-plane) | send something | [`.fa-envelope`](http://fontawesome.io/icon/envelope) to do something else about email<br/><br/>[`.fa-check`](http://fontawesome.io/icon/check), [`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right), [`.fa-bolt`](http://fontawesome.io/icon/bolt), [`.fa-rocket`](http://fontawesome.io/icon/rocket) or others if you are doing an action that does not send a message immediately<br/><br/>[`.fa-fax`](http://fontawesome.io/icon/fax) to send something on curly paper |
| [`.fa-pencil`](http://fontawesome.io/icon/pencil) | edit a value | [`.fa-wrench`](http://fontawesome.io/icon/wrench) to edit configuration<br/><br/>[`.fa-floppy-o`](http://fontawesome.io/icon/floppy-o) to save a value |
| [`.fa-plus-circle`](http://fontawesome.io/icon/plus-circle) | add a new item | *if you have several of these side-by-side, try to provide more illustrative icons for what you're adding*<br/><br/>[`.fa-bolt`](http://fontawesome.io/icon/bolt) to force a new thing |
| [`.fa-rocket`](http://fontawesome.io/icon/rocket) | embark upon an adventure | [`.fa-chevron-right`](http://fontawesome.io/icon/chevron-right) to advance to something less exciting and/or fraught with danger<br/><br/>[`.fa-check`](http://fontawesome.io/icon/check) to agree to something that is already a done deal<br/><br/>[`.fa-flag-checkered`](http://fontawesome.io/icon/flag-checkered) to finish a long process<br/><br/>[`.fa-space-shuttle`](http://fontawesome.io/icon/space-shuttle) if you need to access your payload with the Canada Arm |
| [`.fa-search`](http://fontawesome.io/icon/search) | search for things | [`.fa-list-alt`](http://fontawesome.io/icon/list-alt) to display details<br/><br/>[`.fa-search-plus`](http://fontawesome.io/icon/search-plus) to zoom in |
| [`.fa-television`](http://fontawesome.io/icon/television) | preview something | [`.fa-search`](http://fontawesome.io/icon/search) to search for things<br/><br/>[`.fa-list-alt`](http://fontawesome.io/icon/list-alt) to view the details of something<br/><br/>[`.fa-times`](http://fontawesome.io/icon/times) to close the edit dialog and see the thing itself |
| [`.fa-times`](http://fontawesome.io/icon/times) | close something without saving anything, or remove something that hasn't yet been saved | [`.fa-trash`](http://fontawesome.io/icon/trash) to delete something that has been saved already<br/><br/>[`.fa-check`](http://fontawesome.io/icon/check) to complete something (that has just been saved or that is to be saved upon clicking the icon)<br/><br/>[`.fa-undo`](http://fontawesome.io/icon/undo) to roll something back<br/><br/>[`.fa-chevron-left`](http://fontawesome.io/icon/chevron-left) to return to the previous step |
| [`.fa-trash`](http://fontawesome.io/icon/trash) | delete something that's already been saved | [`.fa-times`](http://fontawesome.io/icon/times) to cancel something that hasn't been saved yet<br/><br/>[`.fa-undo`](http://fontawesome.io/icon/undo) to roll back a bigger process |
| [`.fa-trophy`](http://fontawesome.io/icon/trophy) | award something a prize | [`.fa-check`](http://fontawesome.io/icon/check) to confirm something |
| [`.fa-undo`](http://fontawesome.io/icon/undo) | undo (or revert) things | [`.fa-chevron-left`](http://fontawesome.io/icon/chevron-left) to move backwards in a process (revert things in accounting)<br/><br/>[`.fa-trash`](http://fontawesome.io/icon/trash) to delete something<br/><br/>[`.fa-times`](http://fontawesome.io/icon/times) to remove something (that hasn't yet been saved) or to exit without saving |
| [`.fa-wrench`](http://fontawesome.io/icon/wrench) | modify options | [`.fa-pencil`](http://fontawesome.io/icon/pencil) to edit values<br/><br/>[`.fa-bolt`](http://fontawesome.io/icon/bolt) to do something drastic |
| [`.fa-arrows`](https://fontawesome.com/v4.7.0/icon/arrows) | move something (anywhere) | [`.fa-chevron-left`](https://fontawesome.com/v4.7.0/icon/chevron-left) and [`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) to advance through a series |
| [`.fa-bars`](https://fontawesome.com/v4.7.0/icon/bars) | open a menu of options | [`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) to advance to the next thing<br/><br/>[`.fa-expand`](https://fontawesome.com/v4.7.0/icon/expand) to make something full-screen |
| [`.fa-bell-o`](https://fontawesome.com/v4.7.0/icon/bell-o) | sound alarms | [`.fa-paper-plane`](https://fontawesome.com/v4.7.0/icon/paper-plane) to send an email notification<br/><br/>[`.fa-exclamation-triangle`](https://fontawesome.com/v4.7.0/icon/exclamation-triangle) to highlight something dangerous |
| [`.fa-bell-slash-o`](https://fontawesome.com/v4.7.0/icon/bell-slash-o) | hush alarms | [`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to cancel something<br/><br/>[`.fa-user-secret`](https://fontawesome.com/v4.7.0/icon/user-secret) to cloak identity |
| [`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt) | execute something forcefully | [`.fa-floppy-o`](https://fontawesome.com/v4.7.0/icon/floppy-o) to save something normally<br/><br/>[`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to agree to something innocuous<br/><br/>[`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) to advance to the next step<br/><br/>[`.fa-trash`](https://fontawesome.com/v4.7.0/icon/trash) to delete something<br/><br/>[`.fa-undo`](https://fontawesome.com/v4.7.0/icon/undo) to revert to something |
| [`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) | complete something | [`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to close out without doing anything<br/><br/>[`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) to advance to the next step<br/><br/>[`.fa-flag-checkered`](https://fontawesome.com/v4.7.0/icon/flag-checkered) to complete something major<br/><br/>[`.fa-rocket`](https://fontawesome.com/v4.7.0/icon/rocket) to agree to start something big<br/><br/>[`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt) to execute something bold |
| [`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) | advance to the next thing | [`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to complete something<br/><br/>[`.fa-rocket`](https://fontawesome.com/v4.7.0/icon/rocket) to start an epic journey |
| [`.fa-chevron-left`](https://fontawesome.com/v4.7.0/icon/chevron-left) | go back | [`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to cancel the process<br/><br/>[`.fa-undo`](https://fontawesome.com/v4.7.0/icon/undo) to revert what was done |
| [`.fa-clipboard`](https://fontawesome.com/v4.7.0/icon/clipboard) | paste something, or file onto a case | |
| [`.fa-clock-o`](https://fontawesome.com/v4.7.0/icon/clock-o) | schedule something | [`.fa-history`](https://fontawesome.com/v4.7.0/icon/history) to roll back the clock<br/><br/>[`.fa-calendar`](https://fontawesome.com/v4.7.0/icon/calendar) to display dates<br/><br/>[`.fa-birthday-cake`](https://fontawesome.com/v4.7.0/icon/birthday-cake) to schedule a celebration |
| [`.fa-compress`](https://fontawesome.com/v4.7.0/icon/compress) | make a UI element smaller, or merge two things together | |
| [`.fa-envelope`](https://fontawesome.com/v4.7.0/icon/envelope) | do something about email other than actually sending it *(use judiciously when within CiviMail, where everything is about email)* | [`.fa-paper-plane`](https://fontawesome.com/v4.7.0/icon/paper-plane) to actually send an email<br/><br/>[`.fa-pencil`](https://fontawesome.com/v4.7.0/icon/pencil) to edit a value |
| [`.fa-exclamation-triangle`](https://fontawesome.com/v4.7.0/icon/exclamation-triangle) | provide a warning | [`.fa-info-circle`](https://fontawesome.com/v4.7.0/icon/info-circle) to give information<br/><br/>[`.fa-lightbulb-o`](https://fontawesome.com/v4.7.0/icon/lightbulb-o) to highlight a tip or suggestion |
| [`.fa-expand`](https://fontawesome.com/v4.7.0/icon/expand) | make a UI element bigger | |
| [`.fa-flag-checkered`](https://fontawesome.com/v4.7.0/icon/flag-checkered) | complete a multi-step action | [`.fa-trophy`](https://fontawesome.com/v4.7.0/icon/trophy) to award a prize<br/><br/>[`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to finish something quick |
| [`.fa-floppy-o`](https://fontawesome.com/v4.7.0/icon/floppy-o) | save without advancing | [`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to save and complete<br/><br/>[`.fa-pencil`](https://fontawesome.com/v4.7.0/icon/pencil) to start editing a value |
| [`.fa-info-circle`](https://fontawesome.com/v4.7.0/icon/info-circle) | highlight information | [`.fa-lightbulb-o`](https://fontawesome.com/v4.7.0/icon/lightbulb-o) to highlight a tip or suggestion<br/><br/>[`.fa-exclamation-triangle`](https://fontawesome.com/v4.7.0/icon/exclamation-triangle) to highlight a danger |
| [`.fa-lightbulb-o`](https://fontawesome.com/v4.7.0/icon/lightbulb-o) | an idea to consider | [`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt) to execute something bold<br/><br/>[`.fa-info-circle`](https://fontawesome.com/v4.7.0/icon/info-circle) to provide normative information<br/><br/>[`.fa-exclamation-triangle`](https://fontawesome.com/v4.7.0/icon/exclamation-triangle) to highlight a danger |
| [`.fa-list-alt`](https://fontawesome.com/v4.7.0/icon/list-alt) | display the details of something | [`.fa-television`](https://fontawesome.com/v4.7.0/icon/television) to preview something<br/><br/>[`.fa-expand`](https://fontawesome.com/v4.7.0/icon/expand) and [`.fa-compress`](https://fontawesome.com/v4.7.0/icon/compress) to make something full-screen or a window
| [`.fa-paper-plane`](https://fontawesome.com/v4.7.0/icon/paper-plane) | send something | [`.fa-envelope`](https://fontawesome.com/v4.7.0/icon/envelope) to do something else about email<br/><br/>[`.fa-check`](https://fontawesome.com/v4.7.0/icon/check), [`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right), [`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt), [`.fa-rocket`](https://fontawesome.com/v4.7.0/icon/rocket) or others if you are doing an action that does not send a message immediately<br/><br/>[`.fa-fax`](https://fontawesome.com/v4.7.0/icon/fax) to send something on curly paper |
| [`.fa-pencil`](https://fontawesome.com/v4.7.0/icon/pencil) | edit a value | [`.fa-wrench`](https://fontawesome.com/v4.7.0/icon/wrench) to edit configuration<br/><br/>[`.fa-floppy-o`](https://fontawesome.com/v4.7.0/icon/floppy-o) to save a value |
| [`.fa-plus-circle`](https://fontawesome.com/v4.7.0/icon/plus-circle) | add a new item | *if you have several of these side-by-side, try to provide more illustrative icons for what you're adding*<br/><br/>[`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt) to force a new thing |
| [`.fa-rocket`](https://fontawesome.com/v4.7.0/icon/rocket) | embark upon an adventure | [`.fa-chevron-right`](https://fontawesome.com/v4.7.0/icon/chevron-right) to advance to something less exciting and/or fraught with danger<br/><br/>[`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to agree to something that is already a done deal<br/><br/>[`.fa-flag-checkered`](https://fontawesome.com/v4.7.0/icon/flag-checkered) to finish a long process<br/><br/>[`.fa-space-shuttle`](https://fontawesome.com/v4.7.0/icon/space-shuttle) if you need to access your payload with the Canada Arm |
| [`.fa-search`](https://fontawesome.com/v4.7.0/icon/search) | search for things | [`.fa-list-alt`](https://fontawesome.com/v4.7.0/icon/list-alt) to display details<br/><br/>[`.fa-search-plus`](https://fontawesome.com/v4.7.0/icon/search-plus) to zoom in |
| [`.fa-television`](https://fontawesome.com/v4.7.0/icon/television) | preview something | [`.fa-search`](https://fontawesome.com/v4.7.0/icon/search) to search for things<br/><br/>[`.fa-list-alt`](https://fontawesome.com/v4.7.0/icon/list-alt) to view the details of something<br/><br/>[`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to close the edit dialog and see the thing itself |
| [`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) | close something without saving anything, or remove something that hasn't yet been saved | [`.fa-trash`](https://fontawesome.com/v4.7.0/icon/trash) to delete something that has been saved already<br/><br/>[`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to complete something (that has just been saved or that is to be saved upon clicking the icon)<br/><br/>[`.fa-undo`](https://fontawesome.com/v4.7.0/icon/undo) to roll something back<br/><br/>[`.fa-chevron-left`](https://fontawesome.com/v4.7.0/icon/chevron-left) to return to the previous step |
| [`.fa-trash`](https://fontawesome.com/v4.7.0/icon/trash) | delete something that's already been saved | [`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to cancel something that hasn't been saved yet<br/><br/>[`.fa-undo`](https://fontawesome.com/v4.7.0/icon/undo) to roll back a bigger process |
| [`.fa-trophy`](https://fontawesome.com/v4.7.0/icon/trophy) | award something a prize | [`.fa-check`](https://fontawesome.com/v4.7.0/icon/check) to confirm something |
| [`.fa-undo`](https://fontawesome.com/v4.7.0/icon/undo) | undo (or revert) things | [`.fa-chevron-left`](https://fontawesome.com/v4.7.0/icon/chevron-left) to move backwards in a process (revert things in accounting)<br/><br/>[`.fa-trash`](https://fontawesome.com/v4.7.0/icon/trash) to delete something<br/><br/>[`.fa-times`](https://fontawesome.com/v4.7.0/icon/times) to remove something (that hasn't yet been saved) or to exit without saving |
| [`.fa-wrench`](https://fontawesome.com/v4.7.0/icon/wrench) | modify options | [`.fa-pencil`](https://fontawesome.com/v4.7.0/icon/pencil) to edit values<br/><br/>[`.fa-bolt`](https://fontawesome.com/v4.7.0/icon/bolt) to do something drastic |
