Appwrite
ツール
Heptabase
Heptabaseの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 824 824
- ファイルサイズ
- 1017 B · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますHeptabase.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Heptabase
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2E2E2Ergb(46, 46, 46) · hsl(0, 0%, 18%)
- WCAG コントラストとファイルサイズ
- 白背景 13.6:1 · 黒背景 1.5:1 · 1017 B
SVG コード
<svg width="824" height="824" viewBox="0 0 824 824" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="824" height="824" rx="184" fill="white"/>
<circle cx="606" cy="582" r="50" fill="#2E2E2E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M216 237.833C216 212.52 236.52 192 261.833 192C287.146 192 307.667 212.52 307.667 237.833V512.833C307.667 538.146 287.146 558.667 261.833 558.667C236.52 558.667 216 538.146 216 512.833V237.833ZM417.668 311.166C417.668 285.853 438.188 265.333 463.501 265.333C488.814 265.333 509.335 285.853 509.335 311.166V586.166C509.335 611.479 488.814 632 463.501 632C438.188 632 417.668 611.479 417.668 586.166V480.75C417.668 466.916 409.226 454.483 396.367 449.38L392.535 447.86C371.664 439.577 348.346 439.992 327.782 449.011C315.561 454.371 307.668 466.452 307.668 479.796V344.203C307.668 357.547 315.561 369.628 327.782 374.988C348.346 384.007 371.664 384.422 392.535 376.14L396.367 374.619C409.226 369.516 417.668 357.084 417.668 343.25V311.166Z" fill="#2E2E2E"/>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 824 824"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
