SVG
共 10 条资源
线条统一的图标库:Lucide 开源免费,SVG 随取随用
界面图标最怕风格打架。Lucide 是一套「所有图标都用同一套线条规范画出来」的 SVG 图标库,放在一起天然协调。
5000+ 图标一次拿全:Tabler Icons 开源免费,MIT 授权最宽松
图标库的实用性问题往往出在「找不到想要的那个语义」。Tabler Icons 的图标数量在开源图标库里属于第一档,覆盖面广,风格也统一。
Tailwind 团队做的图标库:Heroicons 开源免费,描边实心都有
同一个图标,有时候需要描边版,有时候需要实心版——比如导航栏未选中用描边、选中了用实心。Heroicons 为每个图标都提供了两种风格。
一个图标六种轻重:Phosphor Icons 开源免费,风格弹到最细
界面的视觉密度是变化的:大屏设计稿里图标可以细一点,密集的移动端工具栏就得粗一点。Phosphor Icons 让同一个图标有六种「轻重」可选。
Google 官方图标:Material Symbols 免费,还能调粗细和圆角
谷歌的 Material 图标经历了三代,现在的 Material Symbols 是可变的:粗细、字号、圆角、填充程度都能通过参数调,一个图标能演化出很多种长相。
品牌图标不用手绘:Simple Icons 收录 3000+ 品牌标识,CC0 授权
做「分享到微信」「关注我们」这类模块时,最难的不是排版,是找到风格一致、又不会画歪的品牌标识。Simple Icons 把主流品牌与平台的标识统一重绘了一遍。
做游戏素材也能免费用:Game-icons 4000+ 图标,CC BY 授权
做独立游戏或桌游时,技能、道具、状态这些图标需求量很大。Game-icons.net 是一群设计师协作产出的图标库,风格偏手绘、偏中世纪奇幻,和现成的商用图标库气质完全不同。
项目里想用 emoji 又怕版权:OpenMoji 开源表情 4000+,可商用
把 emoji 放进海报或界面里,会遇到一个隐形问题:各平台的 emoji 字体是专有设计,商用不一定允许。OpenMoji 是一套完全开源、可自由使用的表情图形。
背景图不用会设计:Haikei 在线生成 SVG 背景,免费可商用
页面背景是最容易被忽视、又最影响质感的一块。用纯色太平,用照片太重。Haikei 能在线生成 SVG 背景,体积小、可无限缩放。
做平铺纹理不用画:Pattern Monster 免费 SVG 图案随取随用
网页背景、卡片底纹、包装设计里常用到「平铺纹理」。手工画无缝图案很费功夫,Pattern Monster 提供了一批现成的、参数可调的 SVG 图案。