Update Preview icon to align with Edge #8313

Open
opened 2026-01-31 01:26:18 +00:00 by claunia · 4 comments
Owner

Originally created by @Studio384 on GitHub (May 20, 2020).

Originally assigned to: @cinnamon-msft on GitHub.

Environment

Windows build number: 19628
Windows Terminal version (if applicable): 1.0.1402

Steps to reproduce

Install Windows Terminal Preview

Expected behavior

The Terminal Preview icon and Edge Insider icon's preview-labels line up nicely and use the same font and size.

Actual behavior

Given the basic design, it feels obvious that the Terminal Preview's "Preview" label is modelled after the Microsoft Edge icon.

Annotation 2020-05-20 091514

But the labels don't line up nicely and a different font (weight) is used for the Terminal compared to Edge.


It's a very insignificant issue. But I'd just like to point it out because - as someone who uses both regularly - it annoys me. 🙃

Originally created by @Studio384 on GitHub (May 20, 2020). Originally assigned to: @cinnamon-msft on GitHub. # Environment ```none Windows build number: 19628 Windows Terminal version (if applicable): 1.0.1402 ``` # Steps to reproduce Install Windows Terminal Preview # Expected behavior The Terminal Preview icon and Edge Insider icon's preview-labels line up nicely and use the same font and size. # Actual behavior Given the basic design, it feels obvious that the Terminal Preview's "Preview" label is modelled after the Microsoft Edge icon. <img width="167" alt="Annotation 2020-05-20 091514" src="https://user-images.githubusercontent.com/1693592/82416744-d8ab1600-9a7a-11ea-8da3-c5b2569a2970.png"> But the labels don't line up nicely and a different font (weight) is used for the Terminal compared to Edge. ----- It's a *very* insignificant issue. But I'd just like to point it out because - as someone who uses both regularly - it annoys me. 🙃
claunia added the Issue-BugPriority-3Product-TerminalArea-UserInterface labels 2026-01-31 01:26:18 +00:00
Author
Owner

@DHowett commented on GitHub (May 21, 2020):

@cinnamon-msft we'll need to move the pill around a little bit. I'll see if I can do that for fun in my icon generation script.

Had some ideas about merging the pill in as a separate image instead of part of the terminal icon which will give us breathing room on the larger tiles where there's more than space enough for the icon

@DHowett commented on GitHub (May 21, 2020): @cinnamon-msft we'll need to move the pill around a little bit. I'll see if I can do that for fun in my icon generation script. Had some ideas about merging the pill in as a separate _image_ instead of part of the terminal icon which will give us breathing room on the larger tiles where there's more than space enough for the icon
Author
Owner

@k-yle commented on GitHub (May 21, 2020):

It's also worth noting that on lower-resolution displays the Edge Dev icon still shows the badge with text, but the terminal icon removes the text and just shows a blue bar.

image

@k-yle commented on GitHub (May 21, 2020): It's also worth noting that on lower-resolution displays the Edge Dev icon still shows the badge with text, but the terminal icon removes the text and just shows a blue bar. ![image](https://user-images.githubusercontent.com/16009897/82520574-a54eb100-9b78-11ea-8945-172e6a96fa8e.png)
Author
Owner

@DHowett commented on GitHub (May 21, 2020):

@k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading.

@DHowett commented on GitHub (May 21, 2020): @k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading.
Author
Owner

@Sidneys1 commented on GitHub (Jul 28, 2020):

@k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading.

FYI, the badge does display with text when pinned to the start menu as a "small" size icon:

image

@Sidneys1 commented on GitHub (Jul 28, 2020): > @k-yle given that our badge is shorter than Edge's, we thought it imprudent to have a tiny black smear you didn't stand a chance of reading. FYI, the badge does display with text when pinned to the start menu as a "small" size icon: ![image](https://user-images.githubusercontent.com/1771233/88705766-fb425680-d0dd-11ea-8699-b10071b74363.png)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/terminal#8313