Appwrite
ツール
ツールダーク版
BarKeep
BarKeepの公式ベクターロゴ。ツールカテゴリ。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 512 512
- ファイルサイズ
- 946 B · 5 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBarKeep.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- BarKeep
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #2C2C2Crgb(44, 44, 44) · hsl(0, 0%, 17%)
- WCAG コントラストとファイルサイズ
- 白背景 14:1 · 黒背景 1.4:1 · 946 B
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="barkeep_svg__a" x1="-701.627" x2="-700.627" y1="796.447" y2="795.447" gradientTransform="matrix(512 0 0 -512 359233 407781)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#2c2c2c"/><stop offset="1" style="stop-color:#1a1a1a"/></linearGradient><path d="M100 0h312c55.2 0 100 44.8 100 100v312c0 55.2-44.8 100-100 100H100C44.8 512 0 467.2 0 412V100C0 44.8 44.8 0 100 0" style="fill:url(#barkeep_svg__a)"/><path d="M382.7 120.4c1.6-2.5 1.8-5.6.4-8.2S379 108 376 108H136c-3 0-5.7 1.6-7.1 4.2s-1.2 5.8.4 8.2l118.7 178V388h-52c-4.4 0-8 3.6-8 8s3.6 8 8 8h120c4.4 0 8-3.6 8-8s-3.6-8-8-8h-52v-89.6zm-21.6 3.6L256 281.6 150.9 124z" style="fill:#e0e0e0"/><path d="M176 156h160l-80 120z" style="opacity:.6;fill:#6ea8fe"/><circle cx="256" cy="176" r="20" style="fill:#7cb342"/><circle cx="256" cy="176" r="8" style="fill:#d32f2f"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 512 512"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
