跳到主要内容
工具产品azure-microsoft-dev-boxDev Box

Microsoft Dev Box

Microsoft Dev Box(azure-microsoft-dev-box) 官方矢量标志,归属工具产品分类,提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Microsoft Dev Box Logo

色彩提取

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

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Microsoft Dev Box (azure-microsoft-dev-box)
行业分类归属
工具产品
官方基色 (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG 亮暗底对比度与矢量体积
白底 4.5:1 · 暗底 4.4:1 · 4.1 KB

矢量代码片段

<svg id="uuid-f5106e48-b389-4501-93ec-6a1c544d2838" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="uuid-cc58cd68-2d17-426f-9a1d-e639f5f1a0dd" x1="7.057" y1="781.481" x2="7.057" y2="791.514" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#32bedd" /><stop offset="1" stop-color="#50e6ff" /></linearGradient><linearGradient id="uuid-6861d0e2-dc4a-411a-a07e-aefc3d3a430b" x1="11.43" y1="776.984" x2="11.43" y2="785.557" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0078d4" /><stop offset=".82" stop-color="#5ea0ef" /></linearGradient><linearGradient id="uuid-4b30bbba-d707-4e16-8f0f-12ca027b18b4" x1="11.43" y1="773.676" x2="11.43" y2="776.984" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#ccc" /><stop offset="1" stop-color="#707070" /></linearGradient><linearGradient id="uuid-3e5d9740-952e-41fc-9a07-33e4ad62f0e5" x1="7.994" y1="780.47" x2="10.144" y2="780.47" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5ea0ef" /><stop offset=".372" stop-color="#9fc6f5" /><stop offset=".8" stop-color="#e4effc" /><stop offset="1" stop-color="#fff" /></linearGradient><linearGradient id="uuid-729abf50-f13a-4d76-a41d-4177b7156027" x1="12.719" y1="780.47" x2="14.869" y2="780.47" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" /><stop offset=".2" stop-color="#e4effc" /><stop offset=".628" stop-color="#9fc6f5" /><stop offset="1" stop-color="#5ea0ef" /></linearGradient></defs><path d="M14.113,6.871c-.021-.752-.309-1.472-.813-2.03-.504-.558-1.191-.919-1.936-1.017-.045-1.051-.503-2.041-1.273-2.757C9.32,.352,8.298-.031,7.247,.002c-.849-.016-1.682,.231-2.384,.708-.702,.477-1.239,1.161-1.536,1.956-.898,.109-1.728,.536-2.338,1.204C.378,4.538,.028,5.403,0,6.307c.039,1.016,.479,1.975,1.224,2.666,.745,.692,1.734,1.06,2.749,1.024l.351-.014h6.439c.058,0,.115-.01,.17-.026,.825-.006,1.616-.331,2.208-.905,.592-.575,.94-1.355,.972-2.18h0Z" fill="url(#uuid-cc58cd68-2d17-426f-9a1d-e639f5f1a0dd)" /><path d="M17.431,5.959H5.429c-.237,0-.429,.192-.429,.429v7.716c0,.237,.192,.429,.429,.429h12.003c.237,0,.429-.192,.429-.429V6.387c0-.237-.192-.429-.429-.429Z" fill="url(#uuid-6861d0e2-dc4a-411a-a07e-aefc3d3a430b)" /><path d="M14.009,17.125c-1.272-.2-1.322-1.115-1.322-2.593h-2.522c0,1.479-.043,2.393-1.315,2.593-.176,.02-.338,.103-.455,.235-.117,.132-.182,.303-.181,.479h6.43c.001-.177-.063-.347-.181-.479-.118-.132-.28-.216-.455-.235Z" fill="url(#uuid-4b30bbba-d707-4e16-8f0f-12ca027b18b4)" /><g><path d="M8.056,10.157l.232-.231,1.824,1.829c.02,.02,.031,.046,.031,.074,0,.028-.011,.054-.031,.074l-.232,.231c-.02,.02-.046,.031-.074,.031-.028,0-.054-.011-.074-.031l-1.676-1.681c-.039-.039-.061-.093-.061-.148,0-.056,.022-.109,.062-.148h0Z" fill="url(#uuid-3e5d9740-952e-41fc-9a07-33e4ad62f0e5)" /><path d="M8.284,10.685l-.231-.232c-.039-.039-.061-.093-.061-.148s.022-.109,.062-.148l1.71-1.705c.02-.02,.046-.031,.074-.031,.028,0,.054,.011,.074,.031l.231,.232c.02,.02,.031,.046,.031,.074s-.011,.054-.031,.074l-1.859,1.853Z" fill="#f2f2f2" /><path d="M12.981,12.136l-.232-.231c-.01-.01-.017-.021-.023-.034-.005-.013-.008-.026-.008-.04s.003-.027,.008-.04c.005-.013,.013-.024,.023-.034l1.826-1.831,.232,.231c.039,.039,.061,.093,.062,.148s-.022,.109-.061,.148l-1.678,1.683c-.02,.02-.046,.031-.074,.031-.028,0-.054-.011-.074-.031h0Z" fill="url(#uuid-729abf50-f13a-4d76-a41d-4177b7156027)" /><path d="M12.714,8.685l.231-.232c.02-.02,.046-.031,.074-.031,.028,0,.054,.011,.074,.031l1.71,1.705c.039,.039,.062,.093,.062,.148,0,.056-.022,.109-.061,.148l-.231,.232-1.857-1.852c-.01-.01-.018-.021-.024-.034-.006-.013-.009-.027-.009-.04,0-.014,.002-.028,.008-.041,.005-.013,.013-.025,.023-.035Z" fill="#f2f2f2" /><path d="M12.425,7.877l-.37-.118c-.039-.013-.081,.009-.094,.048l-1.509,4.712c-.013,.039,.009,.082,.048,.094l.37,.118c.039,.013,.082-.009,.094-.049l1.509-4.712c.013-.039-.009-.081-.048-.094Z" fill="#f2f2f2" /></g><rect y="0" width="18" height="18" fill="none" /></svg>

设计应用建议

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