Bilibili
哔哩哔哩
Netflix
Netflix（netflix-icon）の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 0.55:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 551.111 1000
- ファイルサイズ
- 1.8 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますNetflix.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Netflix (netflix-icon)
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #B1060Frgb(177, 6, 15) · hsl(357, 93%, 36%)
- WCAG コントラストとファイルサイズ
- 白背景 7.2:1 · 黒背景 2.7:1 · 1.8 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Netflix_Symbol_RGB" version="1.1" viewBox="0 0 551.111 1000"><defs id="defs4"><linearGradient id="linearGradient35887"><stop id="stop35883" offset="0" style="stop-color:#b1060f;stop-opacity:1"/><stop id="stop36053" offset=".625" style="stop-color:#7b010c;stop-opacity:1"/><stop id="stop35885" offset="1" style="stop-color:#b1060f;stop-opacity:0"/></linearGradient><linearGradient id="linearGradient19332"><stop id="stop19328" offset="0" style="stop-color:#b1060f;stop-opacity:1"/><stop id="stop19560" offset=".546" style="stop-color:#7b010c;stop-opacity:1"/><stop id="stop19330" offset="1" style="stop-color:#e50914;stop-opacity:0"/></linearGradient><linearGradient xlink:href="#linearGradient19332" id="linearGradient13368" x1="78.234" x2="221.663" y1="423.767" y2="365.092" gradientUnits="userSpaceOnUse"/><linearGradient xlink:href="#linearGradient35887" id="linearGradient35889" x1="456.365" x2="309.676" y1="521.56" y2="583.495" gradientUnits="userSpaceOnUse"/><style id="style2">.cls-1{fill:#e50914}</style></defs><path id="path6055" d="M-1.152-1.152 2.305 1002.67c73.273-14.111 130.892-12.569 195.924-18.44V0Z" style="fill:url(#linearGradient13368);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"/><path id="path678" d="M353.816 0h199.381l2.305 1000.365-202.839-33.422z" style="fill:url(#linearGradient35889);stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"/><path id="path362" d="M1.152 0c4.61 11.525 345.749 981.925 345.749 981.925 56.056-.4 131.219 8.754 205.144 17.288L197.077 0Z" style="fill:#e50914;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/></svg>使用上の注意
- 元の 0.55:1 の縦横比（viewBox "0 0 551.111 1000"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
