跳到主要內容

Chaterm

Chaterm 官方向量標誌,歸屬工具產品分類,提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

Chaterm Logo

色彩提取

點選直接複製色值

下載

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究
優惠碼 6666888 享95折
ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連
限時特惠碼 6666888 享95折
向量格式
SVG · 1:1
匯出解析度
1024 × 1024 px
畫布視口
0 0 128 128
原始碼體積
8.8 KB · 12 個路徑節點

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式,全程在瀏覽器本地完成

顏色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝Chaterm.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱
Chaterm
行業分類歸屬
工具產品
官方基色 (HEX / RGB / HSL)
#D4EAF2rgb(212, 234, 242) · hsl(196, 54%, 89%)
WCAG 亮暗底對比度與向量體積
白底 1.2:1 · 暗底 15.9:1 · 8.8 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg width="128px" height="128px" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <title>Chaterm logo</title>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#D4EAF2" offset="0%"></stop>
            <stop stop-color="#777775" offset="100%"></stop>
        </linearGradient>
        <path d="M44.9316239,88 C30.8461538,88 23.1880342,86.4722222 14.982906,82.1666667 C8.55555556,78.5555556 5,68.2777778 5,54.1111111 C5,36.6111111 8.69230769,27.1666667 17.3076923,22.8611111 C23.0512821,19.9444444 33.991453,18 44.9316239,18 C55.8717949,18.1388889 66.8119658,20.0833333 72.6923077,23.1388888 C81.3076924,27.5833333 85,36.8888888 85,54.3888889 C85,68.5555556 81.3076923,78.8333334 74.8803419,82.4444444 C66.5384616,86.6111112 59.017094,88 44.9316239,88 Z" id="path-2"></path>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
            <stop stop-color="#D4EAF2" offset="0%"></stop>
            <stop stop-color="#777775" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
            <stop stop-color="#777775" offset="0%"></stop>
            <stop stop-color="#D4EAF2" offset="100%"></stop>
        </linearGradient>
        <radialGradient cx="33.3453971%" cy="50%" fx="33.3453971%" fy="50%" r="53.5681967%" id="radialGradient-5">
            <stop stop-color="#1677FF" offset="0%"></stop>
            <stop stop-color="#020000" offset="100%"></stop>
        </radialGradient>
        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="57.1428571%" gradientTransform="translate(0.5, 0.5), scale(0.875, 1), translate(-0.5, -0.5)" id="radialGradient-6">
            <stop stop-color="#0044A4" offset="0%"></stop>
            <stop stop-color="#000000" offset="100%"></stop>
        </radialGradient>
        <path d="M44.9316239,88 C30.8461538,88 23.1880342,86.4722222 14.982906,82.1666667 C8.55555556,78.5555556 5,68.2777778 5,54.1111111 C5,36.6111111 8.69230769,27.1666667 17.3076923,22.8611111 C23.0512821,19.9444444 33.991453,18 44.9316239,18 C55.8717949,18.1388889 66.8119658,20.0833333 72.6923077,23.1388888 C81.3076924,27.5833333 85,36.8888888 85,54.3888889 C85,68.5555556 81.3076923,78.8333334 74.8803419,82.4444444 C66.5384616,86.6111112 59.017094,88 44.9316239,88 Z" id="path-7"></path>
        <linearGradient x1="50%" y1="1.23259516e-30%" x2="50%" y2="100%" id="linearGradient-8">
            <stop stop-color="#D4EAF2" offset="0%"></stop>
            <stop stop-color="#777775" offset="100%"></stop>
        </linearGradient>
        <path d="M30,27 L30,28 C30,28.5522847 29.5522847,29 29,29 L19,29 C18.4477153,29 18,28.5522847 18,28 L18,27 C18,26.4477153 18.4477153,26 19,26 L29,26 C29.5522847,26 30,26.4477153 30,27 Z M6.84722118,4.69057462 L13.315448,11.3004562 C13.6958694,11.689209 13.6958086,12.3107315 13.315311,12.6994097 L6.84439504,19.3094498 C6.46735892,19.6945921 5.85292404,19.7116408 5.45511142,19.3479981 L4.74897279,18.7025129 C4.34133415,18.3298882 4.31294975,17.6973598 4.68557447,17.2897211 C4.68886465,17.2861218 4.69218111,17.2825466 4.69552359,17.2789957 L9.01965755,12.6853293 C9.38209391,12.3003016 9.38213449,11.6996602 9.01975016,11.3145835 L4.69710814,6.72125857 C4.31861429,6.31906353 4.33782791,5.68619014 4.74002296,5.30769629 C4.74362689,5.30430474 4.74725595,5.30093998 4.75090984,5.29760231 L5.45806048,4.65164885 C5.85595636,4.28818709 6.47030284,4.30540174 6.84722118,4.69057462 Z" id="path-9"></path>
        <linearGradient x1="50%" y1="50%" x2="50%" y2="100%" id="linearGradient-10">
            <stop stop-color="#0044A4" offset="0%"></stop>
            <stop stop-color="#000000" offset="100%"></stop>
        </linearGradient>
    </defs>
    <g id="Chaterm-logo" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="编组备份-2" transform="translate(20, 4)">
            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="90" height="90"></rect>
            <g id="路径" stroke-linejoin="square">
                <path stroke="#020000" stroke-width="9" d="M44.9041486,22.5000182 C55.0144971,22.6313797 65.1701586,24.3014707 70.6174084,27.131982 C73.9897951,28.8717274 76.3428594,31.5888996 77.8959132,35.5322003 C79.7312829,40.1923186 80.5,46.3630131 80.5,54.3888889 C80.5,60.8703315 79.695847,66.4720297 78.1136102,70.8585943 C76.8449447,74.3758192 75.1362483,77.1015023 72.7513214,78.4775627 C65.0162741,82.3176774 57.9831484,83.5 44.9316239,83.5 C31.88009,83.5 24.7349302,82.1921866 17.121293,78.2060452 C14.7537407,76.8437925 13.0848995,74.1415001 11.8461719,70.6602301 C10.2801329,66.2590973 9.5,60.6293692 9.5,54.1111111 C9.5,46.0664266 10.2723986,39.8531101 12.1159915,35.1721124 C13.6587927,31.2548439 15.9850968,28.5527347 19.3193547,26.8864327 C24.6602721,24.1743524 34.8036316,22.5030622 44.9041486,22.5000182 Z" fill="#262626" fill-rule="evenodd"></path>
                <path stroke="url(#linearGradient-1)" stroke-width="3" d="M44.9223483,19.5000036 C55.5859295,19.636429 66.264674,21.4893673 72.0046129,24.4719589 C75.9994531,26.5327891 78.8363125,29.733264 80.6872271,34.432852 C82.6295992,39.364656 83.5,45.8860621 83.5,54.3888889 C83.5,61.2750279 82.6156685,67.2188271 80.9356417,71.876503 C79.3607698,76.2426491 77.1043033,79.4658078 74.163789,81.1256211 C66.0270119,85.1809487 58.6685562,86.5 44.9316239,86.5 C31.1820189,86.5 23.6940605,85.0437822 15.6811598,80.8383366 C12.7666196,79.1846777 10.5579762,75.9888524 9.01976953,71.6659385 C7.35856056,66.997344 6.5,61.0296295 6.5,54.1111111 C6.5,45.5904407 7.37406999,39.0254788 9.32467762,34.0727641 C11.1723782,29.3813368 13.9978756,26.1920832 17.9868586,24.1985464 C23.5875259,21.3544575 34.2618597,19.5011314 44.9223483,19.5000036 Z"></path>
            </g>
            <rect id="矩形" fill="url(#linearGradient-3)" x="2" y="42" width="86" height="22" rx="6"></rect>
            <rect id="矩形" fill="url(#linearGradient-4)" transform="translate(55, 12.5) rotate(15) translate(-55, -12.5)" x="53" y="2" width="4" height="21" rx="2"></rect>
            <circle id="椭圆形" stroke="#D2E7EF" stroke-width="2.5" fill="url(#radialGradient-5)" cx="56" cy="8" r="5.75"></circle>
            <g id="路径">
                <use fill="#262626" fill-rule="evenodd" xlink:href="#path-7"></use>
                <path stroke="#020000" stroke-width="9" d="M44.9041486,22.5000182 C55.0144971,22.6313797 65.1701586,24.3014707 70.6174084,27.131982 C73.9897951,28.8717274 76.3428594,31.5888996 77.8959132,35.5322003 C79.7312829,40.1923186 80.5,46.3630131 80.5,54.3888889 C80.5,60.8703315 79.695847,66.4720297 78.1136102,70.8585943 C76.8449447,74.3758192 75.1362483,77.1015023 72.7513214,78.4775627 C65.0162741,82.3176774 57.9831484,83.5 44.9316239,83.5 C31.88009,83.5 24.7349302,82.1921866 17.121293,78.2060452 C14.7537407,76.8437925 13.0848995,74.1415001 11.8461719,70.6602301 C10.2801329,66.2590973 9.5,60.6293692 9.5,54.1111111 C9.5,46.0664266 10.2723986,39.8531101 12.1159915,35.1721124 C13.6587927,31.2548439 15.9850968,28.5527347 19.3193547,26.8864327 C24.6602721,24.1743524 34.8036316,22.5030622 44.9041486,22.5000182 Z" stroke-linejoin="square" fill="url(#radialGradient-6)" fill-rule="evenodd"></path>
                <path stroke="url(#linearGradient-1)" stroke-width="3" d="M44.9223483,19.5000036 C55.5859295,19.636429 66.264674,21.4893673 72.0046129,24.4719589 C75.9994531,26.5327891 78.8363125,29.733264 80.6872271,34.432852 C82.6295992,39.364656 83.5,45.8860621 83.5,54.3888889 C83.5,61.2750279 82.6156685,67.2188271 80.9356417,71.876503 C79.3607698,76.2426491 77.1043033,79.4658078 74.163789,81.1256211 C66.0270119,85.1809487 58.6685562,86.5 44.9316239,86.5 C31.1820189,86.5 23.6940605,85.0437822 15.6811598,80.8383366 C12.7666196,79.1846777 10.5579762,75.9888524 9.01976953,71.6659385 C7.35856056,66.997344 6.5,61.0296295 6.5,54.1111111 C6.5,45.5904407 7.37406999,39.0254788 9.32467762,34.0727641 C11.1723782,29.3813368 13.9978756,26.1920832 17.9868586,24.1985464 C23.5875259,21.3544575 34.2618597,19.5011314 44.9223483,19.5000036 Z" stroke-linejoin="square"></path>
            </g>
            <g id="code-logo备份" transform="translate(21, 39)">
                <rect id="矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="32" height="32"></rect>
                <g id="形状结合" fill-rule="nonzero">
                    <use fill="#FFFFFF" xlink:href="#path-9"></use>
                    <use fill-opacity="0.5" fill="url(#linearGradient-8)" xlink:href="#path-9"></use>
                </g>
            </g>
        </g>
        <text id="Chaterm" fill="url(#linearGradient-10)" fill-rule="nonzero" font-family="PingFangSC-Semibold, PingFang SC" font-size="24" font-weight="500" line-spacing="24">
            <tspan x="16" y="121">Chaterm</tspan>
        </text>
    </g>
</svg>

設計應用建議

  • 保持原生 1:1 寬高比(viewBox "0 0 128 128")等比例縮放,切勿拉伸變形
  • 標誌外圍應預留不少於標誌高度 20% 的空白安全保護區
  • 內含向量漸變節點,請勿強制使用 CSS fill: currentColor 扁平覆蓋
檢視更多同類
操作已完成