本文へスキップ

Higress

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

Higress 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 46 46
ファイルサイズ
1.8 KB · 6 パス
公式サイト
https://higress.cn/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Higress
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#1E8CFErgb(30, 140, 254) · hsl(211, 99%, 56%)
WCAG コントラストとファイルサイズ
白背景 3.4:1 · 黒背景 5.9:1 · 1.8 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_546_1121)"><path d="M22.718 29.243a9 9 0 0 1-1.897.193h-5.616c-2.75 0-5.449-.75-7.805-2.17q-.608-.36-1.18-.778a15.4 15.4 0 0 1-4.87-6.045c-.192-.44-.365-.882-.526-1.341a15.4 15.4 0 0 1-.78-4.834V1.917h6.223v12.35c0 .294.008.572.048.85.03.41.092.795.192 1.18a8.97 8.97 0 0 0 4.26 5.722 8.95 8.95 0 0 0 4.401 1.18h.046a7.75 7.75 0 0 1 7.512 6.044z" fill="url(#paint0_linear_546_1121)"/><path d="M6.222 27.9v15.41H0V19.85c.201.747.525 1.599.694 1.93a16.24 16.24 0 0 0 5.528 6.13z" fill="#1e8cfe"/><path d="M30.33 30.956V43.31h-6.222V30.954a6 6 0 0 0-.046-.857 8.98 8.98 0 0 0-4.447-6.9 9 9 0 0 0-4.408-1.18h-.046a7.76 7.76 0 0 1-7.512-6.03 9 9 0 0 1 1.9-.192h5.612c2.75 0 5.449.75 7.804 2.168q.614.361 1.181.78a15.26 15.26 0 0 1 4.863 6.045 15 15 0 0 1 1.32 6.168" fill="url(#paint1_linear_546_1121)"/><path d="M38.15 7.414q.001-1.587 1.15-2.733c.764-.773 1.69-1.15 2.763-1.15 1.074 0 2.022.385 2.787 1.15.773.747 1.15 1.675 1.15 2.763 0 1.089-.385 2.022-1.15 2.787-.747.77-1.667 1.15-2.764 1.15a3.8 3.8 0 0 1-2.787-1.15c-.772-.772-1.15-1.706-1.15-2.817m7.149 9.788v26.105h-6.44v-26.11h6.44z" fill="#0418ff"/><path d="M24.107 17.325V1.917h6.222v23.46a12 12 0 0 0-.694-1.93 16.24 16.24 0 0 0-5.528-6.13z" fill="#1e8cfe"/></g><defs><linearGradient id="paint0_linear_546_1121" x1=".046" y1="15.673" x2="22.718" y2="15.673" gradientUnits="userSpaceOnUse"><stop stop-color="#0418ff"/><stop offset="1" stop-color="#1e8cfe"/></linearGradient><linearGradient id="paint1_linear_546_1121" x1="30.329" y1="29.551" x2="7.649" y2="29.551" gradientUnits="userSpaceOnUse"><stop stop-color="#0418ff"/><stop offset="1" stop-color="#1e8cfe"/></linearGradient><clipPath id="clip0_546_1121"><path fill="#fff" d="M0 0h46v46H0z"/></clipPath></defs></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 46 46")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました