W3School
大学校徽
CodeCrafters
CodeCrafters 官方矢量标志，归属大学校徽分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。
色彩提取
点击直接复制色值单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正
下载
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连限时特惠码 6666888 享95折
- 矢量格式
- SVG · 1:1
- 导出分辨率
- 1024 × 1024 px
- 画布视口
- 0 0 24 24
- 源码体积
- 876 B · 1 个路径节点
编辑与导出
修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成
颜色
背景
格式
尺寸
含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装CodeCrafters.zip
品牌视觉规范与工程参数档案
面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数
- 品牌实体 / 展示名称
- CodeCrafters
- 行业分类归属
- 大学校徽
- 官方基色 (HEX / RGB / HSL)
- #171920rgb(23, 25, 32) · hsl(227, 16%, 11%)
- WCAG 亮暗底对比度与矢量体积
- 白底 17.6:1 · 暗底 1.1:1 · 876 B
矢量代码片段
<svg fill="#171920" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>CodeCrafters</title><path d="M9.825 17.527a.111.111 0 0 1-.107-.142l3.05-10.837a.111.111 0 0 1 .108-.081H14.2c.074 0 .127.07.107.141l-3.063 10.838a.111.111 0 0 1-.107.08H9.825Zm-2.146-2.732a.11.11 0 0 1-.079-.033l-2.667-2.704a.111.111 0 0 1 0-.156L7.6 9.211a.111.111 0 0 1 .08-.033h1.702c.1 0 .149.12.079.19l-2.534 2.534a.111.111 0 0 0 0 .157l2.535 2.546c.07.07.02.19-.079.19H7.68Zm6.954 0a.111.111 0 0 1-.079-.19l2.525-2.546a.111.111 0 0 0 0-.157l-2.524-2.535a.111.111 0 0 1 .079-.19h1.692c.03 0 .058.013.078.034l2.68 2.69a.111.111 0 0 1 0 .157l-2.68 2.704a.111.111 0 0 1-.078.033h-1.693ZM12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.667C6.118 1.333 1.333 6.118 1.333 12S6.118 22.667 12 22.667 22.667 17.882 22.667 12 17.882 1.333 12 1.333Z"/></svg>设计应用建议
- 保持原生 1:1 宽高比（viewBox "0 0 24 24"）等比例缩放，切勿拉伸变形
- 标志外围应预留不少于标志高度 20% 的空白安全保护区
- 在深色背景下建议优先选用反白、浅色衬底或官方暗色专版
