angular / angular/components

Add instructions to use mat-icon with alternative Material Icons themes

未关闭
#16,508 4 条评论 6 个 reaction 已指派 0 人 在 GitHub 查看
area: material/icon area: theming docs P3
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### Documentation Feedback

I recently noticed there are currently no instructions in the docs explaining how to use mat-icon with the alternative Material Icons themes (outlined, rounded, two-tone and sharp).

This may be because it is not officially supported, but I happened to find a way to make it work quite simply, so I thought it could be nice to reference this method in the docs.

I had to change the Material Icons font import url to https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp

and then use mat-icon like this: `home`

This has been discussed in a feature request issue: #14853

**Affected documentation page:** https://material.angular.io/components/icon

贡献指南

打开贡献指南

调研方向

Start at the affected Material icon documentation page and review the existing mat-icon fontSet guidance. Add instructions for the alternative themes using the import URL and fontSet example from the issue, with any support caveat clarified; the page is done when this usage is documented.

由索引模型根据 Issue 内容生成。

评估

技术栈
angular
领域
documentation
Issue 类型
文档
难度
2/5
预计耗时
1-3 小时
活跃度
停滞
描述清晰度
描述清楚
新手友好度
45/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。