Style
Iconography
Code
Iconography helps to elevate our call-to-actions with abstracted marks that simplify meaning for specific peripherals, buttons and functionalities in Neon.
Font Awesome
We are leveraging Font Awesome, to cut down on the cost of creating and updating icons. Use icons as sparingly as possible to avoid overuse. Refer to specific components in our style guide to understand how each icon is used in context.
fa fa-pencil
fa-flag
fa-trash
fa-print
fa-search
fa-calendar
fa-plus
fa-minus
fa-long-arrow-down
fa-long-arrow-up
fa-long-arrow-left
fa-long-arrow-right
fa-ellipsis-h
fa-ellipsis-v
fa-bars
fa-times
fa-angle-down
fa-angle-up
fa-angle-right
fa-angle-left
fa-caret-down
fa-caret-up
fa-caret-left
fa-caret-right
fa-star
fa-star-o
fa-user
fa-users
fa-sort-amount-asc
fa-sort-amount-desc
fa-cog
fa-home
fa-arrows-v
fa-download
fa-question
fa-times-circle
fa-envelope-o
fa-repeat
fa-list
fa-phone
fa-plus-circle
fa-check-circle
fa-info-circle
fa-exclamation-circle
fa-upload
fa-clock-o
At the moment - the only icons listed are in use. There will be additions to this icon list over the UX pass and beyond. For names of all the Font Awesome icons see their free cheatsheet or Bootstrap's cheatsheet
Usage