本文へスキップ

HappyHorse

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

HappyHorse 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
ファイルサイズ
2.0 KB · 1 パス
公式サイト
https://happyhorse.com

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
HappyHorse
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG コントラストとファイルサイズ
白背景 3.7:1 · 黒背景 5.4:1 · 2.0 KB

SVG コード

<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>HappyHorse</title><path clip-rule="evenodd" d="M2.93 18.812a.79.79 0 01.45.142v-.002c.944.7 1.97 1.28 3.058 1.727a13.955 13.955 0 008.47.665c1.22-.288 2.397-.74 3.496-1.344.567-.311 1.113-.66 1.632-1.046a.787.787 0 01.327-.131l.123-.01c.444 0 .804.371.804.829 0 .14-.034.276-.1.399.03-.015.06-.032.09-.049l-.166.167a.82.82 0 01-.174.166C18.501 22.608 15.26 24 11.71 24c-3.55 0-6.787-1.389-9.223-3.668l-.19-.181a.842.842 0 01-.17-.51c0-.457.36-.829.804-.829H2.93zM5.536 0c.461.047.91.178 1.324.388a4.561 4.561 0 014.119.954 4.828 4.828 0 011.653 3.09l.856 5.005.1.586 2.1.411c.387.075.746.23 1.06.446.085-.155.185-.3.299-.433a2.39 2.39 0 011.818-.845c.84 0 1.581.441 2.016 1.11.243.373.391.816.409 1.293h.006a3.04 3.04 0 001.204 2.277c-.352.3-.8.467-1.262.469-.466 0-.893-.167-1.231-.444a2.032 2.032 0 01-.716-1.238l-.01.002c-.158-.905-.926-1.592-1.85-1.592l-.043.001a3.04 3.04 0 01.464 2.893c-.13.365-.327.695-.577.976l.022.002a3.266 3.266 0 00-.401 2.829l.557 1.9c-.862.403-1.764.713-2.692.926l-1.604-3.696a2.31 2.31 0 001.301-.62 2.81 2.81 0 01-1.624-.127c-.033-.013-.064-.025-.095-.039l-.377-.132-1.691-.621-1.257-.462-2.598 1.726.596 2.187H7.41c.023.093.035.192.035.293 0 .407-.202.765-.508.975a13.504 13.504 0 01-1.23-.531l-.334-1.112-.662-2.206a1.12 1.12 0 01.067-.915 1.1 1.1 0 01.375-.4l1.482-1.04-2.626-.964-.437 1.786H3.57c-.202.81-.916 1.41-1.766 1.41a1.8 1.8 0 01-.304-.027l.002-.014.785-3.216.1-.404.222-.91h.003a1.113 1.113 0 011.071-.854c.088 0 .172.01.253.03l.004.002.016.005c.238.073.476.148.713.223.444.14.93.3.956.326l.07-.212.275-.836.364-1.104.67-2.027.453-1.375a3.12 3.12 0 00.708-.866c.184-.332.313-.701.371-1.094-.165.43-.445.807-.808 1.09L6.7 5.718l-1.93.866-.011.005a.948.948 0 01-.325.075l-.054.003a.982.982 0 01-.884-.57 1.03 1.03 0 01.145-1.116l.424-.643L5.874 1.6 5.718.86 5.704.793 5.646.516 5.536 0z"></path></svg>

使用上の注意

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