本文へスキップ
ツールhabitat-socialダーク版

Habitat (Social)

Habitat (Social)(habitat-social)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Habitat (Social) 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 512 512
ファイルサイズ
1.5 KB · 6 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Habitat (Social) (habitat-social)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#FFC62Ergb(255, 198, 46) · hsl(44, 100%, 59%)
WCAG コントラストとファイルサイズ
白背景 1.6:1 · 黒背景 12.6:1 · 1.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M168.1 23.6c-28.6 0-55.1 15.3-69.4 40.1l-88 152.2c-14.3 24.8-14.3 55.4 0 80.2l87.9 152.3c14.3 24.8 40.8 40.1 69.4 40.1h175.9c28.6 0 55.1-15.3 69.4-40.1l88-152.3c14.3-24.8 14.3-55.3 0-80l-88-152.4c-14.3-24.8-40.8-40.1-69.5-40.1z" style="fill:#fff"/><path d="m181.9 272-74 128.2 18.5 32c8.6 14.9 24.5 24.1 41.7 24.1h37l77.1-133.5c-8.9-14.5-17.5-31.7-22.4-50.9z" style="fill:#ffc62e"/><path d="m422.6 143.8-22.5 39c14.1 15 22.8 35.1 22.8 57.1 0 37.2-17.1 69.1-32.6 92.5-15.6 23.4-31.5 39.3-31.5 39.3-19.6 19.6-19.6 22.4-39 0 0 0-7.5-7.5-17.3-19.8l-60.4 104.5h101.8c17.2 0 33-9.2 41.6-24l88-152.4c8.6-14.9 8.6-33.2 0-48z" style="fill:#85c124"/><path d="M306.9 55.6 200.4 240h55.2v-.1c0-45.8 37.7-83.6 83.6-83.6 12.4 0 24.1 2.7 34.7 7.7l30.2-52.2-18.5-32.1c-8.6-14.9-24.5-24-41.7-24z" style="fill:#666870"/><path d="M168.1 55.6c-17.2 0-33.1 9.2-41.6 24L38.4 232a47.69 47.69 0 0 0 0 47.9l51 88.2L269.9 55.6z" style="fill:#177bba"/><path d="M339.2 183.9c-30.9 0-56 25.1-56 56v.1q0 8.1 1.5 16.2c.9 5.4 2.3 10.7 4 15.9 2.6 8 5.9 15.7 9.6 23 5.9 11.6 12.7 22.1 19.1 30.9 11.7 16 21.8 26.2 21.8 26.2s56-56.1 56-112.3c0-2.8-.2-5.6-.6-8.2-1.3-8.6-4.5-16.6-9.3-23.5-6.2-9-15-16.1-25.3-20.3-6.3-2.6-13.4-4-20.8-4m0 28.3c2.2 0 4.3.3 6.5.8 12.5 3 21.3 14.1 21.3 26.9v.3c-.1 9.7-5.3 18.7-13.6 23.6-4.3 2.5-9.1 3.8-14.1 3.8-15.3 0-27.7-12.4-27.7-27.6v-.1c-.1-15.3 12.3-27.7 27.6-27.7" style="fill:#ff4c52"/></svg>

使用上の注意

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