Bilibili
哔哩哔哩
Sunshine
Sunshineの公式ベクターロゴ。ソーシャルメディアカテゴリ。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 256 256
- ファイルサイズ
- 1.2 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますSunshine.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Sunshine
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #FDD107rgb(253, 209, 7) · hsl(49, 98%, 51%)
- WCAG コントラストとファイルサイズ
- 白背景 1.5:1 · 黒背景 13.5:1 · 1.2 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#FDD107" d="M118.769 20.712s-63.833 26-74.333 83.833 37.166 91.5 86.333 75.334 70.333-51 81.833-87c0 0-9.333 100.5-96.166 115.5s-118.167-50-82.167-119.834c10-21.5 46.25-58.916 84.5-67.833"/><path fill="#F89A1C" d="M118.769 20.712s-41.125 3.667-83.25 61.042-28.125 139.125 34.25 149.375 115.875-44.875 133.5-82.375 15.167-61.459 9.75-77.875c0 0 .667 36.416-13.333 59.666s-29.75 46.334-65.084 62.167-74.166 13.75-95.416-19.25-5.917-76.083-.292-85.333 33.5-54.334 79.875-67.417"/><path fill="#EF3E23" d="M73.019 39.629s38.125-28.125 76.875-28.125 63 28.25 68.5 52.25 6 54.125-11.5 87.625-37.375 56-79.125 76.125-84.625 2.75-84.625 2.75 25.977 25.875 71.05 16.5c45.075-9.375 82.242-40.875 98.408-69.5s28.792-57.375 27.667-92.25-23.75-54.5-31.25-60.25S185.83 6.94 150.83 8.19 86.456 29.816 73.02 39.63"/><path fill="#F26222" d="M73.019 39.629s35-32.813 82.437-32.813 69.188 24.813 78.875 44.688 21.813 70-12.187 123-74.625 67.375-93.625 71.625-42.431 4.269-59.112-1.23c0 0 35.195 8.396 66.779-7.437s51.666-32.167 74.083-68.833 25.917-72.75 22.167-93.917-12.167-42.417-36.5-56.333-56.73-10.532-74.48-4.532S91.988 26.41 73.02 39.63"/></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 256 256"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
