MDN
MDN工具产品矢量 SVG / 高清无损 PNG / 交互式画布预览 / 官方色彩提取
标志视效画布
色彩提取
单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
法律合规与合理使用声明
本页收录之标志依据《中华人民共和国著作权法》第二十四条，仅供个人学习、设计参考与研究评估之用。所有权及商标专有权归原权利人所有，严禁任何未经授权的商业牟利及侵权使用。
资源获取与导出
矢量格式：Scalable Vector (.svg)
导出分辨率：1024 × 1024 px
存储方案：矢量源码内联
授权范围：非商用 / 仅限学习
矢量代码片段
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
.st3{fill:url(#SVGID_4_);}
.st4{fill:url(#SVGID_5_);}
.st5{fill:#FFFFFF;}
.st6{fill:#F2F2F2;}
</style>
<g id="mdn">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="385.8656" y1="804.9426" x2="385.8656" y2="804.9786" gradientTransform="matrix(2499.9646 0 0 -2205.0469 -964600.3125 1775025.875)">
<stop offset="0" style="stop-color:#2075BC"/>
<stop offset="1" style="stop-color:#29AAE1"/>
</linearGradient>
<path class="st0" d="M72.5,10.3L72.5,10.3L72.5,10.3l-0.1,0v0l-22.4,9l-22.4-9v0l0,0l-0.1,0v0L5,19.3v70.3l22.5-8.6l22.4,8.6v0h0.1
v0l22.4-8.6L95,89.7V19.3L72.5,10.3z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="385.4103" y1="804.9426" x2="385.4103" y2="804.9786" gradientTransform="matrix(626.9442 0 0 -2205.0469 -241614.4688 1775025.875)">
<stop offset="0" style="stop-color:#0A6AA8"/>
<stop offset="1" style="stop-color:#1699C8"/>
</linearGradient>
<path class="st1" d="M5,19.3v70.3l22.6-8.6V10.3L5,19.3z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="384.4532" y1="804.9426" x2="384.4532" y2="804.9786" gradientTransform="matrix(627.9208 0 0 -2205.0469 -241367.4219 1775025.875)">
<stop offset="0" style="stop-color:#2075BC"/>
<stop offset="1" style="stop-color:#29AAE1"/>
</linearGradient>
<path class="st2" d="M50.1,19.3v70.3l-22.6-8.6V10.3L50.1,19.3z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="383.4952" y1="804.9426" x2="383.4952" y2="804.9786" gradientTransform="matrix(627.9208 0 0 -2205.0469 -240743.4062 1775025.875)">
<stop offset="0" style="stop-color:#0A6AA8"/>
<stop offset="1" style="stop-color:#1699C8"/>
</linearGradient>
<path class="st3" d="M49.9,19.3v70.3l22.6-8.6V10.3L49.9,19.3z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="382.5303" y1="804.9426" x2="382.5303" y2="804.9786" gradientTransform="matrix(626.9442 0 0 -2205.0469 -239741.4531 1775025.875)">
<stop offset="0" style="stop-color:#2075BC"/>
<stop offset="1" style="stop-color:#29AAE1"/>
</linearGradient>
<path class="st4" d="M95,19.3v70.3l-22.6-8.6V10.3L95,19.3z"/>
<path class="st5" d="M82.3,51.4c-0.8-2.4-0.6-6.4-1-7c-2.6-3.6-12.2-4.3-16.6-9c0.8-2.4-0.8-4.3-2.4-5.8c-2.4-1.7-5.7-0.9-8.2-0.3
c-2.9-0.6-5.6-1.7-8.3-2.5c-6.3-0.7-12.4,3.7-12.4,3.7c-4.5,2.8-11.5,8.7-14.8,12.1c0.8,0.1,1.7-0.5,2.6-0.6l6.4-1.7
c-2.7,2.2-8.3,6.1-9.9,9.1c2-0.7,6.2-3,8.3-3.2c-1.8,1.6-5.6,4.7-6.9,6.6c0.1,0.1,0,0.2,0.1,0.4c1.6-0.9,5.4-3.1,7.1-3.3
c-1.8,1.9-5.1,5.4-5.8,7.8c1.5-1,5.4-3.1,7.1-3.7c-0.4,0.9-1.3,1.7-1.8,2.6c-0.8,1.3-2.6,2.8-2.7,4.4c1.4-1.3,3.1-2.4,4.7-3.3
c-0.8,1.6-2.1,2.9-2.5,4.7c1.1-1.1,3.2-1.6,4.6-2.1l-0.2,0.2c-0.1,0.1-1.7,1.2-2.8,2.5c1-0.1,0.2-0.2,1.5,0.1l0.7,0
c-0.3,0.2-0.7,0.4-1.1,0.6c-0.6,0.3-1.2,0.7-1.9,1c2.7,3.4,6,6.1,9.7,8c4.9,2.4,10.3,3.2,15.7,2.6l-0.2-0.9
c-0.1-0.4-0.2-0.8-0.4-1.1c0,0,0,0,0-0.1c1.8-3.4,0.9-9.3,5.6-11.6c3.2-1.6,3.6-2.5,7.2-1.8c2,0.4,6.3,1.9,8.3,1.4
c1.9-1.1,2.8-1.5,4.4-2.7c2,0.4,2.7,0.2,3.4-0.9c-0.7,0.9,1.3-3.7,2.1-5.4L82.3,51.4L82.3,51.4z"/>
<path class="st6" d="M27,63.4c0.8,0,0.5-0.1,0.9,0v-0.9C27.6,62.7,27.3,63,27,63.4L27,63.4z M17.7,49.7c2-0.7,6.2-3,8.3-3.2
c-1.8,1.6-5.6,4.7-6.9,6.6c0.1,0.1,0,0.2,0.1,0.4c1.6-0.9,5.4-3.1,7.1-3.3c-1.8,1.9-5.1,5.4-5.8,7.8c1.5-1,5.4-3.1,7.1-3.7
c-0.4,0.9-1.3,1.7-1.8,2.6c-0.8,1.3-2.6,2.8-2.7,4.4c1.4-1.3,3.1-2.4,4.7-3.3c-0.8,1.6-2.1,2.9-2.5,4.7c0.6-0.6,1.6-1.1,2.6-1.4
V34.6c-3.5,2.7-7.2,5.9-9.3,8.2c0.8,0.1,1.7-0.5,2.6-0.6l6.4-1.7C25,42.7,19.4,46.6,17.7,49.7z M28,64.1c-0.6,0.3-1.2,0.6-1.8,0.9
c0.6,0.7,1.2,1.4,1.8,2.1V64.1L28,64.1z M72.4,39.9c-2.9-1.1-5.8-2.4-7.7-4.5c0.8-2.4-0.8-4.3-2.4-5.8c-2.4-1.7-5.7-0.9-8.2-0.3
c-1.4-0.3-2.8-0.7-4.1-1.1v47.5c0.5,0,1-0.1,1.5-0.1l-0.2-0.9c-0.1-0.4-0.2-0.8-0.4-1.1c0,0,0,0,0-0.1c1.8-3.4,0.9-9.3,5.6-11.6
c3.2-1.6,3.6-2.5,7.2-1.8c2,0.4,6.3,1.9,8.3,1.4c0.1,0,0.2-0.1,0.3-0.1L72.4,39.9L72.4,39.9z"/>
</g>
</svg>
设计应用建议
- 使用时请保持等比例缩放，切勿随意拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白保护区
- 在深色背景下建议优先选用反白或官方暗色专版
品牌视觉规范与参数档案
- 品牌实体 / 展示名称
- MDN (MDN)
- 行业分类归属
- 工具产品
- 官方基色 (HEX / RGB)
- #2075BC(rgb(32, 117, 188))
- 矢量规格与渲染
- SVG 矢量无损 / 1024px PNG
语义索引标签
MDN工具产品
