netflix logo
netflix from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- netflix
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the netflix logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.188.005l6.333 17.948v-.01l.5 1.411c2.786 7.88 4.281 12.104 4.286 12.109l.938.057c1.542.063 3.453.24 4.901.411c.333.042.62.052.641.042L17.928 12.52l-3.234-9.135A354 354 0 0 0 13.538.119l-.042-.12H7.194zm11.343.011l-.016 7.073l-.01 7.078l-.583-1.646l-.75 15.745c.74 2.089 1.135 3.203 1.141 3.208s.427.036.932.057c1.547.068 3.453.24 4.906.417c.333.036.625.052.641.036c.021-.01.026-7.224.026-16.01L24.808.016zM7.188.005v15.984c0 8.792.01 15.995.021 16.005s.552-.042 1.208-.115a55 55 0 0 1 2.01-.214c.693-.068 2.76-.203 3-.203c.068 0 .073-.359.083-6.771l.01-6.776l.505 1.417l.177.5l.76-15.734l-.255-.729L13.493.004z"/></svg>
React
import type { SVGProps } from "react";
export function CibNetflix(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.188.005l6.333 17.948v-.01l.5 1.411c2.786 7.88 4.281 12.104 4.286 12.109l.938.057c1.542.063 3.453.24 4.901.411c.333.042.62.052.641.042L17.928 12.52l-3.234-9.135A354 354 0 0 0 13.538.119l-.042-.12H7.194zm11.343.011l-.016 7.073l-.01 7.078l-.583-1.646l-.75 15.745c.74 2.089 1.135 3.203 1.141 3.208s.427.036.932.057c1.547.068 3.453.24 4.906.417c.333.036.625.052.641.036c.021-.01.026-7.224.026-16.01L24.808.016zM7.188.005v15.984c0 8.792.01 15.995.021 16.005s.552-.042 1.208-.115a55 55 0 0 1 2.01-.214c.693-.068 2.76-.203 3-.203c.068 0 .073-.359.083-6.771l.01-6.776l.505 1.417l.177.5l.76-15.734l-.255-.729L13.493.004z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.188.005l6.333 17.948v-.01l.5 1.411c2.786 7.88 4.281 12.104 4.286 12.109l.938.057c1.542.063 3.453.24 4.901.411c.333.042.62.052.641.042L17.928 12.52l-3.234-9.135A354 354 0 0 0 13.538.119l-.042-.12H7.194zm11.343.011l-.016 7.073l-.01 7.078l-.583-1.646l-.75 15.745c.74 2.089 1.135 3.203 1.141 3.208s.427.036.932.057c1.547.068 3.453.24 4.906.417c.333.036.625.052.641.036c.021-.01.026-7.224.026-16.01L24.808.016zM7.188.005v15.984c0 8.792.01 15.995.021 16.005s.552-.042 1.208-.115a55 55 0 0 1 2.01-.214c.693-.068 2.76-.203 3-.203c.068 0 .073-.359.083-6.771l.01-6.776l.505 1.417l.177.5l.76-15.734l-.255-.729L13.493.004z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.188.005l6.333%2017.948v-.01l.5%201.411c2.786%207.88%204.281%2012.104%204.286%2012.109l.938.057c1.542.063%203.453.24%204.901.411c.333.042.62.052.641.042L17.928%2012.52l-3.234-9.135A354%20354%200%200%200%2013.538.119l-.042-.12H7.194zm11.343.011l-.016%207.073l-.01%207.078l-.583-1.646l-.75%2015.745c.74%202.089%201.135%203.203%201.141%203.208s.427.036.932.057c1.547.068%203.453.24%204.906.417c.333.036.625.052.641.036c.021-.01.026-7.224.026-16.01L24.808.016zM7.188.005v15.984c0%208.792.01%2015.995.021%2016.005s.552-.042%201.208-.115a55%2055%200%200%201%202.01-.214c.693-.068%202.76-.203%203-.203c.068%200%20.073-.359.083-6.771l.01-6.776l.505%201.417l.177.5l.76-15.734l-.255-.729L13.493.004z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.188.005l6.333%2017.948v-.01l.5%201.411c2.786%207.88%204.281%2012.104%204.286%2012.109l.938.057c1.542.063%203.453.24%204.901.411c.333.042.62.052.641.042L17.928%2012.52l-3.234-9.135A354%20354%200%200%200%2013.538.119l-.042-.12H7.194zm11.343.011l-.016%207.073l-.01%207.078l-.583-1.646l-.75%2015.745c.74%202.089%201.135%203.203%201.141%203.208s.427.036.932.057c1.547.068%203.453.24%204.906.417c.333.036.625.052.641.036c.021-.01.026-7.224.026-16.01L24.808.016zM7.188.005v15.984c0%208.792.01%2015.995.021%2016.005s.552-.042%201.208-.115a55%2055%200%200%201%202.01-.214c.693-.068%202.76-.203%203-.203c.068%200%20.073-.359.083-6.771l.01-6.776l.505%201.417l.177.5l.76-15.734l-.255-.729L13.493.004z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/netflix.svg?color=%231a73e8&size=48
