先分功能图标和品牌图标
功能图标和品牌标志需要分开管理:前者关注图标库许可、尺寸与线宽;后者还要遵守品牌的商标和展示规则。Google 的 Material Symbols 官方文档明确使用 Apache 2.0 许可;Font Awesome Free 则区分图标、字体和代码的许可,不能把整套素材笼统理解为“完全无条件免费”。
Font Awesome、Material Symbols 这类成熟库的好处,是授权和使用方式比较透明。
SVG 往往更适合网页界面
界面图标需要适配不同屏幕和尺寸时,SVG 不容易因为放大变糊,也便于通过 CSS 控制颜色。但最终仍要看你使用的框架和发布平台。
如果只是社交图片里的装饰,PNG 也完全够用。
下载时顺手记来源
每次引入新图标库,至少保存库名称、版本或下载日期、许可证名称与链接;如果使用了品牌图标,再记录其品牌使用要求。更换图标库或打包进商业产品前,重新核对当前发布的许可证。
授权不明确的素材,宁可换一个来源清楚的,也不要等网站上线后再补课。
同一页面尽量别混太多图标体系
不同图标库的线宽、圆角、视觉重心差异很明显。功能图标东拿一个西拿一个,页面会显得很碎。选定一套主图标体系,再为确实缺少的特殊图标补充,比“哪个顺眼用哪个”更容易保持统一。
同一种图标也要区分文件与品牌
例如 Google Material Symbols 的图标素材按 Apache 2.0 使用;这不意味着任意第三方 Logo 的商标都不受限制。制作站点按钮时,图标文件许可与品牌名称、Logo 使用规则要分开检查。