Redesign and clean up all icons across Zed (#35856)

- [x] Clean up unused and old icons
- [x] Swap SVG for all in-use icons with the redesigned version
- [x] Document guidelines

Release Notes:

- N/A
This commit is contained in:
Danilo Leal 2025-08-08 15:34:36 -03:00 committed by GitHub
parent 530f5075d0
commit 2cde6da5ff
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
284 changed files with 535 additions and 791 deletions

View file

@ -473,7 +473,7 @@ impl PickerDelegate for BranchListDelegate {
&& entry.is_new
{
Some(
IconButton::new("branch-from-default", IconName::GitBranchSmall)
IconButton::new("branch-from-default", IconName::GitBranchAlt)
.on_click(cx.listener(move |this, _, window, cx| {
this.delegate.set_selected_index(ix, window, cx);
this.delegate.confirm(true, window, cx);

View file

@ -272,7 +272,7 @@ impl CommitModal {
.child(
div()
.px_1()
.child(Icon::new(IconName::ChevronDownSmall).size(IconSize::XSmall)),
.child(Icon::new(IconName::ChevronDown).size(IconSize::XSmall)),
),
)
.menu({

View file

@ -2900,10 +2900,10 @@ impl GitPanel {
use remote_output::SuccessStyle::*;
match style {
Toast { .. } => {
this.icon(ToastIcon::new(IconName::GitBranchSmall).color(Color::Muted))
this.icon(ToastIcon::new(IconName::GitBranchAlt).color(Color::Muted))
}
ToastWithLog { output } => this
.icon(ToastIcon::new(IconName::GitBranchSmall).color(Color::Muted))
.icon(ToastIcon::new(IconName::GitBranchAlt).color(Color::Muted))
.action("View Log", move |window, cx| {
let output = output.clone();
let output =
@ -2915,7 +2915,7 @@ impl GitPanel {
.ok();
}),
PushPrLink { text, link } => this
.icon(ToastIcon::new(IconName::GitBranchSmall).color(Color::Muted))
.icon(ToastIcon::new(IconName::GitBranchAlt).color(Color::Muted))
.action(text, move |_, cx| cx.open_url(&link)),
}
});
@ -3109,7 +3109,7 @@ impl GitPanel {
.justify_center()
.border_l_1()
.border_color(cx.theme().colors().border)
.child(Icon::new(IconName::ChevronDownSmall).size(IconSize::XSmall)),
.child(Icon::new(IconName::ChevronDown).size(IconSize::XSmall)),
),
)
.menu({
@ -4561,7 +4561,7 @@ impl Panel for GitPanel {
}
fn icon(&self, _: &Window, cx: &App) -> Option<ui::IconName> {
Some(ui::IconName::GitBranchSmall).filter(|_| GitPanelSettings::get_global(cx).button)
Some(ui::IconName::GitBranchAlt).filter(|_| GitPanelSettings::get_global(cx).button)
}
fn icon_tooltip(&self, _window: &Window, _cx: &App) -> Option<&'static str> {
@ -4808,7 +4808,7 @@ impl RenderOnce for PanelRepoFooter {
.items_center()
.child(
div().child(
Icon::new(IconName::GitBranchSmall)
Icon::new(IconName::GitBranchAlt)
.size(IconSize::Small)
.color(if single_repo {
Color::Disabled

View file

@ -356,7 +356,7 @@ mod remote_button {
"Publish",
0,
0,
Some(IconName::ArrowUpFromLine),
Some(IconName::ExpandUp),
keybinding_target.clone(),
move |_, window, cx| {
window.dispatch_action(Box::new(git::Push), cx);
@ -383,7 +383,7 @@ mod remote_button {
"Republish",
0,
0,
Some(IconName::ArrowUpFromLine),
Some(IconName::ExpandUp),
keybinding_target.clone(),
move |_, window, cx| {
window.dispatch_action(Box::new(git::Push), cx);
@ -438,7 +438,7 @@ mod remote_button {
.child(
div()
.px_1()
.child(Icon::new(IconName::ChevronDownSmall).size(IconSize::XSmall)),
.child(Icon::new(IconName::ChevronDown).size(IconSize::XSmall)),
),
)
.menu(move |window, cx| {

View file

@ -110,7 +110,7 @@ impl Render for GitOnboardingModal {
.child(Headline::new("Native Git Support").size(HeadlineSize::Large)),
)
.child(h_flex().absolute().top_2().right_2().child(
IconButton::new("cancel", IconName::X).on_click(cx.listener(
IconButton::new("cancel", IconName::Close).on_click(cx.listener(
|_, _: &ClickEvent, _window, cx| {
git_onboarding_event!("Cancelled", trigger = "X click");
cx.emit(DismissEvent);