在您选择新颜色之前,系统会完整保留图标的原始默认颜色。
Javascript - 矢量与 3D 图标
来源、作者和许可可在预览和图标详情中查看。 Javascript - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-javascript" viewBox="0 0 16 16" width="36" height="36" role="img" aria-label="Javascript icon"><title>Javascript - Bootstrap Icons icon</title><desc>Free Javascript vector icon from the Bootstrap Icons open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc> <path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zM9.053 7.596v3.127l-.007 1.752q0 .498-.186.752t-.556.263q-.342 0-.528-.234-.185-.234-.185-.684v-.175H6.37v.185q0 .665.253 1.113.255.45.703.674.44.225 1.016.225.88 0 1.406-.498.527-.498.527-1.485l.007-1.752V7.596zm3.808-.108q-.585 0-1.006.244a1.67 1.67 0 0 0-.634.674 2.1 2.1 0 0 0-.225.996q0 .753.293 1.182.303.42.967.732l.469.215q.438.186.625.43.185.244.185.635 0 .478-.166.703-.156.224-.527.224-.361.001-.547-.244-.186-.243-.205-.752h-1.162q.02.996.498 1.524.479.527 1.386.527.909 0 1.417-.518.507-.517.507-1.484 0-.81-.332-1.289t-1.045-.79l-.449-.196q-.39-.166-.556-.381-.166-.214-.166-.576 0-.4.165-.596.177-.195.508-.195.361 0 .508.234.156.234.176.703h1.123q-.03-.976-.498-1.484-.47-.518-1.309-.518"/> </svg>
想改进或改造这个图标吗? Javascript
生成精确的工程提示词,或者立即在画布上优化图标。 Javascript
Library: Bootstrap Icons | Author: The Bootstrap Authors | License: MIT | 无需注册登录 | 100% 浏览器本地处理
Javascript - 矢量技术规格
来源、作者和许可可在预览和图标详情中查看。 Javascript
| 标准资源标识 | bootstrap/bootstrap-regular-javascript |
|---|---|
| 来源图标库包 | Bootstrap Icons |
| 坐标网格与 viewBox | viewBox="0 0 16 16" |
| 未压缩体积 | 1,174 bytes (~646 bytes gzipped) |
| SPDX 许可与商业使用 | MIT - 可免费商用 |
| 支持的导出格式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全与隐私保证 | 无需注册登录 | 100% 浏览器本地处理 |
如何使用和自定义这个图标: Javascript
- 可视化自定义: 颜色, 自动(描边和填充), 描边粗细 (
0.5px-4px), 实时矢量动画预设 - 下载矢量或位图: 下载 SVG, PNG(透明), WebP(已优化) (
2048x2048 px) - 复制框架代码: 复制可直接使用的 React、Next.js、Vue 3、Svelte、Angular、HTML 和 CSS 蒙版代码。
- 深度矢量编辑: 在 SVG 编辑器中编辑 (76,166)
bootstrap-regular-javascript.svg aria-hidden="true" focusable="false"
更多分类 用户界面 (UI/UX)
浏览Round Maps Maps Restaurant
Material Icons|interfaceLight Tree Structure Light
Phosphor Icons|interfaceRound Maps Maps Roundabout Left
Material Icons|interfaceLight Tree View Light
Phosphor Icons|interfaceRound Maps Maps Roundabout Right
Material Icons|interfaceLight Trend Down Light
Phosphor Icons|interfaceRound Maps Maps Route
Material Icons|interfaceLight Trend Up Light
Phosphor Icons|interfaceOutline Truck
Tabler Icons|interfaceRound Maps Maps Run Circle
Material Icons|interfaceLight Triangle Dashed Light
Phosphor Icons|interface探索更多
Javascript - 常见问题解答
Javascript SVG 图标可以免费用于商业用途吗? +
可以,来自 Bootstrap Icons 图库的 Javascript 图标采用 MIT 许可证,可免费用于商业网站和应用。
Javascript 图标在下载时会保留默认原始颜色吗? +
是的,除非您在编辑器中主动选择新颜色,否则 Javascript 会保留原始颜色设置。
如何在 React 或 Vue 中使用 Javascript 图标? +
在本页打开 React TSX 或 Vue 3 标签,点击 Copy SVG。把组件粘贴到你的项目里,用 CSS 或 Tailwind 设置样式。
我可以将 Javascript 下载为透明 PNG 图片吗? +
可以,选择最高 2048px 的尺寸并点击“下载 PNG”即可生成高清透明图片。
如何使用 CSS 为 Javascript 图标添加动画? +
在实时编辑器中点击任意动画预设,导出的 SVG 会自动包含 CSS 关键帧代码。
我可以为 Javascript 生成 AI 绘画提示词吗? +
可以,使用本页面的 AI 提示词生成器即可获取 3D 粘土、毛玻璃或霓虹风格提示词。
Javascript 图标可以调整大小而不损失清晰度吗? +
可以。Javascript 是带可缩放 viewBox 的矢量文件,在 16px、64px、512px 或任何印刷尺寸下都清晰。
Javascript 文件有问题该去哪里反馈? +
请把图标网址发到 support@svgnexus.com。关于 Javascript 的许可问题请联系 legal@svgnexus.com。
SVG 编辑器
在浏览器中编辑路径、图层、颜色和动画,然后导出干净的 SVG、PNG 或框架代码。