The icon module makes it easy to illustrate various actions with an icon for easier comprehension.
Default icons
CSS class name (to append after icon-) |
preview |
|---|---|
| home | |
| arrow-head-top | |
| arrow-head-right | |
| arrow-head-bottom | |
| arrow-head-left | |
| arrow-top | |
| arrow-right | |
| arrow-bottom | |
| arrow-left | |
| arrow-top-left | |
| arrow-top-right | |
| arrow-bottom-right | |
| arrow-bottom-left | |
| arrow-stop-top | |
| arrow-stop-right | |
| arrow-stop-bottom | |
| arrow-stop-left | |
| arrow-line-top | |
| arrow-line-right | |
| arrow-line-bottom | |
| arrow-line-left | |
| arrow-forward | |
| arrow-backward | |
| refresh | |
| out | |
| plus | |
| minus | |
| checkmark | |
| cross | |
| pencil | |
| lock-locked | |
| lock-unlocked | |
| cogwheel | |
| admin | |
| access | |
| info | |
| question | |
| ok | |
| stats | |
| text | |
| magnifier | |
| user | |
| user-profile | |
| group | |
| hierarchy | |
| hierarchy2 | |
| bulb-off | |
| bulb-on | |
| link | |
| map-pointer | |
| target | |
| share | |
| share-facebook | |
| share-twitter | |
| share-linkedin | |
| share-googleplus | |
| mailinglist | |
| rss | |
| time | |
| message | |
| podcast | |
| download | |
| upload | |
| file | |
| file-pdf | |
| files | |
| area | |
| ruler | |
| menu | |
| more | |
| important |
Button icons
CSS class name (to append after icon-) |
Preview |
|---|---|
| home_button | |
| arrow-head-top_button | |
| arrow-head-right_button | |
| arrow-head-bottom_button | |
| arrow-head-left_button | |
| arrow-top_button | |
| arrow-right_button | |
| arrow-bottom_button | |
| arrow-left_button | |
| arrow-top-left_button | |
| arrow-top-right_button | |
| arrow-bottom-right_button | |
| arrow-bottom-left_button | |
| arrow-stop-top_button | |
| arrow-stop-right_button | |
| arrow-stop-bottom_button | |
| arrow-stop-left_button | |
| arrow-line-top_button | |
| arrow-line-right_button | |
| arrow-line-bottom_button | |
| arrow-line-left_button | |
| arrow-forward_button | |
| arrow-backward_button | |
| refresh_button | |
| out_button | |
| plus_button | |
| minus_button | |
| checkmark_button | |
| cross_button | |
| pencil_button | |
| lock-locked_button | |
| lock-unlocked_button | |
| cogwheel_button | |
| admin_button | |
| access_button | |
| info_button | |
| question_button | |
| ok_button | |
| stats_button | |
| text_button | |
| magnifier_button | |
| user_button | |
| user-profile_button | |
| group_button | |
| hierarchy_button | |
| hierarchy2_button | |
| print_button | |
| bulb-off_button | |
| bulb-on_button | |
| link_button | |
| map-pointer_button | |
| target_button | |
| share_button | |
| share-facebook_button | |
| share-twitter_button | |
| share-linkedin_button | |
| share-googleplus_button | |
| mail_button | |
| mailinglist_button | |
| rss_button | |
| time_button | |
| message_button | |
| podcast_button | |
| download_button | |
| upload_button | |
| file_button | |
| file-pdf_button | |
| files_button | |
| area_button | |
| ruler_button | |
| menu_button | |
| more_button | |
| important_button |
Themed icons
Inline icons
Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu.
Bigger icons
Use the .icon-big class.
Mauris iaculis porttitor posuere