netflix logo
netflix from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- netflix
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 512×138
- License
- CC0
The same logo in other sets
Related icons in SVG Logos
Use the netflix logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 138"><path fill="#db202c" d="M340.657 0v100.203q18.54.861 36.98 2.09v21.245a1822 1822 0 0 0-58.542-2.959V0zM512 .012l-28.077 65.094l28.07 72.438l-.031.013a1789 1789 0 0 0-24.576-3.323l-15.763-40.656l-15.913 36.882a1816 1816 0 0 0-22.662-2.36l27.371-63.43L435.352.013h23.325l14.035 36.184L488.318.012zM245.093 119.526V.011h60.19v21.436h-38.628v27.78h29.227v21.245h-29.227v49.05zM164.58 21.448V.01h66.69v21.437h-22.565v98.66c-7.197.19-14.386.412-21.56.683V21.448zM90.868 126.966V.014h59.89v21.435h-38.331v29.036c8.806-.113 21.327-.24 29.117-.222V71.51c-9.751-.12-20.758.134-29.117.217v32.164a1848 1848 0 0 1 38.331-2.62v21.247a1816 1816 0 0 0-59.89 4.45M48.571 77.854L48.57.01h21.562v128.96q-11.823 1.216-23.603 2.584L21.56 59.824v74.802q-10.8 1.406-21.56 2.936V.012h20.491zm346.854 46.965V.012h21.563V126.6c-7.179-.64-14.364-1.23-21.563-1.78"/></svg>
React
import type { SVGProps } from "react";
export function LogosNetflix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 138"><path fill="#db202c" d="M340.657 0v100.203q18.54.861 36.98 2.09v21.245a1822 1822 0 0 0-58.542-2.959V0zM512 .012l-28.077 65.094l28.07 72.438l-.031.013a1789 1789 0 0 0-24.576-3.323l-15.763-40.656l-15.913 36.882a1816 1816 0 0 0-22.662-2.36l27.371-63.43L435.352.013h23.325l14.035 36.184L488.318.012zM245.093 119.526V.011h60.19v21.436h-38.628v27.78h29.227v21.245h-29.227v49.05zM164.58 21.448V.01h66.69v21.437h-22.565v98.66c-7.197.19-14.386.412-21.56.683V21.448zM90.868 126.966V.014h59.89v21.435h-38.331v29.036c8.806-.113 21.327-.24 29.117-.222V71.51c-9.751-.12-20.758.134-29.117.217v32.164a1848 1848 0 0 1 38.331-2.62v21.247a1816 1816 0 0 0-59.89 4.45M48.571 77.854L48.57.01h21.562v128.96q-11.823 1.216-23.603 2.584L21.56 59.824v74.802q-10.8 1.406-21.56 2.936V.012h20.491zm346.854 46.965V.012h21.563V126.6c-7.179-.64-14.364-1.23-21.563-1.78"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 138"><path fill="#db202c" d="M340.657 0v100.203q18.54.861 36.98 2.09v21.245a1822 1822 0 0 0-58.542-2.959V0zM512 .012l-28.077 65.094l28.07 72.438l-.031.013a1789 1789 0 0 0-24.576-3.323l-15.763-40.656l-15.913 36.882a1816 1816 0 0 0-22.662-2.36l27.371-63.43L435.352.013h23.325l14.035 36.184L488.318.012zM245.093 119.526V.011h60.19v21.436h-38.628v27.78h29.227v21.245h-29.227v49.05zM164.58 21.448V.01h66.69v21.437h-22.565v98.66c-7.197.19-14.386.412-21.56.683V21.448zM90.868 126.966V.014h59.89v21.435h-38.331v29.036c8.806-.113 21.327-.24 29.117-.222V71.51c-9.751-.12-20.758.134-29.117.217v32.164a1848 1848 0 0 1 38.331-2.62v21.247a1816 1816 0 0 0-59.89 4.45M48.571 77.854L48.57.01h21.562v128.96q-11.823 1.216-23.603 2.584L21.56 59.824v74.802q-10.8 1.406-21.56 2.936V.012h20.491zm346.854 46.965V.012h21.563V126.6c-7.179-.64-14.364-1.23-21.563-1.78"/></svg> </template>
CSS
.icon-netflix {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20138%22%3E%3Cpath%20fill%3D%22%23db202c%22%20d%3D%22M340.657%200v100.203q18.54.861%2036.98%202.09v21.245a1822%201822%200%200%200-58.542-2.959V0zM512%20.012l-28.077%2065.094l28.07%2072.438l-.031.013a1789%201789%200%200%200-24.576-3.323l-15.763-40.656l-15.913%2036.882a1816%201816%200%200%200-22.662-2.36l27.371-63.43L435.352.013h23.325l14.035%2036.184L488.318.012zM245.093%20119.526V.011h60.19v21.436h-38.628v27.78h29.227v21.245h-29.227v49.05zM164.58%2021.448V.01h66.69v21.437h-22.565v98.66c-7.197.19-14.386.412-21.56.683V21.448zM90.868%20126.966V.014h59.89v21.435h-38.331v29.036c8.806-.113%2021.327-.24%2029.117-.222V71.51c-9.751-.12-20.758.134-29.117.217v32.164a1848%201848%200%200%201%2038.331-2.62v21.247a1816%201816%200%200%200-59.89%204.45M48.571%2077.854L48.57.01h21.562v128.96q-11.823%201.216-23.603%202.584L21.56%2059.824v74.802q-10.8%201.406-21.56%202.936V.012h20.491zm346.854%2046.965V.012h21.563V126.6c-7.179-.64-14.364-1.23-21.563-1.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20138%22%3E%3Cpath%20fill%3D%22%23db202c%22%20d%3D%22M340.657%200v100.203q18.54.861%2036.98%202.09v21.245a1822%201822%200%200%200-58.542-2.959V0zM512%20.012l-28.077%2065.094l28.07%2072.438l-.031.013a1789%201789%200%200%200-24.576-3.323l-15.763-40.656l-15.913%2036.882a1816%201816%200%200%200-22.662-2.36l27.371-63.43L435.352.013h23.325l14.035%2036.184L488.318.012zM245.093%20119.526V.011h60.19v21.436h-38.628v27.78h29.227v21.245h-29.227v49.05zM164.58%2021.448V.01h66.69v21.437h-22.565v98.66c-7.197.19-14.386.412-21.56.683V21.448zM90.868%20126.966V.014h59.89v21.435h-38.331v29.036c8.806-.113%2021.327-.24%2029.117-.222V71.51c-9.751-.12-20.758.134-29.117.217v32.164a1848%201848%200%200%201%2038.331-2.62v21.247a1816%201816%200%200%200-59.89%204.45M48.571%2077.854L48.57.01h21.562v128.96q-11.823%201.216-23.603%202.584L21.56%2059.824v74.802q-10.8%201.406-21.56%202.936V.012h20.491zm346.854%2046.965V.012h21.563V126.6c-7.179-.64-14.364-1.23-21.563-1.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/netflix.svg?color=%231a73e8&size=48
