Bilibili
哔哩哔哩
Avif
Avifの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.34:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 760 568
- ファイルサイズ
- 1.3 KB · 8 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAvif.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Avif
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #FBAC30rgb(251, 172, 48) · hsl(37, 96%, 59%)
- WCAG コントラストとファイルサイズ
- 白背景 1.9:1 · 黒背景 10.4:1 · 1.3 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 760 568" style="enable-background:new 0 0 760 568;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FBAC30;}
.st1{fill:#12B17D;}
.st2{fill:#BB255C;}
.st3{fill:#FFFFFF;}
</style>
<g>
<g>
<polygon class="st0" points="470.5,567.31 0.47,284 470.5,0.69 "/>
<polygon class="st1" points="470.5,567.31 356.27,466.45 470.5,414.65 "/>
<polygon class="st1" points="356.27,101.55 470.5,0.69 470.5,153.35 "/>
<polygon class="st2" points="759.53,284 356.27,466.45 356.27,101.55 "/>
</g>
<g>
<path d="M189.48,294.52h-24.31l12.16-41.96L189.48,294.52z M246.02,344.09l-45.31-130.19h-46.78l-45.31,130.19h42.18l4.42-15.22
h44.2l4.42,15.22H246.02z"/>
<polygon points="309.28,344.09 354.59,213.91 312.41,213.91 285.89,301.54 259.37,213.91 217.19,213.91 262.5,344.09 "/>
<polygon class="st3" points="459.92,344.09 459.92,295.49 514.62,295.49 514.62,261.14 459.92,261.14 459.92,248.26
515.91,248.26 515.91,213.91 422.71,213.91 422.71,344.09 "/>
<rect x="368.33" y="213.91" class="st3" width="37.2" height="130.19"/>
</g>
</g>
</svg>
使用上の注意
- 元の 1.34:1 の縦横比（viewBox "0 0 760 568"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
