本文へスキップ

Hu Pu

Hu Pu(虎扑)の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Hu Pu 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 48 48
ファイルサイズ
669 B · 4 パス
公式サイト
https://hupu.com/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Hu Pu (虎扑)
公式カラー (HEX / RGB / HSL)
#E80D22rgb(232, 13, 34) · hsl(354, 89%, 48%)
WCAG コントラストとファイルサイズ
白背景 4.7:1 · 黒背景 4.3:1 · 669 B

SVG コード

<svg viewBox="0 0 48 48" width="48" height="48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="8" fill="#e80d22"/><path d="M17.5 16.5V12l2.5-.219V13h3.5v2H20v1l6-.5v5l-2.25.5-.25-2.5-3.5.5v1.406L22.5 20v2.25L20 23v1l2.719-.688V26L17.5 27.5v-4L15 24l-1.5 10.5-3-.5 2-13h-1l-.5-4z" fill="#fff"/><path d="m16 29-.5 6 2.5.313.5-4.313 1.813-.719.687 5.032L27 32l-.188 3h3.532v-4.719L32 29l-.5-2.5-1 .656V24.5l1.719-.719L32 21.22l-1.5.281V17h-2l-.5 5.25-4 1.063V26l3.719-1-.219 3.5-4 2L23 27zm16.5 5.5 1-17.5h2.156l-.156 6.781L39 27l-2 2-1.344-1.844L35.5 34.5z" fill="#fff"/><path d="M15.5 21.5V20l2-.5V21z" fill="#e80d22"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 48 48")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました