跳到主要内容
AI 产品CodiumAI

Codium

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

Codium Logo

色彩提取

点击直接复制色值

下载

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

编辑与导出

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

颜色

背景

格式
尺寸

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

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

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

品牌实体 / 展示名称
Codium
行业分类归属
AI 产品
官方基色 (HEX / RGB / HSL)
#05E5ADrgb(5, 229, 173) · hsl(165, 96%, 46%)
WCAG 亮暗底对比度与矢量体积
白底 1.6:1 · 暗底 12.1:1 · 7.1 KB

矢量代码片段

<svg viewBox="0 0 256 170" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-93.94978 -1.31187 1.91351 -137.03592 119.07 85.05)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="b" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 22.73)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="c" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-50.24352 -14.35492 14.75776 -51.65347 180.635 159.67)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="d" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 157.52)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="e" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-45.96601 -20.03622 29.70752 -68.1534 226.095 31.103)"><stop stop-color="#6447FF"/><stop offset=".067" stop-color="#6348FE"/><stop offset=".133" stop-color="#614DFC"/><stop offset=".2" stop-color="#5C54F8"/><stop offset=".267" stop-color="#565EF3"/><stop offset=".333" stop-color="#4E6CEC"/><stop offset=".4" stop-color="#447BE4"/><stop offset=".467" stop-color="#3A8DDB"/><stop offset=".533" stop-color="#2F9FD1"/><stop offset=".6" stop-color="#25B1C8"/><stop offset=".667" stop-color="#1BC0C0"/><stop offset=".733" stop-color="#13CEB9"/><stop offset=".8" stop-color="#0DD8B4"/><stop offset=".867" stop-color="#08DFB0"/><stop offset=".933" stop-color="#06E4AE"/><stop offset="1" stop-color="#05E5AD"/></radialGradient><radialGradient id="f" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(29.90682 0 0 147.52703 229.683 83.74)"><stop stop-color="#05E5AD"/><stop offset=".32" stop-color="#05E5AD" stop-opacity="0"/><stop offset=".903" stop-color="#6447FF"/></radialGradient></defs><path d="M84.818 0c12.181 0 23.731 2.576 34.196 7.204-23.187 13.153-39.367 42.949-39.367 77.614 0 34.659 16.196 64.46 39.367 77.613a84.358 84.358 0 0 1-34.196 7.204C37.977 169.635 0 131.658 0 84.818 0 37.98 37.977 0 84.818 0Z" fill="url(#a)"/><path d="M151.704 32.693c-8.577-10.977-19.777-19.794-32.698-25.489C127.151 2.576 136.145 0 145.607 0c8.926 0 17.46 2.304 25.216 6.435-7.582 5.646-14.161 14.77-19.132 26.258h.013Z" fill="url(#b)"/><path d="M151.691 136.942c4.971 11.488 11.55 20.591 19.132 26.258-7.772 4.145-16.29 6.435-25.216 6.435-9.478 0-18.469-2.575-26.601-7.204 12.897-5.695 24.121-14.512 32.698-25.489h-.013Z" fill="url(#c)"/><path d="M79.639 84.818c0-34.665 16.196-64.461 39.367-77.614 12.897 5.695 24.121 14.512 32.698 25.489-6.244 14.389-9.959 32.47-9.959 52.125 0 19.646 3.729 37.735 9.959 52.119a85.129 85.129 0 0 1-32.698 25.494c-23.185-13.153-39.367-42.954-39.367-77.613Z" fill="#7962FE"/><path d="M203.084 126.414c2.399 12.788 5.872 23.514 10.06 31.083-7.085 7.7-15.391 12.13-24.289 12.13-6.383 0-12.467-2.29-18.023-6.435 13.688-7.283 25.034-20.326 32.252-36.756v-.022Z" fill="url(#d)"/><path d="M170.832 6.435C176.388 2.29 182.472 0 188.855 0c8.885 0 17.191 4.433 24.289 12.132-4.175 7.566-7.648 18.287-10.06 31.075-7.218-16.438-18.564-29.476-32.252-36.756v-.016Z" fill="url(#e)"/><path d="M151.704 136.929c11.216-14.382 17.92-32.465 17.92-52.12 0-19.652-6.704-37.735-17.92-52.116 4.98-11.48 11.553-20.599 19.141-26.264 13.683 7.281 25.029 20.327 32.247 36.756-2.32 12.29-3.633 26.49-3.633 41.611 0 15.121 1.33 29.312 3.633 41.605-7.218 16.435-18.564 29.481-32.247 36.761-7.588-5.651-14.161-14.767-19.141-26.263v.03Z" fill="#7962FE"/><path d="M151.696 136.942c-6.236-14.389-9.951-32.47-9.951-52.124 0-19.647 3.729-37.73 9.951-52.12 11.224 14.39 17.928 32.473 17.928 52.12 0 19.654-6.704 37.735-17.928 52.124Z" fill="#321BB2"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="#05E6AD"/><path d="M213.144 12.132C217.4 4.433 222.38 0 227.724 0 243.343 0 256 37.98 256 84.818c0 46.84-12.657 84.817-28.276 84.817-5.331 0-10.324-4.438-14.58-12.132 13.682-14.85 22.837-41.828 22.837-72.685 0-30.855-9.155-57.85-22.837-72.686Z" fill="url(#f)"/><path d="M211.58 84.826c0-15.13-3.087-29.321-8.496-41.611 2.399-12.79 5.872-23.508 10.068-31.077 13.68 14.835 22.834 41.847 22.834 72.688 0 30.832-9.154 57.849-22.834 72.685-4.183-7.574-7.648-18.295-10.068-31.083 5.396-12.29 8.496-26.481 8.496-41.602Z" fill="#7962FE"/><path d="M203.084 126.423c-2.317-12.293-3.634-26.484-3.634-41.605 0-15.127 1.33-29.321 3.634-41.611 5.396 12.29 8.496 26.484 8.496 41.611 0 15.121-3.087 29.312-8.496 41.605Z" fill="#321BB2"/></svg>

设计应用建议

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