跳到主要內容

LottieFiles

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

LottieFiles Logo

色彩提取

點選直接複製色值
單色純正規範該標誌採用單一品牌官方基色,建議在排版中保持純正

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
LottieFiles
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#00DDB3rgb(0, 221, 179) · hsl(169, 100%, 43%)
WCAG 亮暗底對比度與向量體積
白底 1.8:1 · 暗底 11.3:1 · 1.2 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81" fill="none">
<path d="M60.0722 0.258789H20.5557C9.37652 0.258789 0.313965 9.3213 0.313965 20.5005V60.017C0.313965 71.1962 9.37652 80.2587 20.5557 80.2587H60.0722C71.2514 80.2587 80.314 71.1962 80.314 60.017V20.5005C80.314 9.3213 71.2514 0.258789 60.0722 0.258789Z" fill="#00DDB3"/>
<path d="M61.1157 18.1768C47.3448 18.1768 42.2418 28.0092 38.1385 35.9082L35.458 40.9617C31.113 49.3385 27.8668 54.4305 19.501 54.4305C18.9816 54.4305 18.4673 54.5328 17.9874 54.7316C17.5076 54.9303 17.0716 55.2216 16.7043 55.5889C16.3371 55.9561 16.0456 56.3921 15.8468 56.872C15.6481 57.3518 15.5459 57.8661 15.5459 58.3855V58.3855C15.5474 59.4339 15.9645 60.4391 16.7059 61.1804C17.4473 61.9218 18.4525 62.339 19.501 62.3404V62.3404C33.2774 62.3404 38.3803 52.508 42.4836 44.609L45.1587 39.5555C49.5092 31.1787 52.7554 26.0867 61.1157 26.0867C61.6356 26.0874 62.1504 25.9856 62.6309 25.7872C63.1113 25.5888 63.548 25.2976 63.9159 24.9302C64.2837 24.5629 64.5756 24.1267 64.7747 23.6465C64.9738 23.1663 65.0762 22.6516 65.0762 22.1317V22.1317C65.0747 21.0823 64.6568 20.0764 63.9143 19.3348C63.1717 18.5933 62.1652 18.1768 61.1157 18.1768V18.1768Z" fill="white"/>
</svg>

設計應用建議

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