是个好工具
改个按钮文案、补一张空状态图，图标一时想不起来叫什么——别急着开设计软件全家桶。下面四个站都是开源图标库的网页版：打开就能搜，点一下常能复制 SVG 或类名，午休翻一翻够用。 做网页的人大概率听过 Bootstrap。它的图标库单独有页：https://icons.getbootstrap.com/ 。顶部搜索框敲英文关键词，比如 风格偏干净线框，和常见后台、文档站很搭。图标数量没有「无穷无尽」那种夸张感，但常用动作基本齐。边界也清楚：它是 Bootstrap 生态的一部分，视觉气质统一；你要的是插画风吉祥物，这里没有。商用前仍建议扫一眼仓库的许可说明，别凭印象口头说「随便用」。 同一个「文件夹」「铃铛」，有时想细线，有时想稍粗一点压得住。https://phosphoricons.com/ 这套家族的卖点就是灵活：界面里能调字重、风格，图标还适合拿去配示意图、演示稿，不只是导航栏那一排。 上手很短：打开站点 → 搜名字或扫分类 → 选中后按页面提供的导出/复制方式拿走。英文检索更准；中文词未必对得上，用动作英文词通常更快。别指望它替你做品牌吉祥物设计；它是系统符号库，不是插画商店。免费开源取向，具体条款以站点/仓库为准，团队商用进项目前自己存一份许可链接更省事。 有人喜欢线框清爽，有人做实心底栏更需要面性图标。https://remixicon.com/ 把中性系统符号做得很全，线、面两套常见搭配，设计师和前端都好认。搜 页面本身也偏文档站气质：搜、浏览、复制，路径短。它不负责教你信息架构，也不保证和你现有 UI 库的间距规范自动对齐——拷进项目后仍要按自家组件规范改尺寸和颜色。开源中性风，商用同样以官方许可为准；拿去当 App Store 截图里的装饰插画，气质可能偏「后台工具」，自己看着办。 前面三个够应付日常；想多翻几页冷门符号，可以打开 https://tabler.io/icons 。站点写着六千以上免费开源 SVG，能调大小、颜色、描边，适合网页和界面稿。搜索框照旧靠英文关键词；分类浏览适合「我也不知道官方叫啥，先扫一眼」。 量大的代价是选择困难：同类图标可能有好几个近似形，定稿前宜在真实字号下对比，别只在库页放大预览就拍板。它同样不是位图素材站，复杂品牌图形、多色插画别往这硬找。复制进仓库后记得分好目录，避免和 Bootstrap / Remix 混用却不管命名冲突。 怎么挑：已经在用 Bootstrap，优先翻 Bootstrap Icons；要调粗细和演示感，去 Phosphor；要线面成套，Remix；想多扫冷门符号，Tabler。四个都是浏览器打开就能搜，敏感的「能不能商用」以各库许可页为准，别只听转述。你平时更常缺导航图标，还是空状态那一类？评论区丢一句。 点个关注，下次改界面缺图标，先收藏这四个搜索页，少为找一个箭头装一整套设计软件。 📖 往期精选 没看够？这些干货也别错过 👇Bootstrap Icons：跟 Bootstrap 一家的
search、download、person，列表立刻缩。点进单个图标，能看 SVG 代码，也能按说明用字体类名。Phosphor：字重能拧一拧
Remix Icon：线面两套，前端里常见
home、settings、message 这类词，结果密度高，适合「我知道要什么功能图标，只是缺文件」。Tabler Icons：量大，参数能拧
- 上一篇: Flash 退役了，这馆里还能接着玩
- 下一篇: 想翻小人书？浏览器里有座连环画馆
评论
评论（0）