Skip to content

Replace Material Icons with Google Fonts Material Symbols#488

Open
davidjiagoogle wants to merge 7 commits intomainfrom
david/replaceIcons
Open

Replace Material Icons with Google Fonts Material Symbols#488
davidjiagoogle wants to merge 7 commits intomainfrom
david/replaceIcons

Conversation

@davidjiagoogle
Copy link
Copy Markdown
Collaborator

This PR replaces all usage of the standard Compose Material Icons with the equivalent Material Symbols downloaded as XML
vectors from Google Fonts. This migration reduces the dependency on the large material-icons-extended library and switches the app to the newer, variable-font-based symbol set.

@Kimblebee
Copy link
Copy Markdown
Collaborator

/gemini summary

@Kimblebee
Copy link
Copy Markdown
Collaborator

/gemini review

Copy link
Copy Markdown
Collaborator

@temcguir temcguir left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As we caught a few unintended visual changes in this PR (like the loss of outlined vs. filled states), it highlights a great opportunity to add screenshot testing to the project.

If we implement a visual regression testing framework, like Compose Preview Screenshot Testing, these kinds of regressions would be caught automatically by our CI.

Since we already have @Preview setups for many of our components (like ToggleSwitch and PermissionTemplate), we could generate "golden" reference images. Any future refactors, like migrating icon libraries, would instantly fail the test if the pixel output changed.

Setting that up is probably out of scope for this PR, but I highly recommend we consider adding it to our issue tracker.

Copy link
Copy Markdown
Collaborator

@Kimblebee Kimblebee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

some icons were incorrect.

also i would suggest that you include "filled" or "outline" as part of the drawable naming conventions. Not all of them, but the ones that have the two vaiants. something like ic_mic_filled.xml

Comment thread ui/components/capture/src/main/res/drawable/ic_flash_on_outline.xml
Comment thread run-spotless.skill
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you mean to check this in?

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you mean to check this in?

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Did you mean to check this in?

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants