outline
outline
MIT
11 个矢量节点
1. 颜色
在您选择新颜色之前，系统会完整保留图标的原始默认颜色。
2. 画布背景与变换
3. 实时矢量动画预设
包含在 SVG 导出中
With Lantern - 矢量与 3D 图标
来源、作者和许可可在预览和图标详情中查看。 With Lantern - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理
面向开发者和前端框架的快速复制
实时代码输出
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" color="currentColor" width="36" height="36" role="img" aria-label="With Lantern icon"><title>With Lantern - Mouse icon</title><desc>Free With Lantern vector icon from the Mouse open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <g transform="translate(-2.2 -1) translate(2.64 2.64) scale(0.78)"><path d="M12 20.6C7.4 20.6 4.8 17.4 4.8 12.8C4.8 10.4 5.4 8.4 6.6 7.2C4.4 6.4 3.8 3.4 5.8 2.6C7.8 1.8 9.4 3.2 9.4 5.0C10.2 4.4 11.1 4.2 12 4.2C12.9 4.2 13.8 4.4 14.6 5.0C14.6 3.2 16.2 1.8 18.2 2.6C20.2 3.4 19.6 6.4 17.4 7.2C18.6 8.4 19.2 10.4 19.2 12.8C19.2 17.4 16.6 20.6 12 20.6Z" fill="none"/><circle cx="9.7" cy="10.9" r="0.95" fill="currentColor" stroke="none"/><circle cx="14.3" cy="10.9" r="0.95" fill="currentColor" stroke="none"/><circle cx="12" cy="14.2" r="0.75" fill="currentColor" stroke="none"/><path d="M10.6 16.2C11.4 17.0 12.6 17.0 13.4 16.2" fill="none" stroke-width="1.2"/><path d="M5.4 11.8L2.8 11.0" fill="none" stroke-width="1.1"/><path d="M5.5 13.4L3.0 13.6" fill="none" stroke-width="1.1"/></g><path d="M14.6 17.6C16.4 17.2 17.8 16.0 18.4 14.4" fill="none" stroke-width="1.3"/><rect x="16.4" y="14" width="5" height="5" rx="1.2" fill="none" stroke-width="1.4"/><path d="M16.4 16.2H21.4" fill="none" stroke-width="1" stroke-opacity="0.45" fill-opacity="0.45"/><path d="M17.4 13.0H20.4" fill="none" stroke-width="1.2"/> </svg>
AI 提示词与矢量优化
想改进或改造这个图标吗？ With Lantern
生成精确的工程提示词，或者立即在画布上优化图标。 With Lantern
提示词生成 100% 在浏览器完成
来源与许可核验
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | 无需注册登录 | 100% 浏览器本地处理
关键词
#mouse
#with
#lantern
#interface
#outline
#with lantern svg
#with lantern icon
#with lantern mouse
#with lantern react tsx
#with lantern vue
#with lantern png
您的语言热门搜索
免费SVG图标下载
矢量图标库免费商用
SVG转PNG在线工具
免费在线SVG编辑器
3D矢量图标
SVG代码压缩优化
React Vue SVG组件导出
CSS SVG动画教程
svg 图标库
免费图标包
With Lantern - 矢量技术规格
来源、作者和许可可在预览和图标详情中查看。 With Lantern
| 标准资源标识 | mouse/mouse-with-lantern |
|---|---|
| 来源图标库包 | Mouse |
| 坐标网格与 viewBox | viewBox="0 0 24 24" |
| 未压缩体积 | 1,540 bytes (~847 bytes gzipped) |
| SPDX 许可与商业使用 | MIT - 可免费商用 |
| 支持的导出格式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全与隐私保证 | 无需注册登录 | 100% 浏览器本地处理 |
如何使用和自定义这个图标: With Lantern
- 可视化自定义: 颜色, 自动（描边和填充）, 描边粗细 (
0.5px-4px), 实时矢量动画预设 - 下载矢量或位图: 下载 SVG, PNG（透明）, WebP（已优化） (
2048x2048 px) - 复制框架代码: 复制可直接使用的 React、Next.js、Vue 3、Svelte、Angular、HTML 和 CSS 蒙版代码。
- 深度矢量编辑: 在 SVG 编辑器中编辑 (76,166)
无障碍提示 (WCAG 2.1): 装饰性图标用 aria-hidden 与 focusable false 隐藏。只有图标的按钮要给出清晰的 aria-label。面向从右到左书写的语言，把箭头水平翻转。
mouse-with-lantern.svg aria-hidden="true" focusable="false"
更多分类 用户界面 (UI/UX)
浏览
outline
Outlined Action Action Manage History
Material Icons|interface
duotone
Duotone Mailbox Duotone
Phosphor Icons|interface
outline
Ticket One
IconPark|interface
outline
Outlined Action Action Mark As Unread
Material Icons|interface
outline
Outline Circle Asterisk
Tabler Icons|interface
票
IconPark|interface
Outlined Action Action Markunread Mailbox
Material Icons|interface
Tickets Checked
IconPark|interface
Outlined Action Action Maximize
Material Icons|interface
Tickets One
IconPark|interface
Outlined Action Action Mediation
Material Icons|interface探索更多
常见问题解答
With Lantern - 常见问题解答
With Lantern SVG 图标可以免费用于商业用途吗？ +
可以，来自 Mouse 图库的 With Lantern 图标采用 MIT 许可证，可免费用于商业网站和应用。
With Lantern 图标在下载时会保留默认原始颜色吗？ +
是的，除非您在编辑器中主动选择新颜色，否则 With Lantern 会保留原始颜色设置。
如何在 React 或 Vue 中使用 With Lantern 图标？ +
在本页打开 React TSX 或 Vue 3 标签，点击 Copy SVG。把组件粘贴到你的项目里，用 CSS 或 Tailwind 设置样式。
我可以将 With Lantern 下载为透明 PNG 图片吗？ +
可以，选择最高 2048px 的尺寸并点击“下载 PNG”即可生成高清透明图片。
如何使用 CSS 为 With Lantern 图标添加动画？ +
在实时编辑器中点击任意动画预设，导出的 SVG 会自动包含 CSS 关键帧代码。
我可以为 With Lantern 生成 AI 绘画提示词吗？ +
可以，使用本页面的 AI 提示词生成器即可获取 3D 粘土、毛玻璃或霓虹风格提示词。
With Lantern 图标可以调整大小而不损失清晰度吗？ +
可以。With Lantern 是带可缩放 viewBox 的矢量文件，在 16px、64px、512px 或任何印刷尺寸下都清晰。
With Lantern 文件有问题该去哪里反馈？ +
请把图标网址发到 support@svgnexus.com。关于 With Lantern 的许可问题请联系 legal@svgnexus.com。
100% 浏览器本地处理 | 76,166 个图标
SVG 编辑器
在浏览器中编辑路径、图层、颜色和动画，然后导出干净的 SVG、PNG 或框架代码。