Material Symbols翻译站点

2小时前发布 0 00

Google 免费开源的可变图标库,提供 Outlined、Rounded 和 Sharp 三种风格,并附 Apache 2.0 商用许可。

所在地:
全球
语言:
英语
收录时间:
2026-10-25

Material Symbols 是 Google 当前维护的 Material 图标集。官方把完整可变字体、代码点表和静态 SVG 放在公开仓库里,网页端还能在 Google Fonts 图标浏览器中按名称搜索和调整样式。

核心文件下载无需注册。仓库没有试用期、积分、会员和付费版本,作品采用 Apache License 2.0,允许商业使用、修改和再分发。再分发和改动时需要照许可证处理声明。

核心信息

项目核验结果
资源类型开源图标与可变图标字体
核验版本固定提交 10ecc147,提交日期为 2026 年 10 月 23 日
名称数量三套代码点表各有 4304 个名称
视觉风格Outlined、Rounded 和 Sharp
可变参数光学尺寸、字重、等级和填充
文件格式WOFF2、TTF、SVG 与代码点文本
作品许可Apache License 2.0
账号要求浏览仓库、单文件下载和字体下载均无需注册

资源里有什么

Material Symbols 分成 Outlined、Rounded 和 Sharp 三套可变字体。每套字体都能调整四个轴。光学尺寸覆盖 20 到 48,字重覆盖 100 到 700,等级覆盖负 50 到 200,填充则在空心和实心效果之间变化。

Material Symbols 轮廓圆润和锐利三种图标风格预览
同一组官方图标在三种风格中的视觉差别。

固定提交中的三份代码点表各列出 4304 个名称。网站和应用可以加载整套 WOFF2 可变字体,也可以从 symbols 目录取单个 SVG。需要清楚边缘和方便改色的界面图标时,SVG 更好处理。大量同风格图标同时出现在网页中,字体方案往往更省请求。

Material Symbols 字重填充和等级可变轴效果预览
调色板图标在几组官方参数下的效果。

如何查找和下载

想先挑图标,可以打开 Google Fonts 图标浏览器,在左上角确认选中 Material Symbols,再按英文名称搜索。页面适合查看图标和复制网页用法。

需要保存源文件时,进入 Google 官方仓库。variablefont 目录提供三种风格的 WOFF2、TTF 和代码点表,symbols 目录提供静态图标。下载单个图标时按名称打开对应目录,再选风格、尺寸、字重和填充版本。

开发者自行托管时,可把所需 WOFF2 放进项目并用 CSS 设置字体变化轴。只用少量图标的项目适合挑出 SVG,能少带很多未使用内容。

许可与商用边界

使用场景许可与条件
商业网站与应用Apache 2.0 允许使用、展示和修改
复制或再分发文件向接收者附上 Apache 2.0 许可文本
修改后再分发在改过的文件中作醒目标记,并保留适用声明
专利条款遵守许可证第三节的专利授权与终止条件
名称与商标许可证不授予 Google 商标,也不代表官方背书
本文预览图由官方 SVG 排版并改色,属于已注明改动的编辑性改编

官方许可文件授予免费且免版税的版权许可,覆盖复制、制作衍生作品、公开展示、再许可和分发。商业项目可以使用这些文件。把原文件或衍生文件交给别人时,要附上许可文本,保留仍然适用的版权、专利、商标与署名声明,改过的文件也要写明改动。

限制与注意事项

4304 指固定提交代码点表里的名称数量,后续仓库更新可能增删名称。官方说明只有 20 和 24 像素版本经过完整的像素网格对齐,较大光学尺寸适合按视觉效果检查,不能把每个尺寸都当成简单等比缩放。

Material Symbols 当前不收录第三方品牌标志。项目若需要公司商标,要另找权利清楚的品牌资源。仓库 README 还列出一些社区维护的 npm 包,Google 明确说明不监控也不审核这些包。想保持第一方来源,可直接使用仓库中的 variablefont 和 symbols 目录。

图标本身不能替代文字说明。导航、危险操作和无障碍场景需要配合标签或可访问名称,颜色与字重也要留出足够对比度。

适合谁

Material Symbols 适合产品界面、网站导航、设计系统、原型和演示稿。它的风格统一,字体与 SVG 两种交付方式都齐全,四个可变轴也给设计师留下了细调空间。团队只要把许可文本和改动记录随项目保存,后续交接会很清楚。

数据统计

相关导航