跳到主要內容
工具產品azure-folder-website

Folder Website

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

Folder Website Logo

色彩提取

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

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

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

向量程式碼片段

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="edf8b38a-87da-4beb-b295-2a7890b8fb3b" x1="9.252" y1="0.485" x2="8.842" y2="16.966" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd400" /><stop offset="1" stop-color="#ffbd02" /></linearGradient><radialGradient id="ade01078-f104-424b-86f2-7623db5f6b70" cx="2073.6" cy="3109.478" r="26.184" gradientTransform="translate(-302.042 -456.312) scale(0.15)" gradientUnits="userSpaceOnUse"><stop offset="0.183" stop-color="#5ea0ef" /><stop offset="1" stop-color="#0078d4" /></radialGradient><linearGradient id="ebfd2ad2-6f29-4f9d-83de-1b85750fb374" x1="6.874" y1="11.261" x2="6.86" y2="9.431" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ccc" /><stop offset="0.123" stop-color="#d7d7d7" /><stop offset="1" stop-color="#fcfcfc" /></linearGradient><linearGradient id="ae34d01e-2d5c-4584-9098-7805cafe1dad" x1="9.524" y1="13.091" x2="9.524" y2="11.45" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ccc" /><stop offset="0.123" stop-color="#d7d7d7" /><stop offset="1" stop-color="#fcfcfc" /></linearGradient></defs><title>MsPortalFx.base.images-25</title><g id="e40d5f91-938d-4a7c-b99f-1542f688b107"><g><path d="M17.579,3.283H9.727a.419.419,0,0,1-.233-.07L7.251,1.721a.42.42,0,0,0-.233-.071H.421A.42.42,0,0,0,0,2.07V15.93a.42.42,0,0,0,.421.42H17.579A.42.42,0,0,0,18,15.93V3.7A.42.42,0,0,0,17.579,3.283Z" fill="#dfa500" /><rect x="1.636" y="2.455" width="4.091" height="0.818" rx="0.172" fill="#fff" /><path d="M17.579,3.263H8.956a.421.421,0,0,0-.3.123L7.272,4.773a.42.42,0,0,1-.3.123H.421A.42.42,0,0,0,0,5.316V15.91a.42.42,0,0,0,.421.419H17.579A.42.42,0,0,0,18,15.91V3.683A.42.42,0,0,0,17.579,3.263Z" fill="url(#edf8b38a-87da-4beb-b295-2a7890b8fb3b)" /><polygon points="12.343 8.16 12.343 12.073 8.961 14.039 8.961 10.12 12.343 8.16" fill="#f78d1e" /><polygon points="12.343 8.16 8.962 10.126 5.58 8.159 8.962 6.193 12.343 8.16" fill="#ffb34d" /><polygon points="8.961 10.126 8.961 14.039 5.58 12.073 5.58 8.16 8.961 10.126" fill="#faa21d" /></g><g><path d="M17.579,3.283H9.727a.419.419,0,0,1-.233-.07L7.251,1.721a.42.42,0,0,0-.233-.071H.421A.42.42,0,0,0,0,2.07V15.93a.42.42,0,0,0,.421.42H17.579A.42.42,0,0,0,18,15.93V3.7A.42.42,0,0,0,17.579,3.283Z" fill="#dfa500" /><rect x="1.636" y="2.455" width="4.091" height="0.818" rx="0.172" fill="#fff" /><path d="M17.579,3.263H8.956a.421.421,0,0,0-.3.123L7.272,4.773a.42.42,0,0,1-.3.123H.421A.42.42,0,0,0,0,5.316V15.91a.42.42,0,0,0,.421.419H17.579A.42.42,0,0,0,18,15.91V3.683A.42.42,0,0,0,17.579,3.263Z" fill="url(#edf8b38a-87da-4beb-b295-2a7890b8fb3b)" /><path id="a1911e4e-9624-47fa-b357-e1471898d577" d="M11.407,13.216A3.928,3.928,0,1,1,6.593,7.009l.04-.03a3.927,3.927,0,0,1,4.774,6.237" fill="url(#ade01078-f104-424b-86f2-7623db5f6b70)" /><g><circle cx="6.864" cy="9.965" r="1.262" fill="url(#ebfd2ad2-6f29-4f9d-83de-1b85750fb374)" /><circle cx="9.524" cy="12.271" r="0.82" fill="url(#ae34d01e-2d5c-4584-9098-7805cafe1dad)" /><circle cx="11.394" cy="10.236" r="0.871" fill="#fff" /><g><path d="M5.6,12.085a4.207,4.207,0,0,0,.288.426,3.842,3.842,0,0,0,.256.3,8.217,8.217,0,0,1,.5-1.6,1.253,1.253,0,0,1-.658-.334A8.775,8.775,0,0,0,5.6,12.085Z" fill="#f2f2f2" opacity="0.55" /><path d="M6.44,8.777a5.514,5.514,0,0,1-.318-1.361,3.922,3.922,0,0,0-.509.674,6.128,6.128,0,0,0,.263,1.091A1.261,1.261,0,0,1,6.44,8.777Z" fill="#f2f2f2" opacity="0.55" /><path d="M7.785,10.826a1.254,1.254,0,0,1-.689.379,5.347,5.347,0,0,0,.67.594,5.687,5.687,0,0,0,.946.577A.745.745,0,0,1,8.7,12.27a.815.815,0,0,1,.248-.586A5.566,5.566,0,0,1,7.785,10.826Z" fill="#f2f2f2" opacity="0.55" /><path d="M10.342,12.22c0,.017,0,.033,0,.05a.82.82,0,0,1-.234.573,6.412,6.412,0,0,0,1.576.113,3.888,3.888,0,0,0,.532-.621,5.561,5.561,0,0,1-.6.033A5.453,5.453,0,0,1,10.342,12.22Z" fill="#f2f2f2" opacity="0.55" /><path d="M10.816,9.622A12.288,12.288,0,0,1,9.309,8.313a6.284,6.284,0,0,1,2.741-.672,3.879,3.879,0,0,0-.687-.668,6.68,6.68,0,0,0-2.169.512c-.15.064-.283.159-.427.235l-.013-.015a7.885,7.885,0,0,1-.917-1.35,3.927,3.927,0,0,0-.5.194,8.282,8.282,0,0,0,.957,1.434,5.641,5.641,0,0,0-.981.8,1.262,1.262,0,0,1,.622.509,5.412,5.412,0,0,1,.9-.7,12.741,12.741,0,0,0,1.7,1.488A.856.856,0,0,1,10.816,9.622Z" fill="#f2f2f2" opacity="0.55" /><path d="M12.709,10.746l-.014-.008-.137-.074-.026-.014-.123-.068-.03-.017-.146-.083a.819.819,0,0,1-.294.427l.173.1.039.022.161.089.015.009c.13.07.263.141.4.21h0a3.91,3.91,0,0,0,.131-.514Z" fill="#f2f2f2" opacity="0.55" /></g><circle cx="6.864" cy="9.965" r="1.262" fill="#fff" /><circle cx="9.524" cy="12.271" r="0.82" fill="#fff" /></g></g></g></svg>

設計應用建議

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