跳到主要內容
社群媒體instagram-reelsIG ReelsIns ReelsReels暗色專用版

Instagram Reels

Instagram Reels(instagram-reels) 官方向量標誌,歸屬社群媒體分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Instagram Reels 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.2 KB · 1 個路徑節點

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Instagram Reels (instagram-reels)
行業分類歸屬
社群媒體
官方基色 (HEX / RGB / HSL)
#FFDD55rgb(255, 221, 85) · hsl(48, 100%, 67%)
WCAG 亮暗底對比度與向量體積
白底 1.3:1 · 暗底 14.8:1 · 1.2 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><radialGradient id="instagram-reels_svg__a" cx="256" cy="256" r="255.23" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#fd5"/><stop offset=".1" style="stop-color:#fd5"/><stop offset=".5" style="stop-color:#ff543e"/><stop offset="1" style="stop-color:#c837ab"/></radialGradient><path d="M148 0h216c40.2 0 76.8 16.5 103.3 43 26.6 26.5 43.1 63.2 43.1 103.4v219.2c0 40.2-16.5 76.8-43 103.3l-.1.1c-26.6 26.5-63.2 43-103.3 43H148c-40.2 0-76.9-16.5-103.4-43l-1-1.1c-25.9-26.4-42-62.6-42-102.3V146.4c0-40.3 16.5-76.9 43-103.4S107.7 0 148 0m234.8 129.2.3.5h90c-3.6-23.7-14.9-44.9-31.2-61.2-20-20-47.6-32.4-77.9-32.4h-37zm-41.6.5-56-93.6h-123l56.7 93.6zm-164.2 0-54.8-90.6c-20 4.8-38 15.2-52.1 29.4-16.3 16.3-27.6 37.5-31.2 61.2zm297.4 36.1H37.6v199.8c0 29.9 12 57.1 31.5 77l.9.9c20 20 47.6 32.5 77.9 32.5H364c30.3 0 57.9-12.4 77.9-32.4l.1-.1c20-20 32.4-47.5 32.4-77.9zM213.8 229l111.8 72.7c1.8 1.2 3.4 2.7 4.7 4.5 5.1 7.4 3.2 17.5-4.2 22.6l-111.3 65.7c-2.8 2.3-6.4 3.7-10.3 3.7-9 0-16.3-7.3-16.3-16.3V242.3h.1c0-3.2 1-6.5 2.9-9.3 5.2-7.4 15.3-9.2 22.6-4" style="fill:url(#instagram-reels_svg__a)"/></svg>

設計應用建議

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