Appwrite
ツール
LogBrew
LogBrewの公式ベクターロゴ。ツールカテゴリ。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 21 21
- ファイルサイズ
- 1.2 KB · 5 パス
- 公式サイト
- https://logbrew.co/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますLogBrew.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- LogBrew
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #201E1Frgb(32, 30, 31) · hsl(330, 3%, 12%)
- WCAG コントラストとファイルサイズ
- 白背景 16.6:1 · 黒背景 1.2:1 · 1.2 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21" shape-rendering="crispEdges"><title>LogBrew</title><path fill="#201E1F" d="M7 0h4v1h-4zM5 1h2v1h-2zM11 1h3v1h-3zM3 2h2v1h-2zM14 2h2v1h-2zM2 3h1v1h-1zM16 3h1v3h-1zM1 4h1v2h-1zM2 6h1v5h-1zM5 6h1v1h-1zM13 6h3v1h-3zM4 7h1v4h-1zM6 7h1v3h-1zM11 7h2v1h-2zM15 7h1v13h-1zM8 8h3v1h-3zM16 8h2v1h-2zM8 9h1v1h-1zM18 9h1v1h-1zM7 10h1v1h-1zM16 10h1v1h-1zM19 10h1v5h-1zM3 11h1v9h-1zM17 11h1v3h-1zM6 12h1v6h-1zM9 12h1v6h-1zM12 12h1v6h-1zM16 14h1v1h-1zM18 15h1v1h-1zM16 16h2v1h-2zM4 20h11v1h-11z"/><path fill="#FECB17" d="M5 7h1v13h-1zM13 8h2v4h-2zM11 9h2v3h-2zM8 10h3v2h-3zM6 11h2v1h-2zM8 12h1v8h-1zM11 12h1v8h-1zM14 12h1v8h-1zM6 18h2v2h-2zM9 18h2v2h-2zM12 18h2v2h-2z"/><path fill="#F9BC13" d="M13 7h2v1h-2zM11 8h2v1h-2zM9 9h2v1h-2zM6 10h1v1h-1zM4 11h1v9h-1zM7 12h1v6h-1zM10 12h1v6h-1zM13 12h1v6h-1z"/><path fill="#EAEAEC" d="M7 1h4v1h-4zM5 2h2v1h-2zM11 2h3v1h-3zM3 3h2v1h-2zM14 3h2v1h-2zM2 4h1v2h-1zM6 6h1v1h-1zM11 6h2v1h-2zM8 7h3v1h-3zM3 9h1v2h-1zM7 9h1v1h-1zM16 9h1v1h-1zM17 10h1v1h-1zM17 14h1v1h-1zM16 15h1v1h-1z"/><path fill="#FFFFFF" d="M7 2h4v5h-4zM5 3h2v3h-2zM11 3h3v3h-3zM3 4h2v3h-2zM14 4h2v2h-2zM3 7h1v2h-1zM7 7h1v2h-1zM17 9h1v1h-1zM18 10h1v5h-1zM17 15h1v1h-1z"/></svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 21 21"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
