支付宝
Alipay
Beam
Beam 官方矢量标志，归属金融支付分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
色彩提取
点击直接复制色值下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 24 24
- 源码体积
- 1.8 KB · 8 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Beam.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- Beam
- 行业分类归属
- 金融支付
- 官方基色 (HEX / RGB / HSL)
- #0B76FFrgb(11, 118, 255) · hsl(214, 100%, 52%)
- WCAG 亮暗底对比度与矢量体积
- 白底 4.2:1 · 暗底 4.8:1 · 1.8 KB
矢量代码片段
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9995 16.0508H15.7343L11.9995 9.75097V5.70019L19.6496 18.2998H11.9995V16.0508Z" fill="#0B76FF"/>
<path d="M11.9992 16.0508H8.2466L11.9992 9.75097V5.70019L4.34912 18.2998H11.9992V16.0508Z" fill="#24C1FF"/>
<path d="M12.0001 11.5511V15.1504H9.75L12.0001 11.5511Z" fill="#39FFF2"/>
<path d="M11.9995 11.5511V15.1504H14.2496L11.9995 11.5511Z" fill="#00E2C2"/>
<path d="M3 9.64299L11.9909 13.8009V14.2367L3 12.271V9.64299Z" fill="url(#paint0_linear_328_57689)"/>
<path d="M21 8.43272L11.9912 13.8055V13.9535L21 10.1694V8.43272Z" fill="url(#paint1_linear_328_57689)"/>
<path d="M21 13.6382L11.9912 14.242V14.0971L21 11.9027V13.6382Z" fill="url(#paint2_linear_328_57689)"/>
<path d="M21 10.1686L11.9912 13.9485V14.0965L21 11.9021V10.1686Z" fill="url(#paint3_linear_328_57689)"/>
<defs>
<linearGradient id="paint0_linear_328_57689" x1="3.0084" y1="12.0316" x2="12.8644" y2="12.0316" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint1_linear_328_57689" x1="20.8918" y1="11.9753" x2="9.44612" y2="11.9753" gradientUnits="userSpaceOnUse">
<stop stop-color="#FD76FD" stop-opacity="0"/>
<stop offset="1" stop-color="#FF51FF"/>
</linearGradient>
<linearGradient id="paint2_linear_328_57689" x1="21.0808" y1="12.0244" x2="11.8107" y2="12.0244" gradientUnits="userSpaceOnUse">
<stop stop-color="#9D6EFF" stop-opacity="0"/>
<stop offset="1" stop-color="#A18CFF"/>
</linearGradient>
<linearGradient id="paint3_linear_328_57689" x1="20.9905" y1="12.1394" x2="15.6892" y2="12.1394" gradientUnits="userSpaceOnUse">
<stop stop-color="#AE60D6" stop-opacity="0"/>
<stop offset="1" stop-color="#AB38E6"/>
</linearGradient>
</defs>
</svg>
设计应用建议
- 保持原生 1:1 宽高比（viewBox "0 0 24 24"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 内含矢量渐变节点，请勿强制使用 CSS fill: currentColor 扁平覆盖
