The Hamburger icon is just not what it should be, so I went shopping for icons and brought back... a whole list of groceries for all the possible buttons on the header bar.
I hope this will inspire the discussion about what icon to choose for each. Icons roughly in the order of: OOUI then my preference. Colors are arbitrarily chosen by fontawesome.com.
=== Left-side buttons ===
==== Left 1. Table of contents ====
In case it becomes a tab on the collapsible sidebar.
| {F31520306,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_stripeToC-rtl-progressive.svg | OO ]] | {F31520304,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_listBullet-ltr-progressive.svg | OO ]] | {F31520300,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_book-ltr-progressive.svg | OO ]] | {F31519040,width=50} [[ https://thenounproject.com/term/list/162001/ | list ]] | {F31519035,width=50} [[ https://thenounproject.com/term/list/2835/ | list ]] | {F31519081,width=50} [[ https://thenounproject.com/term/toc/1237031/ | toc ]] | {F31519224,width=50} [[ https://fontawesome.com/v3.2.1/icon/list-ul | list-ul ]] | {F31519039,width=50} [[ https://fontawesome.com/v3.2.1/icon/list | list ]] | {F31519038,width=50} [[ https://thenounproject.com/term/table-of-contents/121187/ | toc ]] | {F31519037,width=50} [[ https://thenounproject.com/term/page/1944669/ | page ]]
NonFree https://www.iconfinder.com/icons/3233423/contents_list_table_of_contents_text_icon
NonFree https://www.iconfinder.com/icons/230367/book_bookmark_bookmarks_contents_favorites_icon
==== Left 2. Site navigation ====
| {F31520296,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_logo-wikipedia-progressive.svg | OO ]] | {F31520304,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_listBullet-ltr-progressive.svg | OO ]] | {F31519095,width=50} [[ https://thenounproject.com/term/navigate/22262/ | navigate ]] | {F31520294,width=50} [[ https://thenounproject.com/term/wikipedia/1657166/ | wikipedia ]] | {F31519091,width=50} [[ https://thenounproject.com/term/globe/3025114/ | globe ]] | {F31519093,width=50} [[ https://thenounproject.com/term/globe/1109009/ | globe ]] | {F31519094,width=50} [[ https://thenounproject.com/term/globe/923375/ | globe ]] | {F31519092,width=50} [[ https://thenounproject.com/term/sitemap/487664/ | sitemap ]] | {F31519090,width=50} [[ https://thenounproject.com/term/sitemap/2009656/ | sitemap ]] | {F31519103,width=50} [[ https://thenounproject.com/term/sitemap/2795374/ | sitemap ]] | {F31519105,width=50} [[ https://thenounproject.com/term/list/11515/ | list ]] | {F31519107,width=50} [[ https://fontawesome.com/v3.2.1/icon/sitemap | sitemap ]]
Personal preference: Wikiglobe with arrow below
==== Left 3. Article tools / editing ====
| {F31519112,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_articleNew-ltr-progressive.svg | OO ]] | {F31519112,width=50} [[ https://thenounproject.com/term/document/2127108/ | document ]] | {F31519111,width=50} [[ https://thenounproject.com/term/article/2109023/ | article ]] | {F31519113,width=50} [[ https://thenounproject.com/term/file-settings/1084997/ | file-settings ]] | {F31519118,width=50} [[ https://fontawesome.com/icons/file-alt | file-alt ]]
==== Left 4. Bookmarks ====
| {F31519120,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_bookmark-progressive.svg | OO ]] | {F31519120,width=50} [[ https://fontawesome.com/icons/bookmark | bookmark ]]
=== Right-side buttons ===
==== Right 1. Alerts ====
Mentions, direct messages, reverts.
| {F31520266,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_speechBubbles-ltr-progressive.svg | OO ]] | {F31520268,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_message-ltr-progressive.svg | OO ]] | {F31520264,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_bell-progressive.svg | OO ]] | {F31519142,width=50} [[ https://fontawesome.com/icons/comments | comments ]] | {F31519140,width=50} [[ https://thenounproject.com/term/messages/738682/ | messages ]] | {F31519145,width=50} [[ https://thenounproject.com/term/envelope-open/2811249/ | envelope ]] | {F31519141,width=50} [[ https://fontawesome.com/icons/envelope-open-text | envelope ]] | {F31519144,width=50} [[ https://fontawesome.com/icons/envelope | envelope ]] | {F31519143,width=50} [[ https://fontawesome.com/icons/envelope-square | envelope ]]
==== Right 2. Notifications ====
Thanks, badges. The current icon in Echo is a UTP socket? A tray.
| {F31520270,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_tray-progressive.svg | OO ]] | {F31520273,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_history-progressive.svg | OO ]] | {F31520276,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_lightbulb.svg | OO ]] | {F31520289,width=50} [[ https://thenounproject.com/term/history/2496446/ | history ]] | {F31519192,width=50} [[ https://fontawesome.com/icons/history | history ]] | {F31519193,width=50} [[ https://fontawesome.com/icons/scroll | scroll ]]
==== Right 3. Watchlist ====
| {F31520278,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_star-progressive.svg | OO ]] | {F31520280,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_unStar-progressive.svg | OO ]] | {F31520282,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_eye-progressive.svg | OO ]] | {F31519218,width=50} [[ https://fontawesome.com/icons/star | star ]]
==== Right 4. User contributions ====
Add small user icon in bottom-right corner of history/list icon.
| {F31520259,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_history-progressive.svg | OO ]] | [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_userAvatar-constructive.svg | OO ]] {F31520253,width=25} | | {F31520289,width=50} [[ https://thenounproject.com/term/history/2496446/ | history ]] | [[ https://fontawesome.com/icons/user | user ]] {F31519217,width=25}| | {F31519192,width=50} [[ https://fontawesome.com/icons/history | history ]] | [[ https://fontawesome.com/icons/user | user ]] {F31519217,width=25} | | {F31519039,width=50} [[ https://fontawesome.com/v3.2.1/icon/list | list ]] | [[ https://fontawesome.com/icons/user | user ]] {F31519217,width=25}
==== Right 5. Skin settings ====
| {F31520257,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_advanced-progressive.svg | OO ]] | {F31519200,width=50} [[ https://fontawesome.com/icons/sliders-h | sliders-h ]] | {F31519201,width=50} [[ https://fontawesome.com/icons/cog | cog ]] | {F31519199,width=50} [[ https://fontawesome.com/icons/toggle-on | toggle-on ]]
==== Right 6. User menu ====
| {F31520253,width=50} [[ https://commons.wikimedia.org/wiki/File:OOjs_UI_icon_userAvatar-constructive.svg | OO ]] | {F31519217,width=50} [[ https://fontawesome.com/icons/user | user ]]
Note: Consider not displaying the user name. Showing the username is useful on shared computers and for sockpuppeteers. Hiding the username is good for making screenshots that have no privacy concerns.