Appwrite
ツール
Hango
Hangoの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 3.11:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 302 97
- ファイルサイズ
- 5.9 KB · 9 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますHango.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Hango
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #324B85rgb(50, 75, 133) · hsl(222, 45%, 36%)
- WCAG コントラストとファイルサイズ
- 白背景 8.5:1 · 黒背景 2.3:1 · 5.9 KB
SVG コード
<svg width="302" height="97" viewBox="0 0 302 97" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M104.2 39.3917V67.9916L107.4 66.9916V42.2916H135.1V67.9916L138.4 66.9916V39.3917H104.2ZM135.1 16.1917V37.3917H138.4V15.1917L135.1 16.1917ZM107.4 15.1917L104.2 16.1917V37.3917H107.4V15.1917Z" fill="#324B85"/>
<path d="M180.5 45.8917C180.1 44.0917 179.5 42.3916 178.7 40.9916C177 38.1916 174.8 36.0917 172.2 34.5917C169.6 33.0917 166.7 32.3917 163.5 32.3917C158.4 32.3917 154.3 34.0916 150.9 37.4916C147.5 40.8916 145.9 45.2916 145.9 50.4916C145.9 52.8916 146.3 55.1917 147.2 57.3917C148 59.5917 149.3 61.4916 150.9 63.2916C152.5 64.9916 154.4 66.3916 156.6 67.2916C158.8 68.1916 161.1 68.5917 163.6 68.5917C165.9 68.5917 168 68.1917 170.1 67.3917C172.1 66.5917 174 65.3916 175.7 63.7916V59.7916C174 61.6916 172.1 63.1917 170.1 64.1917C168.1 65.1917 165.9 65.6917 163.6 65.6917C159.4 65.6917 156 64.1917 153.2 61.3917C150.5 58.4917 149.1 54.8917 149.1 50.3917C149.1 45.9917 150.5 42.3916 153.3 39.4916C156.1 36.5916 159.5 35.0917 163.6 35.0917C168 35.0917 171.5 36.5917 174.1 39.6917C176.7 42.7917 178 46.9917 178 52.1917V67.8917L181 66.8917V52.3917C181.1 49.8917 180.9 47.6917 180.5 45.8917Z" fill="#324B85"/>
<path d="M214.2 36.6917C211.6 33.8917 208.2 32.3917 203.9 32.3917C199.6 32.3917 196.1 33.7917 193.6 36.6917C191 39.5917 189.7 43.3917 189.7 48.1917V67.9916L192.7 66.9916V47.2916C192.7 43.6916 193.7 40.7916 195.8 38.4916C197.9 36.2916 200.6 35.1917 203.9 35.1917C207.2 35.1917 209.9 36.2916 212 38.4916C214.1 40.6916 215.1 43.6916 215.1 47.2916V67.9916L218.1 66.9916V48.1917C218.1 43.3917 216.8 39.4917 214.2 36.6917Z" fill="#324B85"/>
<path d="M259.2 45.8917C258.8 44.0917 258.2 42.3916 257.4 40.9916C255.7 38.1916 253.5 36.0917 250.9 34.5917C248.3 33.0917 245.4 32.3917 242.2 32.3917C237.1 32.3917 233 34.0916 229.6 37.4916C226.2 40.8916 224.6 45.2916 224.6 50.4916C224.6 52.8916 225 55.1917 225.9 57.3917C226.7 59.5917 228 61.4916 229.6 63.2916C231.2 64.9916 233.1 66.3916 235.3 67.2916C237.5 68.1916 239.8 68.5917 242.3 68.5917C244.6 68.5917 246.7 68.1917 248.7 67.3917C250.7 66.5917 252.6 65.3916 254.3 63.7916V59.7916C252.6 61.6916 250.7 63.1917 248.7 64.1917C246.7 65.1917 244.5 65.6917 242.2 65.6917C238 65.6917 234.6 64.1917 231.8 61.3917C229.1 58.4917 227.7 54.8917 227.7 50.3917C227.7 45.9917 229.1 42.3916 231.9 39.4916C234.7 36.5916 238.1 35.0917 242.2 35.0917C246.6 35.0917 250.1 36.5917 252.7 39.6917C255.3 42.7917 256.6 46.9917 256.6 52.1917V66.4916C256.6 71.0916 255.4 74.7917 252.9 77.3917C250.4 79.9917 247 81.3917 242.7 81.3917C241.5 81.3917 240.1 81.1917 238.5 80.8917C237 80.5917 235.1 80.0917 233 79.3917L232 82.3917C234.1 83.0917 236 83.5917 237.7 83.8917C239.4 84.1917 241.1 84.3917 242.6 84.3917C247.8 84.3917 252 82.7917 255.1 79.5917C258.2 76.3917 259.7 71.9916 259.7 66.4916V52.4916C259.8 49.8916 259.6 47.6917 259.2 45.8917Z" fill="#324B85"/>
<path d="M300.4 43.4916C299.5 41.2916 298.2 39.2917 296.6 37.5917C294.9 35.8917 293 34.5917 290.9 33.6917C288.8 32.7917 286.5 32.2916 284.2 32.2916C281.8 32.2916 279.6 32.7917 277.5 33.6917C275.4 34.5917 273.5 35.8917 271.8 37.5917C270.1 39.3917 268.8 41.3917 267.9 43.5917C267 45.7917 266.6 48.0916 266.6 50.4916C266.6 52.8916 267 55.1917 267.9 57.3917C268.8 59.5917 270.1 61.5917 271.8 63.3917C273.5 65.0917 275.4 66.3916 277.5 67.2916C279.6 68.1916 281.9 68.5917 284.2 68.5917C286.6 68.5917 288.8 68.1916 290.9 67.2916C293 66.3916 294.9 65.0917 296.6 63.3917C298.3 61.6917 299.6 59.6916 300.4 57.4916C301.3 55.2916 301.7 52.9916 301.7 50.4916C301.7 47.9916 301.3 45.6916 300.4 43.4916ZM294.4 61.2916C291.6 64.2916 288.2 65.7916 284.2 65.7916C280.2 65.7916 276.7 64.2917 273.9 61.3917C271.1 58.3917 269.7 54.7916 269.7 50.4916C269.7 46.1916 271.1 42.5917 273.9 39.5917C276.7 36.5917 280.1 35.1917 284.2 35.1917C288.2 35.1917 291.6 36.6917 294.4 39.5917C297.2 42.5917 298.6 46.1916 298.6 50.4916C298.6 54.6916 297.2 58.2916 294.4 61.2916Z" fill="#324B85"/>
<path d="M87.5 57.0917V63.2916C87.5 69.4916 84.2 75.1916 78.9 78.3916L51.6999 94.2916C49.0999 95.7916 46.1999 96.5917 43.2999 96.5917C40.6999 96.5917 38.0999 95.9916 35.6999 94.6916C33.9999 94.0916 31.4999 93.2916 28.6999 93.2916C27.9999 93.2916 27.8 92.2916 28.4 91.9916L34.9 88.5917V67.3917C34.9 57.7917 42.6999 50.0917 52.1999 50.0917V71.4916C52.1999 72.4916 53.2999 73.1916 54.1999 72.6916L67.1 65.1916C68.9 64.0916 70.1 62.1917 70.1 60.0917V24.6916C70.1 23.9916 70.5 23.3917 70.9 22.8917C71.4 22.3917 71.9999 22.0917 72.6999 22.0917C74.3999 21.9917 75.7999 23.4917 75.7999 25.0917V27.9916V32.7916C75.7999 34.2916 76.9 35.6916 78.4 35.7916C80 35.8916 81.4 34.6917 81.5 33.0917C81.5 32.9917 81.5 32.9917 81.5 32.8917V14.6916C81.5 13.9916 81.7999 13.3917 82.2999 12.8917C82.7999 12.3917 83.4 12.0917 84.1 12.0917C85.8 11.9917 87.5 12.9916 87.5 14.6916V42.6917V53.1917V54.6917V57.0917Z" fill="#324B85"/>
<path d="M73.1 20.1917C74.7 20.1917 76 18.8916 76 17.2916C76 15.6916 74.7 14.3917 73.1 14.3917C71.5 14.3917 70.2 15.6916 70.2 17.2916C70.2 18.8916 71.5 20.1917 73.1 20.1917Z" fill="#324B85"/>
<path d="M14.1 75.5917C12.5 75.5917 11.2 76.8916 11.2 78.4916C11.2 80.0916 12.5 81.3917 14.1 81.3917C15.7 81.3917 17 80.0916 17 78.4916C17 76.8916 15.7 75.5917 14.1 75.5917Z" fill="#27A4A4"/>
<path d="M58.2 4.59169L52.3 7.69166V13.8917V29.4916C52.3 38.2916 45.2 45.3917 36.5 45.3917H35V24.9916C35 23.9916 33.9 23.2916 33 23.7916L19.3 31.7916C17.9 32.5916 17.1 34.0917 17.1 35.5917V71.1917C17 71.8917 16.7 72.4916 16.3 72.9916C15.3 73.9916 13.5 74.2917 12 72.8917C11.7 72.6917 11.4 72.0917 11.4 71.6917V67.8917V62.1917C11.4 61.6917 11.2 61.2916 10.9 60.9916C8.49999 58.9916 5.89998 60.4917 5.69998 62.6917C5.69998 62.7917 5.69998 62.7917 5.69998 62.8917V81.0917C5.69998 81.7917 5.29999 82.4917 4.89999 82.8917C3.89999 83.8917 2.1 84.0916 0.5 82.7916C0.2 82.5916 0 81.4917 0 81.0917V51.1917V42.8917V31.8917C0 26.1917 3 20.9917 8 18.0917L35.5 2.19166C39.9 -0.308339 45.1 -0.708339 49.7 1.19166C49.8 1.19166 49.8 1.19166 49.9 1.19166C51.3 1.79166 54.5 2.99169 58.2 3.09169C58.6 3.29169 58.8 4.29169 58.2 4.59169Z" fill="#27A4A4"/>
</svg>
使用上の注意
- 元の 3.11:1 の縦横比（viewBox "0 0 302 97"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
