Bilibili
哔哩哔哩
QQの公式ベクターロゴ。ソーシャルメディアカテゴリ。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 48 48
- ファイルサイズ
- 2.2 KB · 9 パス
- 公式サイト
- https://im.qq.com/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますQQ.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #F9AD08rgb(249, 173, 8) · hsl(41, 95%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 1.9:1 · 黒背景 10.4:1 · 2.2 KB
SVG コード
<svg viewBox="0 0 48 48" width="48" height="48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 31s-3 4.5-3.5 4c-.803-.803.062-6.622 1.5-11 0 0 2 1 4.5 1.5 0 0-1.74 9.46 4.268 13.242C20.768 40 24 40 24 40s3.232 0 5.232-1.258C35.241 34.96 33.5 25.5 33.5 25.5 36 25 38 24 38 24c1.438 4.378 2.303 10.197 1.5 11-.5.5-3.5-4-3.5-4s.232 4.776-3.392 7.742c0 0-3.376 2.758-8.608 2.758s-8.608-2.758-8.608-2.758C11.768 35.776 12 31 12 31m0-11C12 7 19 4 24 4s12 3 12 16c-4.033.782-7.5 1.5-12 1.5s-7.967-.718-12-1.5m5-2.5c0 1 3.5 2.5 7 2.5s7-1.5 7-2.5-5-1.5-7-1.5-7 .5-7 1.5" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.732 41.5c-1 .5-8.232.5-11.732 0 5.232 0 8.608-2.758 8.608-2.758-.081.066 5.124 1.758 3.124 2.758" fill="#f9ad08"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 41.5c-3.5.5-10.732.5-11.732 0-2-1 3.205-2.692 3.124-2.758 0 0 3.376 2.758 8.608 2.758" fill="#f8ae08"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 24c.564-1.718 1.436-3.014 2-4 4.033.782 7.5 1.5 12 1.5s7.967-.718 12-1.5c.564.986 1.436 2.282 2 4 0 0-2 1-4.5 1.5s-5.5 1-9.5 1q-1.183-.001-2.257-.055c0 1.515 0 2.503.016 4.374a.2.2 0 0 1-.143.192c-1.69.479-3.579.463-4.995-.454a.19.19 0 0 1-.088-.16c-.033-1.885-.032-2.435.002-4.52A65 65 0 0 1 14.5 25.5C12 25 10 24 10 24" fill="#ea1c26"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 17.5c0 1 3.5 2.5 7 2.5s7-1.5 7-2.5-5-1.5-7-1.5-7 .5-7 1.5" fill="#f9ad08"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 25.5a66 66 0 0 0 2.035.377 102 102 0 0 0-.002 4.52.19.19 0 0 0 .088.16c1.416.917 3.305.933 4.995.454a.2.2 0 0 0 .143-.192c-.016-1.87-.016-2.859-.016-4.374q1.073.054 2.257.055c4 0 7-.5 9.5-1 0 0 1.74 9.46-4.268 13.242C27.232 40 24 40 24 40s-3.232 0-5.232-1.258C12.759 34.96 14.5 25.5 14.5 25.5" fill="#fff"/><path d="M21 14c1.105 0 2-1.343 2-3s-.895-3-2-3-2 1.343-2 3 .895 3 2 3m6 0c1.105 0 2-1.343 2-3s-.895-3-2-3-2 1.343-2 3 .895 3 2 3" fill="#fff"/><path d="M21 12.438c.552 0 1-.546 1-1.22 0-.672-.448-1.218-1-1.218s-1 .546-1 1.219.448 1.219 1 1.219" fill="#000"/><path d="M26 11c.5-.5 1.5-.5 2 0" stroke="#000" stroke-width=".7" stroke-linecap="round" stroke-linejoin="round"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 48 48"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
