Bilibili
哔哩哔哩
Jtu Me
Jtu Me（jtu-me）の公式ベクターロゴ。ソーシャルメディアカテゴリ。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 1024 1024
- ファイルサイズ
- 1.7 KB · 2 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますJtu Me.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Jtu Me (jtu-me)
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #181833rgb(24, 24, 51) · hsl(240, 36%, 15%)
- WCAG コントラストとファイルサイズ
- 白背景 17.3:1 · 黒背景 1.1:1 · 1.7 KB
SVG コード
<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1024" height="1024" rx="512" fill="url(#paint0_linear_580_18)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M693.121 282.511L692.786 282.173L692.487 282.511H693.121ZM736.311 326.108L794.261 384.605L831.865 347.352L721.87 236.32C704.955 219.245 677.131 220.021 661.193 238.011L563.375 348.429L602.996 383.529L661.45 317.546V612.87C661.45 646.697 634.027 674.12 600.199 674.12C563.236 674.12 533.27 644.154 533.27 607.191V379.046C533.27 299.789 469.02 235.539 389.763 235.539C309.701 235.539 244.798 300.442 244.798 380.504V631.149C214.228 645.194 193 676.082 193 711.928C193 760.999 232.78 800.779 281.85 800.779C330.921 800.779 370.701 760.999 370.701 711.928C370.701 676.378 349.823 645.705 319.659 631.5V380.504C319.659 341.787 351.046 310.4 389.763 310.4C427.675 310.4 458.409 341.134 458.409 379.046V607.191C458.409 685.499 521.891 748.981 600.199 748.981C675.372 748.981 736.311 688.042 736.311 612.87V326.108ZM281.85 670.717C259.09 670.717 240.639 689.168 240.639 711.928C240.639 734.689 259.09 753.14 281.85 753.14C304.611 753.14 323.062 734.689 323.062 711.928C323.062 689.168 304.611 670.717 281.85 670.717Z" fill="url(#paint1_linear_580_18)"/>
<defs>
<linearGradient id="paint0_linear_580_18" x1="1.64437" y1="-6.66745e-07" x2="1022.36" y2="1024" gradientUnits="userSpaceOnUse">
<stop stop-color="#181833"/>
<stop offset="1" stop-color="#515186"/>
</linearGradient>
<linearGradient id="paint1_linear_580_18" x1="512.432" y1="224" x2="512.432" y2="800.779" gradientUnits="userSpaceOnUse">
<stop stop-color="#B0DEF9"/>
<stop offset="1" stop-color="#92D1FF"/>
</linearGradient>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 1024 1024"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
