跳到内容
SVG Nexus 矢量与 3D 图标

Mouse

Mouse 开源矢量图标库（共 542 个图标），采用 MIT 许可证，支持免费商用。

Mouse MIT
作者: Mouse Contributors | 查看通知文件 (LICENSE.txt)

SVG Nexus / Library

找到合适的图标。

按领域、分类、风格和许可浏览矢量资源。

打开矢量工作室

1. 按领域浏览

许可信息

2. 图标库

快速搜索:

人气、最新和下载排序保持关闭，因为我们不跟踪用户数据和统计信息。

542 个图标

来源、作者和许可可在预览和图标详情中查看。

实用 SVG 指南与开发教程

开发者指南与教程

专为设计师与前端开发者编写的清晰简明指南。

SVG 与 PNG 对比：您应该选择哪种格式？

网站图标、品牌标志和界面设计请使用 SVG 格式，因为矢量路径在任何分辨率屏幕上都清晰锐利。需要用于邮件签名或社交平台固定尺寸图片时请选择 PNG。

如何使用 CSS 为 SVG 图标添加动画

为内联 SVG 元素添加 CSS 类名并应用 transform 或 stroke-dasharray 关键帧动画。使用我们的实时编辑器无需 JavaScript 即可生成流畅的 60fps 动画。

如何在 Figma 或浏览器中编辑 SVG 图标

从 SVG Nexus 复制 SVG 代码并直接粘贴到 Figma 或 Illustrator 画布中即可编辑矢量节点；也可直接在浏览器中打开矢量工作室修改图层与颜色。

如何在 React、Next.js 和 Vue 中使用 SVG 图标

在任意图标页面切换到 React TSX 或 Vue 3 标签页即可复制组件代码，支持 currentColor 自动跟随 Tailwind CSS 文字颜色。

常见问题解答

如何快速搜索和筛选 76,166 个 SVG 图标？ +

在实时搜索框输入关键词即可在数毫秒内无刷新筛选图标，并可按分类、图库文件夹和风格组合过滤。

我可以同时下载 SVG 矢量格式和高清 PNG 格式吗？ +

可以。每个图标都支持下载纯净的 SVG 文件，或在浏览器中直接导出 64x64 至 2048x2048 像素的透明 PNG 图片。

所有图标库都可以免费用于商业项目吗？ +

目录按图标库采用各自的开源许可。MIT、ISC 和 Apache-2.0 覆盖大多数图标库，允许商业使用。Twemoji 图像采用 CC BY 4.0，必须署名；OpenMoji 采用 CC BY-SA 4.0，必须署名，且修改后的图像要按相同许可分享。每个图标库保留各自的许可，商业使用前请查看许可表。每个图标页面的许可标签会显示该图标的确切规则。

为什么彩色图标和品牌图标会保留原始颜色？ +

我们默认保留 SVG 的原始填充和描边颜色，确保品牌标志、国旗和 3D 图标在下载时保持真实色彩。

如何将多个图标合并为一个 SVG 雪碧图文件？ +

使用 SVG 雪碧图生成器或矢量工作室，可将多个图标打包为一个可复用的 symbol 雪碧图文件。

下载图标需要注册账号或付费订阅吗？ +

无需注册账号或付费订阅，所有 76,166 个图标和 8 款工具全部免费开放。

目录一页可以预览多少个图标？ +

每次加载 48 个图标，可以继续加载或打开编号页面。每个页面都有独立网址。

可以按 lucide 或 tabler 这样的文件夹名搜索吗？ +

可以。输入文件夹名，或用文件夹按钮和图标库筛选，网格会即时更新，无需刷新。

输入内容以搜索 76,166 个矢量图标...

方向键移动 | Enter 打开 浏览全部图标

对比

图标来源与许可

许可 商业使用 署名 修改与改色
MIT允许包内附通知允许
ISC允许包内附通知允许
Apache-2.0允许需附通知文件允许
CC BY 4.0允许必须署名允许
CC-BY-SA-4.0允许相同方式共享相同方式共享
Trademark / Brand仅限指代性使用持有者规范受限

图标预览