跳到主要內容
工具產品azure-remote-renderingARR

Remote Rendering

Remote Rendering(azure-remote-rendering) 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Remote Rendering Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
Remote Rendering (azure-remote-rendering)
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG 亮暗底對比度與向量體積
白底 4.5:1 · 暗底 4.4:1 · 2.7 KB

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="bd22e575-b917-4c6b-b5a7-5fd52e419078" x1="9" y1="15.379" x2="9" y2="2.798" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset="0.156" stop-color="#1380da" /><stop offset="0.528" stop-color="#3c91e5" /><stop offset="0.822" stop-color="#559cec" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient><linearGradient id="e88792aa-d42b-4571-a8a2-5af1dccbee2f" x1="-416.202" y1="-210.743" x2="-416.202" y2="-217.833" gradientTransform="matrix(1, 0, 0, -1, 427.126, -205.758)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c3f1ff" /><stop offset="0.107" stop-color="#beeffe" /><stop offset="0.765" stop-color="#32bedd" /></linearGradient></defs><g id="a9f13b7f-95dc-4f59-87a4-8398fff3a7bb"><g><path d="M17.875,11.439a3.989,3.989,0,0,0-3.461-3.834A5.026,5.026,0,0,0,9.237,2.8,5.156,5.156,0,0,0,4.309,6.159,4.759,4.759,0,0,0,.125,10.738a4.83,4.83,0,0,0,5,4.641c.148,0,.295-.007.44-.019h8.094a.789.789,0,0,0,.213-.032A4.036,4.036,0,0,0,17.875,11.439Z" fill="url(#bd22e575-b917-4c6b-b5a7-5fd52e419078)" /><path d="M8.371,9.669h0l2.3-4.522a.294.294,0,0,1,.522,0l2.29,4.32a1.571,1.571,0,0,1,.232.9c0,.948-1.248,1.716-2.788,1.716s-2.788-.768-2.788-1.716A1.179,1.179,0,0,1,8.371,9.669Z" fill="url(#e88792aa-d42b-4571-a8a2-5af1dccbee2f)" /><path d="M8.371,9.707c-.189.381-.235.445-.235.691a1.181,1.181,0,0,0,.012.146c0,.019,0,.037,0,.056h.013c.14.733,1.032,1.325,2.189,1.475v-.148c-1.1-.147-1.945-.7-2.05-1.385.045-.687.879-1.426,2.05-1.591V8.864l-.023.013-.1-.056A2.933,2.933,0,0,0,8.541,9.7l.016-.031.712-1.4-.128-.074-.77,1.518Z" fill="#fff" /><g opacity="0.8"><polygon points="10.346 8.809 10.346 12.314 7.317 14.075 7.317 10.565 10.346 8.809" fill="#9cebff" /></g><polygon points="10.346 8.801 7.317 10.561 4.288 8.8 7.317 7.039 10.346 8.801" fill="#9cebff" opacity="0.85" /><polygon points="7.317 10.564 7.317 14.07 4.288 12.309 4.288 8.804 7.317 10.564" fill="#9cebff" /><path d="M7.317,14.16l-3.1-1.8V8.767l3.1-1.8,3.1,1.8v3.589ZM4.361,12.272,7.317,13.99l2.955-1.718V8.852L7.317,7.133,4.361,8.851Z" fill="#fff" /><path d="M13.712,10.359a1.571,1.571,0,0,0-.232-.9l-2.29-4.32a.294.294,0,0,0-.522,0L9.141,8.151l.128.074L10.8,5.213a.143.143,0,0,1,.131-.081.144.144,0,0,1,.13.078l2.29,4.32,0,.006,0,.006a1.214,1.214,0,0,1,.18.464,3.292,3.292,0,0,0-2.7-1.276,3.518,3.518,0,0,0-.608.053l.1.055.023-.013v.087a3.517,3.517,0,0,1,.489-.035c1.473,0,2.663.879,2.718,1.631-.127.8-1.257,1.42-2.629,1.42a4.335,4.335,0,0,1-.578-.04v.149a4.538,4.538,0,0,0,.578.038c1.429,0,2.605-.661,2.767-1.514h.014c0-.017,0-.034-.005-.051A1.085,1.085,0,0,0,13.712,10.359Z" fill="#fff" /></g></g></svg>

設計應用建議

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