本文へスキップ

Hypit

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

Hypit 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 24 24
ファイルサイズ
832 B · 1 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Hypit
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#DF3C68rgb(223, 60, 104) · hsl(344, 72%, 55%)
WCAG コントラストとファイルサイズ
白背景 4.2:1 · 黒背景 4.7:1 · 832 B

SVG コード

<svg fill="#DF3C68" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hypit</title><path d="M23.46 10.132a3.02 3.02 0 0 0-2.483-1.299H12.17c-1.158 0-2.35.702-2.79 1.773l-2.666 7.15c-.434 1.06-.428 2.267.21 3.22.64.956 1.825 1.522 2.976 1.522h8.106a3.22 3.22 0 0 0 3.003-2.083l2.8-7.503a3.02 3.02 0 0 0-.349-2.78h-.002zm-4.882 9.375a.615.615 0 0 1-.573.398h-7.87a.85.85 0 0 1-.705-.376.84.84 0 0 1-.08-.796l2.25-6.246a1.59 1.59 0 0 1 1.398-1.058q.046-.003.096-.002h7.11s1.18.134.875 1.378zM4.89 18.044s-2.108-1.093-1.665-3.08L6.023 7.21a3.15 3.15 0 0 1 2.965-2.083h8.96c.59 0 1.14.286 1.48.768l1.31 1.856h-10.65c-.82 0-1.556.51-1.84 1.28zm-3.163-3.627s-2.11-1.093-1.666-3.08L2.86 3.584a3.155 3.155 0 0 1 2.966-2.082h8.478c.59 0 1.14.286 1.48.767l1.31 1.855H6.925c-.82 0-1.555.51-1.84 1.28L1.73 14.418z"/></svg>

使用上の注意

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