跳到主要內容
工具產品暗色專用版

Reel

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

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

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Reel
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#AB47BCrgb(171, 71, 188) · hsl(291, 47%, 51%)
WCAG 亮暗底對比度與向量體積
白底 4.8:1 · 暗底 4.1:1 · 1.7 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="reel_svg__a" x1="-688.447" x2="-688.447" y1="789.487" y2="785.283" gradientTransform="matrix(46.9511 -9.9798 -14.5538 -68.4703 43904.254 47309.84)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#ab47bc"/><stop offset="1" style="stop-color:#8e24aa"/></linearGradient><path d="m33.3 136.2 115.1-24.5c22.7-4.8 45 9.7 49.9 32.4L242 349.7c4.8 22.7-9.7 45-32.4 49.9L94.5 424c-22.7 4.8-45-9.7-49.9-32.4L.9 186c-4.8-22.7 9.7-45 32.4-49.8" style="opacity:.85;fill:url(#reel_svg__a)"/><linearGradient id="reel_svg__b" x1="-683.854" x2="-683.854" y1="792.056" y2="787.852" gradientTransform="matrix(48 0 0 -70 33081 55531)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#26c6da"/><stop offset="1" style="stop-color:#00acc1"/></linearGradient><path d="M197.1 87.1h117.7c23.2 0 42 18.8 42 42v210.2c0 23.2-18.8 42-42 42H197.1c-23.2 0-42-18.8-42-42V129.1c0-23.2 18.8-42 42-42" style="opacity:.85;fill:url(#reel_svg__b)"/><linearGradient id="reel_svg__c" x1="-680.077" x2="-680.077" y1="794.804" y2="790.6" gradientTransform="matrix(46.9511 9.9798 14.5538 -68.4703 20784.021 61331.402)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#ec407a"/><stop offset="1" style="stop-color:#d81b60"/></linearGradient><path d="m363.6 111.7 115.1 24.5c22.7 4.8 37.2 27.2 32.4 49.9l-43.7 205.6c-4.8 22.7-27.2 37.2-49.9 32.4l-115.1-24.5c-22.7-4.8-37.2-27.2-32.4-49.9l43.7-205.6c4.8-22.8 27.1-37.2 49.9-32.4" style="opacity:.85;fill:url(#reel_svg__c)"/><circle cx="256" cy="255.2" r="109.3" style="opacity:.9;fill:#fff"/><path d="M222.4 200.6v109.3l100.9-54.7z" style="fill:#424242"/></svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 512 512")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成