跳到主要内容
金融支付xlayerXL

X Layer

X Layer(xlayer) 官方矢量标志,归属金融支付分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

X Layer Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 24 24
源码体积
2.1 KB · 9 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装X Layer.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
X Layer (xlayer)
行业分类归属
金融支付
官方基色 (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG 亮暗底对比度与矢量体积
白底 3.7:1 · 暗底 5.4:1 · 2.1 KB

矢量代码片段

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8208 14.3415V19.0143H19.0953C19.2674 19.0143 19.4069 18.8748 19.4069 18.7029V14.653C19.4069 14.481 19.2674 14.3415 19.0953 14.3415H17.8208Z" fill="black" fill-opacity="0.5"/>
<path d="M17.8208 4.98566V9.65853H19.0953C19.2674 9.65853 19.4069 9.51903 19.4069 9.34698V5.29719C19.4069 5.12513 19.2674 4.98566 19.0953 4.98566H17.8208Z" fill="black" fill-opacity="0.5"/>
<path d="M20.209 4.98566V9.65853H20.6859C20.8579 9.65853 20.9974 9.51903 20.9974 9.34698V5.29719C20.9974 5.12513 20.8579 4.98566 20.6859 4.98566H20.209Z" fill="black" fill-opacity="0.3"/>
<path d="M20.2114 14.3415V19.0143H20.6883C20.8603 19.0143 20.9998 18.8748 20.9998 18.7029V14.653C20.9998 14.481 20.8603 14.3415 20.6883 14.3415H20.2114Z" fill="black" fill-opacity="0.3"/>
<path d="M12.0263 9.66925H7.9956C7.82434 9.66925 7.68555 9.80706 7.68555 9.97705V13.9788C7.68555 14.1488 7.82434 14.2867 7.9956 14.2867H12.0263C12.1974 14.2867 12.3363 14.1488 12.3363 13.9788V9.97705C12.3363 9.80706 12.1974 9.66925 12.0263 9.66925Z" fill="black"/>
<path d="M7.36136 4.98566H3.31153C3.13948 4.98566 3 5.12513 3 5.29719V9.34698C3 9.51903 3.13948 9.65853 3.31153 9.65853H7.36136C7.53342 9.65853 7.67288 9.51903 7.67288 9.34698V5.29719C7.67288 5.12513 7.53342 4.98566 7.36136 4.98566Z" fill="black"/>
<path d="M16.7051 4.98566H12.6553C12.4832 4.98566 12.3438 5.12513 12.3438 5.29719V9.34698C12.3438 9.51903 12.4832 9.65853 12.6553 9.65853H16.7051C16.8772 9.65853 17.0167 9.51903 17.0167 9.34698V5.29719C17.0167 5.12513 16.8772 4.98566 16.7051 4.98566Z" fill="black"/>
<path d="M7.36136 14.3309H3.31153C3.13948 14.3309 3 14.4703 3 14.6425V18.6922C3 18.8644 3.13948 19.0037 3.31153 19.0037H7.36136C7.53342 19.0037 7.67288 18.8644 7.67288 18.6922V14.6425C7.67288 14.4703 7.53342 14.3309 7.36136 14.3309Z" fill="black"/>
<path d="M16.7051 14.3309H12.6553C12.4832 14.3309 12.3438 14.4703 12.3438 14.6425V18.6922C12.3438 18.8644 12.4832 19.0037 12.6553 19.0037H16.7051C16.8772 19.0037 17.0167 18.8644 17.0167 18.6922V14.6425C17.0167 14.4703 16.8772 14.3309 16.7051 14.3309Z" fill="black"/>
</svg>

设计应用建议

  • 保持原生 1:1 宽高比(viewBox "0 0 24 24")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
查看更多同类
操作已完成