Skip to content

feat(material/icon): add material symbol classes automatically - #33750

Merged
crisbeto merged 1 commit into
angular:mainfrom
crisbeto:material-symbols-classes
Aug 31, 2026
Merged

feat(material/icon): add material symbol classes automatically#33750
crisbeto merged 1 commit into
angular:mainfrom
crisbeto:material-symbols-classes

Conversation

@crisbeto

@crisbeto crisbeto commented Aug 31, 2026

Copy link
Copy Markdown
Member

Note: there's some follow-up work to be done like changing the schematics. I want to run this first through our internal tests to see how breaking it might be.

We add the class for the Material Icons font set by default which has been deprecated for a while in favor of Material Symbols. These changes add some logic to detect if Material Symbols are loaded, and if they are, to add the relevant class automatically.

Note that if both the legacy and non-legacy fonts are present, we fall back to the old behavior in order to avoid breaking apps that load both for whatever reason.

Related to #24845.

@crisbeto crisbeto added target: minor This PR is targeted for the next minor release merge: preserve commits When the PR is merged, a rebase and merge should be performed labels Aug 31, 2026
@angular-robot angular-robot Bot added detected: feature PR contains a feature commit area: build & ci Related the build and CI infrastructure of the project area: material/icon labels Aug 31, 2026
@crisbeto
crisbeto force-pushed the material-symbols-classes branch from d734148 to 0ada498 Compare August 31, 2026 08:05
@crisbeto crisbeto removed the merge: preserve commits When the PR is merged, a rebase and merge should be performed label Aug 31, 2026
@crisbeto
crisbeto force-pushed the material-symbols-classes branch from 0ada498 to ba067f5 Compare August 31, 2026 12:03
@crisbeto crisbeto changed the title feat(material/icon): add material symbol classes by default feat(material/icon): add material symbol classes automatically Aug 31, 2026
We add the class for the Material Icons font set by default which has been deprecated for a while in favor of Material Symbols. These changes add some logic to detect if Material Symbols are loaded, and if they are, to add the relevant class automatically.

Note that if both the legacy and non-legacy fonts are present, we fall back to the old behavior in order to avoid breaking apps that load both for whatever reason.

Related to angular#24845.
@crisbeto
crisbeto force-pushed the material-symbols-classes branch from ba067f5 to a158f4f Compare August 31, 2026 12:15
@crisbeto
crisbeto marked this pull request as ready for review August 31, 2026 12:35
@pullapprove
pullapprove Bot requested review from andrewseguin and tjshiu August 31, 2026 12:35
@crisbeto crisbeto added the action: merge The PR is ready for merge by the caretaker label Aug 31, 2026
@crisbeto
crisbeto merged commit 5d64e39 into angular:main Aug 31, 2026
31 of 33 checks passed
@crisbeto

Copy link
Copy Markdown
Member Author

This PR was merged into the repository. The changes were merged into the following branches:

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

Labels

action: merge The PR is ready for merge by the caretaker area: build & ci Related the build and CI infrastructure of the project area: material/icon detected: feature PR contains a feature commit target: minor This PR is targeted for the next minor release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants