找图标最容易踩坑的是“看起来免费就拿去用”。更稳的做法是:下载前先看授权(是否允许商用、是否需要署名、是否允许二次修改),把链接与授权说明在项目里留存,后续复用才不会出问题。
网址:https://fonts.google.com/icons
特点:风格统一,适合产品界面;支持多种样式与可变粗细。注意:下载时确认格式(SVG/PNG)与使用方式(字体/图标)。
网址:https://fontawesome.com/icons
特点:生态成熟,覆盖面广。注意:免费/付费图标混在一起,使用前看清标记。
网址:https://feathericons.com/
特点:线性风格轻量,适合极简UI。注意:线性图标在深色背景要注意描边粗细。
网址:https://heroicons.com/
特点:适合现代产品UI,提供线性与实心。注意:不同风格混用会显得不统一。
网址:https://tabler.io/icons
特点:数量多,线性风格一致。注意:导入Figma后建议统一 stroke 与尺寸规则。
网址:https://remixicon.com/
特点:适合产品与运营场景。注意:确认许可与版本更新,避免后续替换困难。
网址:https://iconoir.com/
特点:线性图标多,适合做组件库。注意:下载后最好做一次命名规范化。
网址:https://www.svgrepo.com/
特点:资源非常多,适合补齐冷门图标。注意:来源复杂,商用前必须看清每个资源的许可。
网址:https://thenounproject.com/
特点:概念覆盖广。注意:授权模式多样,很多需要署名或付费。
网址:https://www.flaticon.com/
特点:量大且风格多。注意:商用与署名规则要看清;建议统一风格后再使用。
网址:https://www.iconfinder.com/
特点:可按许可筛选。注意:下载时优先选择“商业可用”并保留许可说明。
网址:https://simpleicons.org/
特点:品牌图标齐全。注意:品牌Logo涉及商标使用规范,最好按品牌指南使用。
如果你要做长期可复用的图标库,建议先统一:尺寸(如 24px/32px)、描边(如 2px)、圆角与对齐方式。把不统一的图标做一次批量调整再入库,后续页面会更整洁。
商用项目里,授权比“找到一个图标”更重要。建议把你常用的 2-3 个站点定为主来源,其他站点只做补充;每次下载保留链接与授权截图,避免后续被追溯时拿不出证据。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。
最常见问题是来源太多导致线条粗细、圆角、透视和填充风格混在一起。更稳的做法是固定一套主力图标集作为默认(比如线性或实心),其他站点只在缺图时补齐,并在进库前统一尺寸、描边与对齐规则。