跳到主要内容

MOSN

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

MOSN Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色,建议在排版中保持纯正

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
MOSN
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#0074E1rgb(0, 116, 225) · hsl(209, 100%, 44%)
WCAG 亮暗底对比度与矢量体积
白底 4.6:1 · 暗底 4.3:1 · 1.8 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 144.79 165.36"><defs><linearGradient id="未命名的渐变_2" x1="79.27" y1="68.27" x2="116.44" y2="68.27" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0074e1" stop-opacity="0"/><stop offset="0.19" stop-color="#0074e1" stop-opacity="0.23"/><stop offset="0.48" stop-color="#0074e1" stop-opacity="0.56"/><stop offset="0.72" stop-color="#0074e1" stop-opacity="0.8"/><stop offset="0.9" stop-color="#0074e1" stop-opacity="0.94"/><stop offset="1" stop-color="#0074e1"/></linearGradient></defs><title>资源 11</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><polygon points="107.19 165.36 107.17 144.61 85.94 144.63 85.94 136.41 107.1 136.41 107.08 130.25 78.49 130.26 78.51 151.01 99.74 150.99 99.74 159.21 78.53 159.21 78.55 165.36 107.19 165.36"/><path d="M41.12,165.36l31.36,0v-35l-31.35,0Zm7.43-29H65v23H48.55Z"/><path d="M144.79,165.36l0-34.83-31.34,0v34.81h7.42V137.78h16.49v27.58Z"/><polygon points="34.25 165.3 34.19 130.16 27.29 130.21 17.12 140.22 6.96 130.22 0 130.22 0.06 165.36 6.55 165.3 6.49 138.69 17.12 149.16 27.76 138.69 27.76 165.36 34.25 165.3"/><polygon points="79.75 57.41 116.44 36.16 115.95 80.29 79.27 100.37 79.75 57.41" style="fill:url(#未命名的渐变_2)"/><path d="M118.6,32.59a1,1,0,0,0-1,0L77.3,55.47a2,2,0,0,0-1,1.75v45.85a1,1,0,0,0,.52.89,1,1,0,0,0,.51.14,1,1,0,0,0,.52-.14l40.27-23.18a2,2,0,0,0,1-1.74V33.49A1,1,0,0,0,118.6,32.59ZM111,46V75.49L84.72,90.6V60.91Z"/><path d="M111.27,22,73.66.27a2,2,0,0,0-2,0L27.18,25.94a2,2,0,0,0-1,1.74V79a2,2,0,0,0,1,1.73L64,102a1,1,0,0,0,1,0,1,1,0,0,0,.51-.89V93.48a1.6,1.6,0,0,0-.79-1.38L35.51,75.24a.76.76,0,0,1-.39-.66V32.13a.77.77,0,0,1,.39-.67L72.27,10.24a.76.76,0,0,1,.77,0l30,17.32a1.59,1.59,0,0,0,1.58,0l6.65-3.78a1,1,0,0,0,.52-.9A1,1,0,0,0,111.27,22Z"/></g></g></svg>

设计应用建议

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