W3School
大学校徽
Udacity
Udacity 官方矢量标志，归属大学校徽分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
色彩提取
点击直接复制色值单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 40 40
- 源码体积
- 769 B · 1 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Udacity.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- Udacity
- 行业分类归属
- 大学校徽
- 官方基色 (HEX / RGB / HSL)
- #02B3E4rgb(2, 179, 228) · hsl(193, 98%, 45%)
- WCAG 亮暗底对比度与矢量体积
- 白底 2.5:1 · 暗底 8.1:1 · 769 B
矢量代码片段
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">
<path d="M13.3 0 0 7.7v17.6C0 33.4 6.5 40 14.6 40c2.7 0 5.2-.7 7.4-1.9l10.8-6.2C37.1 29.6 40 25.2 40 20V1.6L37.4.1 26 6.2v19.2c0 .8-.1 1.6-.2 2.4-.2.8-.4 1.5-.7 2.2l-.3.6c-.4 0-2.9-.9-4.2-1.8a10.1 10.1 0 0 1-2.9-2.9c-.4-.6-.7-1.2-1-1.8-.3-.6-.5-1.3-.6-2-.1-.7-.1-1.4-.1-2.1V1.6L13.3 0zm6.5 36.2c-.7.3-1.7.7-2.5.9-.8.2-1.5.2-2.3.2-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.4-2.2-.7-.7-.3-1.4-.7-2-1.1A9.63 9.63 0 0 1 5 32c-.4-.6-.8-1.3-1.1-2-.3-.7-.5-1.5-.7-2.3-.2-.8-.2-1.6-.2-2.4V9.2l10-6.1V20c0 6.4 4.7 11.8 10.7 13.1-.2.3-.4.6-.7.8-1.1 1.1-2 1.8-3.2 2.3zm17-14c-.1.7-.4 1.4-.6 2-.3.6-.6 1.2-1 1.8-.4.6-1.6 2.1-3.2 3-1.6.9-3.1 1.2-4 1.4.6-1.6 1-3.2 1-5V7.7l8-4.6V20c0 .8 0 1.5-.2 2.2z" style="fill:#02b3e4"/>
</svg>
设计应用建议
- 保持原生 1:1 宽高比（viewBox "0 0 40 40"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
