跳到主要內容

Klera

Klera 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Klera Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 64 64
原始碼體積
1.2 KB · 6 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Klera.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Klera
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#CCDB29rgb(204, 219, 41) · hsl(65, 71%, 51%)
WCAG 亮暗底對比度與向量體積
白底 1.5:1 · 暗底 13:1 · 1.2 KB

向量程式碼片段

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><path d="M38.7 51.258h6.225a3.8 3.8 0 0 0 3.793-3.793v-7.78H38.7zM25.3 11.574h-9.726a3.8 3.8 0 0 0-3.793 3.793v8.948h13.52z" fill="#ccdb29"/><path d="M11.77 47.465v-23.15H5.544c-2.043 0-3.793 1.75-3.793 3.793v32.097A3.8 3.8 0 0 0 5.544 64H34.82a3.8 3.8 0 0 0 3.793-3.793v-8.948H15.562c-2.043 0-3.793-1.75-3.793-3.793z" fill="#40bded"/><use xlink:href="#B" fill="#ccdb29"/><use xlink:href="#B" fill="#3ca133"/><path d="M58.456 0H29.082a3.8 3.8 0 0 0-3.793 3.793v7.78h19.647a3.8 3.8 0 0 1 3.793 3.793v24.316h9.726a3.8 3.8 0 0 0 3.793-3.793V3.793C62.25 1.75 60.498 0 58.456 0z" fill="#ef5c8a"/><use xlink:href="#C" fill="#ccdb29"/><use xlink:href="#C" fill="#be4817"/><use xlink:href="#D" fill="#ccdb29"/><use xlink:href="#D" fill="#313917"/><defs ><path id="B" d="M29.082 39.684a3.8 3.8 0 0 1-3.793-3.793V24.316H11.77v23.052a3.8 3.8 0 0 0 3.793 3.793h23.15V39.684z"/><path id="C" d="M44.936 11.574H25.29v12.742h9.63a3.8 3.8 0 0 1 3.793 3.793v11.477H48.73V15.27c0-2.043-1.75-3.696-3.793-3.696z"/><path id="D" d="M29.082 39.684h9.63V28.11c0-2.14-1.653-3.793-3.793-3.793h-9.63v11.477c0 2.14 1.75 3.89 3.793 3.89z"/></defs></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 64 64")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 在深色背景下建議優先選用反白、淺色襯底或官方暗色專版
檢視更多同類
操作已完成