Bilibili
哔哩哔哩
Bitmagnet
Bitmagnetの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 0.99:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0.01 0 279.36 281.67
- ファイルサイズ
- 954 B · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBitmagnet.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Bitmagnet
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #3F51B5rgb(63, 81, 181) · hsl(231, 48%, 48%)
- WCAG コントラストとファイルサイズ
- 白背景 6.9:1 · 黒背景 2.9:1 · 954 B
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd" viewBox="0.01 0 279.36 281.67">
<defs/>
<g>
<path xmlns="http://www.w3.org/2000/svg" class="fill" d="M67.7 4.23l0 137.76c0,39.62 32.38,71.98 71.99,71.98 39.61,0 71.98,-32.37 71.98,-71.98l0 -137.76c0,-2.33 1.9,-4.23 4.23,-4.23l59.24 0c2.33,0 4.23,1.9 4.23,4.23l0 137.76c0,76.97 -62.71,139.68 -139.68,139.68 -76.98,0 -139.68,-62.7 -139.68,-139.68l0 -137.76c0,-2.33 1.9,-4.23 4.23,-4.23l59.24 0c2.33,0 4.23,1.9 4.23,4.23zm-12.69 8.46l-42.32 0 0 48.15 42.32 0 0 -48.15zm211.66 48.15l0 -48.15 -42.32 0 0 48.15 42.32 0z" fill="#3f51b5"/>
<rect fill="#fff" width="42.32" height="48.15" x="12.69" y="12.69"/>
<rect fill="#fff" width="42.32" height="48.15" x="224.32" y="12.69"/></g>
</svg>使用上の注意
- 元の 0.99:1 の縦横比（viewBox "0.01 0 279.36 281.67"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
