本文へスキップ

Chaterm

Chatermの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Chaterm Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 128 128
ファイルサイズ
8.8 KB · 12 パス
公式サイト
https://chaterm.ai/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますChaterm.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Chaterm
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#D4EAF2rgb(212, 234, 242) · hsl(196, 54%, 89%)
WCAG コントラストとファイルサイズ
白背景 1.2:1 · 黒背景 15.9:1 · 8.8 KB

SVG コード

<?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 で一色に上書きしないでください。
カテゴリをすべて見る
完了しました