跳到主要內容
工具產品Microsoft OneNote

OneNote

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

OneNote Logo

色彩提取

點選直接複製色值

下載

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

編輯與匯出

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

顏色

背景

格式
尺寸

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

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

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

品牌實體 / 展示名稱
OneNote
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#CA64EArgb(202, 100, 234) · hsl(286, 76%, 65%)
WCAG 亮暗底對比度與向量體積
白底 3.2:1 · 暗底 6.2:1 · 2.0 KB

向量程式碼片段

<svg viewBox="0 0 50 46" width="50" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_316_173)"><mask id="mask0_316_173" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="46"><path d="M49.162 0H.002v45.979h49.16z" fill="#fff"/></mask><g mask="url(#mask0_316_173)"><path d="M37.73 45.979H13.528a2.1 2.1 0 0 1-2.094-2.105V2.104A2.1 2.1 0 0 1 13.528 0h33.54c1.157 0 2.094.942 2.094 2.105v9.39z" fill="#ca64ea"/><path d="m49.162 22.99-5.716 3.448-5.716-3.449V11.495h11.432z" fill="#ae4bd5"/><path d="m49.162 34.484-5.716 3.448-5.716-3.448V22.99h11.432z" fill="#9332bf"/><path d="M37.73 34.484h11.432v9.34a2.15 2.15 0 0 1-2.143 2.155h-9.29z" fill="#7719aa"/><path opacity=".2" d="M25.345 9.196h-13.91v28.736h13.91a2.11 2.11 0 0 0 2.095-2.107V11.304a2.11 2.11 0 0 0-2.096-2.107" fill="#000"/><path opacity=".2" d="M24.201 10.345H11.434v28.737h12.767a2.11 2.11 0 0 0 2.096-2.107V12.452a2.11 2.11 0 0 0-2.096-2.107" fill="#000"/><path opacity=".5" d="M24.201 10.345H11.434v26.438h12.767a2.11 2.11 0 0 0 2.096-2.107V12.452a2.11 2.11 0 0 0-2.096-2.107" fill="#000"/><path opacity=".5" d="M23.058 10.345H11.434v26.438h11.624a2.11 2.11 0 0 0 2.096-2.107V12.452a2.11 2.11 0 0 0-2.096-2.107" fill="#000"/><path d="M2.097 10.345h20.961c1.157 0 2.096.944 2.096 2.107v21.075a2.1 2.1 0 0 1-2.096 2.106H2.098a2.1 2.1 0 0 1-2.096-2.107V12.452c0-1.163.938-2.107 2.095-2.107" fill="url(#paint0_linear_316_173)"/><path d="M6.891 16.14h2.841l5.583 9.082q.38.61.571.982h.037q-.105-.928-.082-1.862v-8.201h2.423v13.697h-2.659l-5.792-9.333a7 7 0 0 1-.517-.964h-.045q.087 1.02.072 2.044v8.253H6.89z" fill="#fff"/></g></g><defs><linearGradient id="paint0_linear_316_173" x1="4.371" y1="8.699" x2="20.918" y2="37.202" gradientUnits="userSpaceOnUse"><stop stop-color="#8324b3"/><stop offset=".5" stop-color="#7a1bac"/><stop offset="1" stop-color="#621197"/></linearGradient><clipPath id="clip0_316_173"><path fill="#fff" d="M.002 0h49.16v46H.002z"/></clipPath></defs></svg>

設計應用建議

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