跳到主要內容
金融支付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% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成