跳到主要內容
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 扁平覆蓋
檢視更多同類
操作已完成