Terminal: New icons for UI elements

Created on 10 Jul 2020  路  12Comments  路  Source: microsoft/terminal

Description of the new feature/enhancement

We need some new iconography for some of our UI elements, specifically the command palette and settings UI. Below are the requested icons:

| Command / Title | Icon proposal |
| --------------- | ------------- |
| Launch (SUI) | Rocket ship |
| Split horizontally | Window with horizontal pane split |
| Split vertically | Window with vertical pane split |

Proposed technical implementation details (optional)

Area-User Interface Issue-Feature Product-Terminal

Most helpful comment

what about this one for horizontal split:

didn't found an equivalent for vertical split though

It looks a little complicated, but it could work - and you could rotate it for the Vertical Split

image

Here is a quick idea, using the Rocket from the Fluent UI Set

All 12 comments

  • Placeholder icon for a profile that has no icon.
  • Placeholder icon for a profile that has no icon.

Terminal icon maybe?

I'm thinking something more wirefeame and line-art like the ones in Segoe. I don't want to genericize our brand!

I'm thinking something more wirefeame and line-art like the ones in Segoe. I don't want to genericize our brand!

Fluent Icons should be the grounding - rather than Segoe MDL2 Icons

As far as I have seen, Fluent icons are not used in subtle pictographic representations for settings UIs and other ephemeral UI. Monochrome icons are still the framework default inside applications.

As far as I have seen, Fluent icons are not used in subtle pictographic representations for settings UIs and other ephemeral UI. Monochrome icons are still the framework default inside applications.

I think I was not clear enough - There are the Fluent brand/app logo icons, but there seems to be a "replacement" for the MDL2 Icons...

Fluent UI Icons, as can be seen in the Repo https://github.com/microsoft/fluentui-system-icons and as mentioned in this Medium post https://medium.com/microsoft-design/developing-an-open-source-icon-system-at-microsoft-b1796315df9f

I see, I misunderstood. Sorry, and thanks!

Rocket

There is a Rocket Ship icon there, but nothing suitable for Horizontal and Vertical splits, so perhaps use the MDL2 icons for those until newer icons are available...

image
image
image

what about this one for horizontal split:

didn't found an equivalent for vertical split though

what about this one for horizontal split:

didn't found an equivalent for vertical split though

It looks a little complicated, but it could work - and you could rotate it for the Vertical Split

image

Here is a quick idea, using the Rocket from the Fluent UI Set

I don't think any of these are relevant to the ones mentioned, but I came across the icons that Edge uses:
Edge Icons
Placing here for general inspiration 馃槉

@carlos-zamora Edge (Dev channel) has new Fluent icons:

Fluent Icons in Edge Settings

Was this page helpful?
0 / 5 - 0 ratings

Related issues

NickITGuy picture NickITGuy  路  3Comments

alabuzhev picture alabuzhev  路  3Comments

mdtauk picture mdtauk  路  3Comments

TayYuanGeng picture TayYuanGeng  路  3Comments

miniksa picture miniksa  路  3Comments