跳到主要内容
工具产品Microsoft Outlook

Outlook

Outlook 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Outlook Logo

色彩提取

点击直接复制色值

下载

ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 25:23
导出分辨率
1024 × 1024 px
画布视口
0 0 50 46
源码体积
4.5 KB · 23 个路径节点

编辑与导出

修改颜色、添加背景或留白后导出常用格式,全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Outlook.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Outlook
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG 亮暗底对比度与矢量体积
白底 4.5:1 · 暗底 4.4:1 · 4.5 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_101)"><mask id="mask0_316_101" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="46"><path d="M49.552 0H.119v45.979h49.433z" fill="#fff"/></mask><g mask="url(#mask0_316_101)"><path d="M49.552 24.139a1.1 1.1 0 0 0-.527-.948h-.006l-.02-.012-17.13-10.138a2.3 2.3 0 0 0-2.568 0L12.174 23.179l-.021.012a1.116 1.116 0 0 0 .026 1.911l17.13 10.138q.11.075.23.137a2.3 2.3 0 0 0 2.338-.137l17.128-10.138c.343-.2.552-.567.548-.963" fill="#0a2767"/><path d="M14.17 17.37h11.24v10.302H14.17zM47.252 6.897V2.184A2.136 2.136 0 0 0 45.168 0h-29.17a2.136 2.136 0 0 0-2.084 2.184v4.713l17.244 4.598z" fill="#0364b8"/><path d="M13.914 6.897H25.41v10.345H13.914z" fill="#0078d4"/><path d="M36.906 6.897H25.41v10.345l11.496 10.345h10.346V17.242z" fill="#28a8ea"/><path d="M25.41 17.242h11.496v10.345H25.41z" fill="#0078d4"/><path d="M25.41 27.587h11.496v10.345H25.41z" fill="#0364b8"/><path d="M14.17 27.672h11.24v9.366H14.17z" fill="#14447d"/><path d="M36.906 27.587h10.346v10.345H36.906z" fill="#0078d4"/><path d="m49.025 25.039-.022.011-17.129 9.633q-.11.07-.23.129c-.29.138-.606.216-.928.23l-.936-.548a2 2 0 0 1-.23-.132l-17.36-9.906h-.007l-.568-.317v19.5a2.357 2.357 0 0 0 2.372 2.34h33.23c.02 0 .037-.01.057-.01q.415-.027.805-.167.168-.072.323-.168a2.32 2.32 0 0 0 1.15-1.995v-19.5c0 .373-.202.717-.527.9" fill="url(#paint0_linear_316_101)"/><path opacity=".5" d="M48.632 24.062v1.195l-17.91 12.33-18.544-13.123a.01.01 0 0 0-.011-.011l-1.702-1.023v-.863l.702-.011 1.483.85.034.012.127.08s17.427 9.943 17.473 9.966l.667.391c.058-.023.115-.046.184-.069.035-.023 17.302-9.736 17.302-9.736z" fill="#0a2767"/><path d="m49.025 25.039-.022.012-17.129 9.633q-.11.07-.23.129a2.4 2.4 0 0 1-2.338-.13l-17.129-9.631-.02-.013a1.03 1.03 0 0 1-.542-.9v19.5a2.355 2.355 0 0 0 2.37 2.34h33.196a2.356 2.356 0 0 0 2.37-2.34v-19.5c0 .373-.201.717-.526.9" fill="#1490df"/><path opacity=".1" d="m32.124 34.542-.257.143q-.11.07-.23.13c-.282.139-.589.22-.903.24l6.517 7.705L48.62 45.5c.311-.236.559-.545.72-.9z" fill="#000"/><path opacity=".05" d="m33.285 33.889-1.418.796q-.11.07-.23.13a2.4 2.4 0 0 1-.903.24l3.053 8.417 14.836 2.024a2.33 2.33 0 0 0 .929-1.858v-.252z" fill="#000"/><path d="M14.018 45.979h33.16a2.4 2.4 0 0 0 1.42-.46l-18.82-11.022a2 2 0 0 1-.23-.133L12.19 24.459h-.008l-.567-.32v19.434a2.405 2.405 0 0 0 2.403 2.407" fill="#28a8ea"/><path opacity=".1" d="M27.71 11.303V35.82a2.11 2.11 0 0 1-1.323 1.954 2 2 0 0 1-.781.16H11.615v-27.59h2.3v-1.15h11.69a2.11 2.11 0 0 1 2.104 2.108" fill="#000"/><path opacity=".2" d="M26.56 12.452V36.97c.003.278-.056.553-.173.805a2.095 2.095 0 0 1-1.931 1.307H11.615V10.345h12.841c.334-.003.662.08.954.242a2.09 2.09 0 0 1 1.15 1.865" fill="#000"/><path opacity=".2" d="M26.56 12.452v22.22a2.12 2.12 0 0 1-2.104 2.11H11.615V10.346h12.841c.334-.003.662.08.954.242a2.09 2.09 0 0 1 1.15 1.865" fill="#000"/><path opacity=".2" d="M25.41 12.452v22.22a2.114 2.114 0 0 1-2.104 2.111H11.615V10.345h11.691c1.163 0 2.105.944 2.104 2.106z" fill="#000"/><path d="M2.226 10.345h21.077c1.164 0 2.107.944 2.107 2.107v21.075a2.107 2.107 0 0 1-2.107 2.106H2.226A2.107 2.107 0 0 1 .12 33.527V12.452c0-1.163.943-2.107 2.107-2.107" fill="url(#paint1_linear_316_101)"/><path d="M6.705 19.182a6.13 6.13 0 0 1 2.407-2.658 7.3 7.3 0 0 1 3.825-.96 6.8 6.8 0 0 1 3.54.91 6.07 6.07 0 0 1 2.341 2.54 8.2 8.2 0 0 1 .821 3.736 8.65 8.65 0 0 1-.845 3.908 6.2 6.2 0 0 1-2.414 2.63 7.04 7.04 0 0 1-3.672.933 6.9 6.9 0 0 1-3.618-.92 6.17 6.17 0 0 1-2.372-2.545 8 8 0 0 1-.83-3.69 8.9 8.9 0 0 1 .817-3.884m2.566 6.242c.277.7.746 1.306 1.354 1.75.62.432 1.36.655 2.115.636a3.7 3.7 0 0 0 2.258-.657 3.8 3.8 0 0 0 1.315-1.75 6.8 6.8 0 0 0 .42-2.44 7.4 7.4 0 0 0-.396-2.472 3.9 3.9 0 0 0-1.273-1.823 3.5 3.5 0 0 0-2.238-.69 3.65 3.65 0 0 0-2.165.643 4 4 0 0 0-1.38 1.765 7 7 0 0 0-.009 5.04z" fill="#fff"/><path d="M36.906 6.897h10.346v10.345H36.906z" fill="#50d9ff"/></g></g><defs><linearGradient id="paint0_linear_316_101" x1="30.583" y1="24.139" x2="30.583" y2="45.979" gradientUnits="userSpaceOnUse"><stop stop-color="#35b8f1"/><stop offset="1" stop-color="#28a8ea"/></linearGradient><linearGradient id="paint1_linear_316_101" x1="4.513" y1="8.699" x2="21.014" y2="37.282" gradientUnits="userSpaceOnUse"><stop stop-color="#1784d9"/><stop offset=".5" stop-color="#107ad5"/><stop offset="1" stop-color="#0a63c9"/></linearGradient><clipPath id="clip0_316_101"><path fill="#fff" d="M.119 0h49.433v46H.119z"/></clipPath></defs></svg>

设计应用建议

  • 保持原生 25:23 宽高比(viewBox "0 0 50 46")等比例缩放,切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点,请勿强制使用 CSS fill: currentColor 扁平覆盖
查看更多同类
操作已完成