工具產品暗色專用版

Relaticle

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

滾輪縮放 · 拖動平移 · 雙擊放大

該標誌提供獨立暗色模式版本

色彩提取

點選直接複製色值

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 1:1
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 512 512
原始碼體積: 2.3 KB · 5 個路徑節點

編輯與匯出

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

顏色

單色

背景

留白0%圓角0%

格式

尺寸

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

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

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

品牌實體 / 展示名稱: Relaticle
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #5D54E8rgb(93, 84, 232) · hsl(244, 76%, 62%)
WCAG 亮暗底對比度與向量體積: 白底 5.4:1 · 暗底 3.7:1 · 2.3 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="relaticle_svg__a" x1="0" x2="13963.629" y1="469.333" y2="-13494.295" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M69.8 182.3c38.6 0 69.8-31.3 69.8-69.8s-31.3-69.8-69.8-69.8S0 73.9 0 112.5s31.3 69.8 69.8 69.8" style="opacity:.85;fill:url(#relaticle_svg__a)"/><linearGradient id="relaticle_svg__b" x1="403.394" x2="11264" y1="438.303" y2="-10422.296" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M457.7 182.3c30 0 54.3-24.3 54.3-54.3s-24.3-54.3-54.3-54.3S403.4 98 403.4 128s24.3 54.3 54.3 54.3" style="opacity:.75;fill:url(#relaticle_svg__b)"/><linearGradient id="relaticle_svg__c" x1="349.09" x2="15864.262" y1="197.818" y2="-15317.335" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M426.7 469.3c42.8 0 77.6-34.7 77.6-77.6s-34.7-77.6-77.6-77.6c-42.8 0-77.6 34.7-77.6 77.6s34.7 77.6 77.6 77.6" style="opacity:.9;fill:url(#relaticle_svg__c)"/><linearGradient id="relaticle_svg__d" x1="124.121" x2="26499.891" y1="391.757" y2="-25984.002" gradientTransform="matrix(1 0 0 -1 0 512)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M256 384c72.8 0 131.9-59 131.9-131.9 0-72.8-59-131.9-131.9-131.9-72.8 0-131.9 59-131.9 131.9S183.2 384 256 384" style="fill:url(#relaticle_svg__d)"/><linearGradient id="relaticle_svg__e" x1="245.682" x2="14928.963" y1="255.251" y2="-17691.016" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#5d54e8"/><stop offset="1" style="stop-color:#4038cd"/></linearGradient><path d="M467.9 121.7c-3.5-5.6-10.8-7.4-16.4-3.9L256.7 237.7 77 102.9c-5.3-4-12.8-2.9-16.7 2.4-4 5.3-2.9 12.8 2.4 16.7l186 139.5L419.1 401c2.2 1.8 4.9 2.7 7.6 2.7 3.5 0 6.9-1.5 9.2-4.4 4.2-5.1 3.4-12.6-1.7-16.8l-157.7-129L464 138.2c5.6-3.5 7.3-10.8 3.9-16.5" style="opacity:.75;fill:url(#relaticle_svg__e)"/></svg>

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M69.8 182.3c38.6 0 69.8-31.3 69.8-69.8s-31.3-69.8-69.8-69.8S0 73.9 0 112.5s31.3 69.8 69.8 69.8" style="opacity:.85"/><path d="M457.7 182.3c30 0 54.3-24.3 54.3-54.3s-24.3-54.3-54.3-54.3S403.4 98 403.4 128s24.3 54.3 54.3 54.3" style="opacity:.75"/><path d="M426.7 469.3c42.8 0 77.6-34.7 77.6-77.6s-34.7-77.6-77.6-77.6c-42.8 0-77.6 34.7-77.6 77.6s34.7 77.6 77.6 77.6" style="opacity:.9"/><path d="M256 384c72.8 0 131.9-59 131.9-131.9 0-72.8-59-131.9-131.9-131.9-72.8 0-131.9 59-131.9 131.9S183.2 384 256 384"/><path d="M467.9 121.7c-3.5-5.6-10.8-7.4-16.4-3.9L256.7 237.7 77 102.9c-5.3-4-12.8-2.9-16.7 2.4-4 5.3-2.9 12.8 2.4 16.7l186 139.5L419.1 401c2.2 1.8 4.9 2.7 7.6 2.7 3.5 0 6.9-1.5 9.2-4.4 4.2-5.1 3.4-12.6-1.7-16.8l-157.7-129L464 138.2c5.6-3.5 7.3-10.8 3.9-16.5" style="opacity:.75"/></svg>