跳到主要内容
工具产品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 扁平覆盖
查看更多同类
操作已完成