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.

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

Polish custom GH desktop icons #490

Closed
5 tasks
ashygee opened this issue Aug 26, 2020 · 7 comments
Closed
5 tasks

Polish custom GH desktop icons #490

ashygee opened this issue Aug 26, 2020 · 7 comments

Comments

@ashygee
Copy link
Contributor

ashygee commented Aug 26, 2020

The Desktop team recently updated the octicons in the app and we need to polish so that they follow the octicons design guidelines.

Icons needed

  • arrow-small-up
  • arrow-small-down
  • stash
  • force-push
  • co-author

Current design

Co-author
person icon with a plus icon

Force push
up arrow with two arrow heads

Stash
stacked modifier icons

Small arrows
image

@ashygee ashygee self-assigned this Aug 26, 2020
@edokoa
Copy link
Contributor

edokoa commented Sep 3, 2020

Do we aim to keep the different size viewports, or will we work with fixed size (16x) icons and then decide whether we want to crop them or not?

This also opens the question of being able to crop whitespace in icons.

@edokoa
Copy link
Contributor

edokoa commented Dec 10, 2020

For force-push we had this variant that we didn't include in the set. It also depends on how the push icon used in the app looks
https://www.figma.com/file/2rjsQp42uKvzPXzLZIqOeA/Octicons-v2-Source?node-id=5395%3A4487

image

@edokoa
Copy link
Contributor

edokoa commented Dec 10, 2020

Regarding the add user icon, we'll be working on modifiers after EOY, but I'd consider this, taking into account how the user and group look in the set: https://www.figma.com/file/2rjsQp42uKvzPXzLZIqOeA/Octicons-v2-Source?node-id=5395%3A4619

image

This also opens the question of custom size icons in the app, and the need to make them consistent so it matches .com and works with the rest of the Octicons set.

@edokoa
Copy link
Contributor

edokoa commented Dec 10, 2020

About the arrows. I don't have the exact size it has to display into, but those are the fold arrows with and without a line. The decision of making the arrowhead solid was an stylistic decision that depends on the size of the arrow more than the function it serves, as line arrows are difficult to render below certain size.
https://www.figma.com/file/2rjsQp42uKvzPXzLZIqOeA/Octicons-v2-Source?node-id=5395%3A4647
https://www.figma.com/file/2rjsQp42uKvzPXzLZIqOeA/Octicons-v2-Source?node-id=5395%3A4723

image
image

@edokoa
Copy link
Contributor

edokoa commented Dec 10, 2020

About the stash icon, if we want to keep the same methaphor it'd have to be like this. I've been trying to fit 3 layers in the space we have but they become blurry when scaling down to 16px
https://www.figma.com/file/2rjsQp42uKvzPXzLZIqOeA/Octicons-v2-Source?node-id=5395%3A10199

image

@ashygee
Copy link
Contributor Author

ashygee commented Mar 30, 2021

Hi! We're going to add the person-plus (add co-author) icon t octicons but would like an update on the rest of the icons. cc @ampinsk

@github-actions
Copy link
Contributor

Hi! This issue has been marked as stale because it has been open with no activity for 180 days. You can comment on the issue or remove the stale label to keep it open. If you do nothing, this issue will be closed in 7 days.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants