Creative Variable Font Glyph SVG 图标
来源、作者和许可可在预览和图标详情中查看。 Creative Variable Font Glyph - 商业和个人使用均免费. 无需注册登录 | 100% 浏览器本地处理
面向开发者和前端框架的快速复制
实时代码输出
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none" width="36" height="36" role="img" aria-label="Creative Variable Font Glyph icon"><title>Creative Variable Font Glyph - 3D Vector Icons icon</title><desc>Free Creative Variable Font Glyph vector icon from the 3D Vector Icons open-source icon library; 3d style, MIT licence, viewBox 0 0 64 64, 3041 bytes.</desc>
<defs>
<linearGradient id="nx5586_d3d-3d-creative-variable-font-glyph-top" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#E2E8F0" />
<stop offset="100%" stop-color="#64748B" />
</linearGradient>
<linearGradient id="nx5586_d3d-3d-creative-variable-font-glyph-left" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#64748B" />
<stop offset="100%" stop-color="#334155" />
</linearGradient>
<linearGradient id="nx5586_d3d-3d-creative-variable-font-glyph-right" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#334155" />
<stop offset="100%" stop-color="#0F172A" />
</linearGradient>
<linearGradient id="nx5586_d3d-3d-creative-variable-font-glyph-glow" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#94A3B8" stop-opacity="0.95" />
<stop offset="100%" stop-color="#64748B" stop-opacity="0.3" />
</linearGradient>
<linearGradient id="nx5586_d3d-3d-creative-variable-font-glyph-metal" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#FFFFFF" stop-opacity="0.9" />
<stop offset="60%" stop-color="#F8FAFC" stop-opacity="0.6" />
<stop offset="100%" stop-color="#E2E8F0" stop-opacity="0.2" />
</linearGradient>
<radialGradient id="nx5586_d3d-3d-creative-variable-font-glyph-shd" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#0F172A" stop-opacity="0.4" />
<stop offset="100%" stop-color="#0F172A" stop-opacity="0" />
</radialGradient>
<radialGradient id="nx5586_d3d-3d-creative-variable-font-glyph-sphere" cx="35%" cy="30%" r="65%">
<stop offset="0%" stop-color="#E2E8F0" />
<stop offset="45%" stop-color="#64748B" />
<stop offset="85%" stop-color="#334155" />
<stop offset="100%" stop-color="#020617" />
</radialGradient>
</defs>
<ellipse cx="32" cy="57" rx="20" ry="4.5" fill="url(#nx5586_d3d-3d-creative-variable-font-glyph-shd)" />
<path d="M22,26 V16 C22,8 42,8 42,16 V26" fill="none" stroke="url(#nx5586_d3d-3d-creative-variable-font-glyph-metal)" stroke-width="7" stroke-linecap="round" />
<path d="M22,26 V16 C22,8 42,8 42,16 V26" fill="none" stroke="url(#nx5586_d3d-3d-creative-variable-font-glyph-right)" stroke-width="2.5" stroke-linecap="round" />
<polygon points="32,24 52,32 32,40 12,32" fill="url(#nx5586_d3d-3d-creative-variable-font-glyph-top)" />
<polygon points="12,32 32,40 32,54 12,46" fill="url(#nx5586_d3d-3d-creative-variable-font-glyph-left)" />
<polygon points="32,40 52,32 52,46 32,54" fill="url(#nx5586_d3d-3d-creative-variable-font-glyph-right)" />
<circle cx="32" cy="44" r="3.5" fill="#0F172A" />
<polygon points="30.5,44 33.5,44 34,50 30,50" fill="#0F172A" />
<circle cx="32" cy="44" r="1.5" fill="#22D3EE" />
</svg>
AI 提示词与矢量优化
想改进或改造这个图标吗? Creative Variable Font Glyph
生成精确的工程提示词,或者立即在画布上优化图标。 Creative Variable Font Glyph
提示词生成 100% 在浏览器完成
来源与许可核验
LICENSE.txt
Library: 3D Vector Icons | Author: SVG Nexus 3D Studio | License: MIT | 无需注册登录 | 100% 浏览器本地处理
关键词
#3d
#creative
#variable
#font
#glyph
Creative Variable Font Glyph - 矢量技术规格
来源、作者和许可可在预览和图标详情中查看。 Creative Variable Font Glyph
| 标准资源标识 | 3d-svg-icons/3d-creative-variable-font-glyph |
|---|---|
| 来源图标库包 | 3D Vector Icons |
| 坐标网格与 viewBox | viewBox="0 0 64 64" |
| 未压缩体积 | 3,291 bytes (~1,810 bytes gzipped) |
| SPDX 许可与商业使用 | MIT - 可免费商用 |
| 支持的导出格式 | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| 安全与隐私保证 | 无需注册登录 | 100% 浏览器本地处理 |
如何使用和自定义这个图标: Creative Variable Font Glyph
- 可视化自定义: 颜色, 自动(描边和填充), 描边粗细 (
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。面向从右到左书写的语言,把箭头水平翻转。
3d-creative-variable-font-glyph.svg aria-hidden="true" focusable="false"
更多分类 3D矢量图标
浏览3d
3d
Libra
Fluent UI Emoji|3d-icons3d
Device 3D Lens
Tabler Icons|3d-iconssolid
Cube
Phosphor Icons|3d-iconsoutline
Cube Focus
Phosphor Icons|3d-icons3d
3D Mouse
Mouse|3d-iconsClick 3D Double
Mouse|3d-iconsCube 3D
MingCute Icons Fill|3d-iconsBlockchain Cube
Domain Icons|3d-icons链接
Fluent UI Emoji|3d-iconsSelect 3D Box
Mouse|3d-iconsDsg Font Weight Variable 3D
3D Vector Icons|3d-iconsAvatar 3D Sound Designer Creative
3D Vector Icons|3d-iconsBrand Webpack
3D Vector Icons|brands蛋糕
3D Vector Icons|3d-iconsCalendar Copy
3D Vector Icons|3d-icons卡片
3D Vector Icons|3d-iconsCctv
3D Vector Icons|3d-iconsCld Cold Archive Glacier 3D
3D Vector Icons|filesCld Edge Computing Box 3D
3D Vector Icons|3d-iconsCld Kafka Event Stream 3D
3D Vector Icons|3d-iconsCld Optical Backup Drive 3D
3D Vector Icons|3d-iconsCloud Snow
3D Vector Icons|cloud云
3D Vector Icons|3d-icons探索更多
常见问题解答
Creative Variable Font Glyph - 常见问题解答
Creative Variable Font Glyph 适用什么许可证? +
Creative Variable Font Glyph 来自 3D Vector Icons,受 MIT 约束。署名:必须署名。
我可以以哪些格式下载 Creative Variable Font Glyph? +
Creative Variable Font Glyph 是 3d 风格的矢量图(viewBox 0 0 64 64)。可下载 SVG、PNG、WebP 或 ICO,或从此页面复制 React TSX、Vue 3、Svelte、Tailwind CSS、CSS Mask 或 Base64 代码。
Creative Variable Font Glyph 图标来自哪里? +
Creative Variable Font Glyph 是 3D Vector Icons 库的一部分,作者为 SVG Nexus 3D Studio,属于 3D矢量图标 类别。许可证全文见此页面链接的库声明文件。
100% 浏览器本地处理 | 77,087 个图标
SVG 编辑器
在浏览器中编辑路径、图层、颜色和动画,然后导出干净的 SVG、PNG 或框架代码。