Bilibili
哔哩哔哩
Kick
Kick（kick-light）の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ダークモード用の公式バージョンがあります
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 3.11:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 933 300
- ファイルサイズ
- 904 B · 3 パス
- 公式サイト
- https://kick.com/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますKick.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Kick (kick-light)
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #53FC18rgb(83, 252, 24) · hsl(104, 97%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 1.4:1 · 黒背景 14.4:1 · 904 B
SVG コード
<svg width="933" height="300" viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_9790_492437)">
<g clip-path="url(#clip1_9790_492437)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#53FC18"/>
</g>
</g>
<defs>
<clipPath id="clip0_9790_492437">
<rect width="933" height="300" fill="white"/>
</clipPath>
<clipPath id="clip1_9790_492437">
<rect width="933.333" height="300" fill="white"/>
</clipPath>
</defs>
</svg>
使用上の注意
- 元の 3.11:1 の縦横比（viewBox "0 0 933 300"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
