Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

New icons for UI elements #6867

Open
cinnamon-msft opened this issue Jul 10, 2020 · 16 comments
Open

New icons for UI elements #6867

cinnamon-msft opened this issue Jul 10, 2020 · 16 comments
Labels
Area-User Interface Issues pertaining to the user interface of the Console or Terminal Issue-Feature Complex enough to require an in depth planning process and actual budgeted, scheduled work. Product-Terminal The new Windows Terminal.
Projects
Design Tracker
Milestone
Backlog

Comments

@cinnamon-msft
Copy link
Contributor

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)
@cinnamon-msft cinnamon-msft added the Issue-Feature Complex enough to require an in depth planning process and actual budgeted, scheduled work. label Jul 10, 2020
@ghost ghost added Needs-Triage It's a new issue that the core contributor team needs to triage at the next triage meeting Needs-Tag-Fix Doesn't match tag requirements labels Jul 10, 2020
@DHowett DHowett added the Area-User Interface Issues pertaining to the user interface of the Console or Terminal label Jul 10, 2020
@DHowett DHowett added this to Design Needed in Design Tracker via automation Jul 10, 2020
@DHowett DHowett added this to the Terminal v2.0 milestone Jul 10, 2020
@DHowett DHowett removed the Needs-Triage It's a new issue that the core contributor team needs to triage at the next triage meeting label Jul 10, 2020
@DHowett
Copy link
Member

DHowett commented Jul 10, 2020

  • Placeholder icon for a profile that has no icon.

@cinnamon-msft
Copy link
Contributor Author

  • Placeholder icon for a profile that has no icon.

Terminal icon maybe?

@DHowett
Copy link
Member

DHowett commented Jul 10, 2020

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

@mdtauk
Copy link

mdtauk commented Jul 11, 2020

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

@DHowett
Copy link
Member

DHowett commented Jul 11, 2020

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.

@mdtauk
Copy link

mdtauk commented Jul 11, 2020 •
edited
Loading

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

@DHowett
Copy link
Member

DHowett commented Jul 11, 2020

I see, I misunderstood. Sorry, and thanks!

@mdtauk
Copy link

mdtauk commented Jul 11, 2020 •
edited
Loading

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

@LuanVSO
Copy link
Contributor

LuanVSO commented Jul 12, 2020

what about this one for horizontal split:

didn't found an equivalent for vertical split though

@mdtauk
Copy link

mdtauk commented Jul 12, 2020 •
edited
Loading

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

@DHowett DHowett added the Product-Terminal The new Windows Terminal. label Jul 12, 2020
@ghost ghost removed the Needs-Tag-Fix Doesn't match tag requirements label Jul 12, 2020
@carlos-zamora
Copy link
Member

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 😊

@zadjii-msft zadjii-msft mentioned this issue Oct 1, 2020
Open
52 tasks
@ghost
Copy link

ghost commented Nov 25, 2020 •
edited by ghost
Loading

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

Fluent Icons in Edge Settings

@ghost
Copy link

ghost commented Dec 1, 2020

I think we should also replace these icons:

Current icons in tab drop down

with these

  • Settings icon
    Fluent settings icon

  • Feedback icon
    Fluent feedback icon

  • About icon
    Fluent about icon

Suggestions? @cinnamon-msft @carlos-zamora @DHowett @mdtauk

@DHowett
Copy link
Member

DHowett commented Dec 1, 2020

When icons are made available for general use in Windows that comply with the modern design guidelines, we will use them. Until then, we will not.

@mdtauk mdtauk mentioned this issue Jan 8, 2021
Closed
@mdtauk
Copy link

mdtauk commented Jun 11, 2021

Newer versions of Windows are now using Segoe Fluent Icons

@zadjii-msft zadjii-msft modified the milestones: Terminal v2.0, Backlog Jan 4, 2022
@zadjii-msft
Copy link
Member

@PankajBhojwani This was the thread for "add more action icons", but apparently I didn't leave notes. The best I could find was: 40bdbad

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Area-User Interface Issues pertaining to the user interface of the Console or Terminal Issue-Feature Complex enough to require an in depth planning process and actual budgeted, scheduled work. Product-Terminal The new Windows Terminal.
Projects
Design Tracker
  
Design Needed
Milestone
Backlog
Development

No branches or pull requests
7 participants
@DHowett @mdtauk @carlos-zamora @zadjii-msft @LuanVSO @cinnamon-msft and others