3d
Select 3D Box SVG 图标
来源、作者和许可可在预览和图标详情中查看。 Select 3D Box - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理
面向开发者和前端框架的快速复制
实时代码输出
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="36" height="36" role="img" aria-label="Select 3D Box icon"><title>Select 3D Box - Mouse icon</title><desc>Free Select 3D Box vector icon from the Mouse open-source icon library; 3d style, MIT licence, viewBox 0 0 48 48, 4022 bytes.</desc>
<defs>
<linearGradient id="nx3843_sb-f" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#FFFFFF"/><stop offset="0.5" stop-color="#CBD5E3"/><stop offset="1" stop-color="#8693A8"/></linearGradient>
<radialGradient id="nx3843_sb-sh"><stop offset="0" stop-color="#0B1220" stop-opacity="0.38"/><stop offset="1" stop-color="#0B1220" stop-opacity="0"/></radialGradient>
<linearGradient id="nx3843_sb-ab" x1="0" y1="0" x2="0.6" y2="1"><stop offset="0" stop-color="#445068"/><stop offset="1" stop-color="#252E40"/></linearGradient>
<linearGradient id="nx3843_sb-aa" x1="0.1" y1="0" x2="0.9" y2="1"><stop offset="0" stop-color="#7B8AA3"/><stop offset="0.5" stop-color="#445068"/><stop offset="1" stop-color="#445068"/></linearGradient>
<clipPath id="nx3843_sb-ac"><path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z"/></clipPath>
</defs>
<ellipse cx="23" cy="46.2" rx="15" ry="1.3" fill="url(#nx3843_sb-sh)"/>
<rect x="5" y="5" width="28" height="24" fill="#3D7BFF" fill-opacity="0.14"/>
<rect x="5" y="5" width="28" height="24" fill="none" stroke="#3D7BFF" stroke-width="2" stroke-dasharray="3.5 3"/>
<rect x="1.7999999999999998" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 1.6)"/>
<rect x="1.7999999999999998" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 0.8)"/>
<rect x="1.7999999999999998" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="url(#nx3843_sb-f)" stroke="#3D7BFF" stroke-width="1.3"/>
<rect x="29.8" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 1.6)"/>
<rect x="29.8" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 0.8)"/>
<rect x="29.8" y="1.7999999999999998" width="6.4" height="6.4" rx="1.8" fill="url(#nx3843_sb-f)" stroke="#3D7BFF" stroke-width="1.3"/>
<rect x="1.7999999999999998" y="25.8" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 1.6)"/>
<rect x="1.7999999999999998" y="25.8" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 0.8)"/>
<rect x="1.7999999999999998" y="25.8" width="6.4" height="6.4" rx="1.8" fill="url(#nx3843_sb-f)" stroke="#3D7BFF" stroke-width="1.3"/>
<rect x="29.8" y="25.8" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 1.6)"/>
<rect x="29.8" y="25.8" width="6.4" height="6.4" rx="1.8" fill="#5E6B80" transform="translate(0 0.8)"/>
<rect x="29.8" y="25.8" width="6.4" height="6.4" rx="1.8" fill="url(#nx3843_sb-f)" stroke="#3D7BFF" stroke-width="1.3"/>
<path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z" fill="#161C2A" transform="translate(1.0 1.6)"/>
<path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z" fill="#161C2A" transform="translate(0.75 1.2)"/>
<path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z" fill="#161C2A" transform="translate(0.5 0.8)"/>
<path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z" fill="#161C2A" transform="translate(0.25 0.4)"/>
<path d="M32.3 28.97Q32 27.5 33.36 28.13L43.73 32.91Q45 33.5 43.68 33.97L38.94 35.66Q38 36 37.72 36.96L35.92 43.06Q35.5 44.5 35.2 43.03Z" fill="url(#nx3843_sb-ab)"/>
<path d="M29.6 24.1 L40.4 39.4 H100.4 V-35.9 H29.6 Z" fill="url(#nx3843_sb-aa)" clip-path="url(#nx3843_sb-ac)"/>
<path d="M35.1 30.4 L39.9 32.6" fill="none" stroke="#FFFFFF" stroke-opacity="0.6" stroke-width="1.3" stroke-linecap="round"/>
<path d="M34.3 32.1 L36.0 40.3" fill="none" stroke="#FFFFFF" stroke-opacity="0.35" stroke-width="1.3" stroke-linecap="round"/>
</svg>
AI 提示词与矢量优化
想改进或改造这个图标吗? Select 3D Box
生成精确的工程提示词,或者立即在画布上优化图标。 Select 3D Box
提示词生成 100% 在浏览器完成
来源与许可核验
LICENSE.txt
Library: Mouse | Author: Mouse Contributors | License: MIT | 无需注册登录 | 100% 浏览器本地处理
关键词
#select
#3d
#box
#mouse
Select 3D Box - 矢量技术规格
来源、作者和许可可在预览和图标详情中查看。 Select 3D Box
如何使用和自定义这个图标: Select 3D Box
- 可视化自定义: 颜色, 自动(描边和填充), 描边粗细 (
0.5px-4px), 实时矢量动画预设 - 下载矢量或位图: 下载 SVG, PNG(透明), WebP(已优化) (
2048x2048 px) - 复制框架代码: 复制可直接使用的 React、Next.js、Vue 3、Svelte、Angular、HTML 和 CSS 蒙版代码。
- 深度矢量编辑: 在 SVG 编辑器中编辑 (77,087)
无障碍提示 (WCAG 2.1): 装饰性图标用 aria-hidden 与 focusable false 隐藏。只有图标的按钮要给出清晰的 aria-label。面向从右到左书写的语言,把箭头水平翻转。
select-3d-box.svg aria-hidden="true" focusable="false"
更多分类 3D矢量图标
浏览3d
Shop Premium Gold Box 3D
3D Vector Icons|ecommerce3d
Person Bouncing Ball
Fluent UI Emoji|3d-icons3d
Person Cartwheeling
Fluent UI Emoji|3d-iconsduotone
Cube
Phosphor Icons|3d-icons3d
Action 3D Rotation
Material Icons|3d-iconsCube Send
Tabler Icons|3d-iconsAction 3D Rotation
Material Icons|3d-iconsAvatar 3D Sample
SVG Icons Collection|3d-iconsCube Transparent
Heroicons|3d-iconsCube Five
IconPark|3d-iconsBlockchain Cube
Domain Icons|3d-iconsBlockchain Cube
Domain Icons|3d-iconsWallet Finance Sample
3D Vector Icons|financePerson Curly Hair Dark
Fluent UI Emoji|3d-iconsAction 3D Rotation
Material Icons|3d-icons3D Cursor Rig
Mouse|3d-icons3D Parallax Planes
Mouse|3d-iconsCard File Box
Fluent UI Emoji|3d-iconsCheck Box With
Fluent UI Emoji|3d-iconsCube Transparent
Heroicons|3d-icons3D Wireless
Mouse|3d-icons3D Brand React
3D Vector Icons|3d-iconsBiohazard
Fluent UI Emoji|3d-icons探索更多
常见问题解答
Select 3D Box - 常见问题解答
Select 3D Box 适用什么许可证? +
Select 3D Box 来自 Mouse,受 MIT 约束。署名:必须署名。
我可以以哪些格式下载 Select 3D Box? +
Select 3D Box 是 3d 风格的矢量图(viewBox 0 0 48 48)。可下载 SVG、PNG、WebP 或 ICO,或从此页面复制 React TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask 或 Base64 代码。
Select 3D Box 图标来自哪里? +
Select 3D Box 是 Mouse 库的一部分,作者为 Mouse Contributors,属于 3D矢量图标 类别。许可证全文见此页面链接的库声明文件。
100% 浏览器本地处理 | 77,087 个图标
SVG 编辑器
在浏览器中编辑路径、图层、颜色和动画,然后导出干净的 SVG、PNG 或框架代码。