netflix icon logo
netflix-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- netflix-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
Use the netflix icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><path id="SVG8fYEGcDn" fill="#b1060f" stroke="#000" d="m141.676 41.275l-.067 38.361l-.068 38.361l-3.156-8.905l-.006-.017l-4.078 85.402c4.01 11.324 6.158 17.369 6.182 17.393c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.094-.084.145-39.143.114-86.797l-.058-86.644zm-61.538-.115v86.732c0 47.703.047 86.779.104 86.836s3.011-.222 6.565-.62c3.553-.398 8.465-.893 10.914-1.1c3.756-.317 14.97-1.038 16.268-1.046c.378-.002.402-1.95.457-36.735l.058-36.734l2.713 7.677l.96 2.713l4.077-85.381l-1.401-3.96a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGk3mpMeLQ" fill="url(#SVG4ILQC65E)" d="M80.138 41.16v48.685l34.296 90.976c.004-2.085.008-3.211.012-5.594l.058-36.734l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.064-.058.107-19.21.118-46.227l-34.136-98.14l-.016 9.287l-.068 38.361l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGVthXec6c" fill="#e50914" d="m80.139 41.16l34.365 97.377v-.044l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.812.225 3.37.34 3.48.258l-34.1-96.737v.017l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55c-3.332-9.42-6.159-17.408-6.283-17.754l-.225-.628z"/><radialGradient id="SVG4ILQC65E" cx="48.34%" cy="49.419%" r="70.438%" fx="48.34%" fy="49.419%" gradientTransform="matrix(1 0 0 .55088 0 .222)"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></radialGradient></defs><path d="M0 0h255.904v255.904H0z"/><use href="#SVG8fYEGcDn" stroke-width="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/><use href="#SVG8fYEGcDn" stroke-width="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/></svg>
React
import type { SVGProps } from "react";
export function LogosNetflixIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><path id="SVG8fYEGcDn" fill="#b1060f" stroke="#000" d="m141.676 41.275l-.067 38.361l-.068 38.361l-3.156-8.905l-.006-.017l-4.078 85.402c4.01 11.324 6.158 17.369 6.182 17.393c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.094-.084.145-39.143.114-86.797l-.058-86.644zm-61.538-.115v86.732c0 47.703.047 86.779.104 86.836s3.011-.222 6.565-.62c3.553-.398 8.465-.893 10.914-1.1c3.756-.317 14.97-1.038 16.268-1.046c.378-.002.402-1.95.457-36.735l.058-36.734l2.713 7.677l.96 2.713l4.077-85.381l-1.401-3.96a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGk3mpMeLQ" fill="url(#SVG4ILQC65E)" d="M80.138 41.16v48.685l34.296 90.976c.004-2.085.008-3.211.012-5.594l.058-36.734l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.064-.058.107-19.21.118-46.227l-34.136-98.14l-.016 9.287l-.068 38.361l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGVthXec6c" fill="#e50914" d="m80.139 41.16l34.365 97.377v-.044l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.812.225 3.37.34 3.48.258l-34.1-96.737v.017l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55c-3.332-9.42-6.159-17.408-6.283-17.754l-.225-.628z"/><radialGradient id="SVG4ILQC65E" cx="48.34%" cy="49.419%" r="70.438%" fx="48.34%" fy="49.419%" gradientTransform="matrix(1 0 0 .55088 0 .222)"><stop offset="0%"/><stop offset="100%" stopOpacity="0"/></radialGradient></defs><path d="M0 0h255.904v255.904H0z"/><use href="#SVG8fYEGcDn" strokeWidth="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/><use href="#SVG8fYEGcDn" strokeWidth="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><path id="SVG8fYEGcDn" fill="#b1060f" stroke="#000" d="m141.676 41.275l-.067 38.361l-.068 38.361l-3.156-8.905l-.006-.017l-4.078 85.402c4.01 11.324 6.158 17.369 6.182 17.393c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.094-.084.145-39.143.114-86.797l-.058-86.644zm-61.538-.115v86.732c0 47.703.047 86.779.104 86.836s3.011-.222 6.565-.62c3.553-.398 8.465-.893 10.914-1.1c3.756-.317 14.97-1.038 16.268-1.046c.378-.002.402-1.95.457-36.735l.058-36.734l2.713 7.677l.96 2.713l4.077-85.381l-1.401-3.96a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGk3mpMeLQ" fill="url(#SVG4ILQC65E)" d="M80.138 41.16v48.685l34.296 90.976c.004-2.085.008-3.211.012-5.594l.058-36.734l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.821.226 3.388.342 3.483.257c.064-.058.107-19.21.118-46.227l-34.136-98.14l-.016 9.287l-.068 38.361l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55a32066 32066 0 0 0-6.283-17.754l-.225-.628z"/><path id="SVGVthXec6c" fill="#e50914" d="m80.139 41.16l34.365 97.377v-.044l2.713 7.677c15.104 42.738 23.218 65.652 23.266 65.7c.031.032 2.317.17 5.078.307c8.366.415 18.734 1.304 26.599 2.282c1.812.225 3.37.34 3.48.258l-34.1-96.737v.017l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55c-3.332-9.42-6.159-17.408-6.283-17.754l-.225-.628z"/><radialGradient id="SVG4ILQC65E" cx="48.34%" cy="49.419%" r="70.438%" fx="48.34%" fy="49.419%" gradientTransform="matrix(1 0 0 .55088 0 .222)"><stop offset="0%"/><stop offset="100%" stop-opacity="0"/></radialGradient></defs><path d="M0 0h255.904v255.904H0z"/><use href="#SVG8fYEGcDn" stroke-width="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/><use href="#SVG8fYEGcDn" stroke-width="2.956"/><use href="#SVGk3mpMeLQ"/><use href="#SVGVthXec6c"/></svg> </template>
CSS
.icon-netflix-icon {
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%20256%20256%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVG8fYEGcDn%22%20fill%3D%22%23b1060f%22%20stroke%3D%22%23000%22%20d%3D%22m141.676%2041.275l-.067%2038.361l-.068%2038.361l-3.156-8.905l-.006-.017l-4.078%2085.402c4.01%2011.324%206.158%2017.369%206.182%2017.393c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.821.226%203.388.342%203.483.257c.094-.084.145-39.143.114-86.797l-.058-86.644zm-61.538-.115v86.732c0%2047.703.047%2086.779.104%2086.836s3.011-.222%206.565-.62c3.553-.398%208.465-.893%2010.914-1.1c3.756-.317%2014.97-1.038%2016.268-1.046c.378-.002.402-1.95.457-36.735l.058-36.734l2.713%207.677l.96%202.713l4.077-85.381l-1.401-3.96a32066%2032066%200%200%200-6.283-17.754l-.225-.628z%22%2F%3E%3Cpath%20id%3D%22SVGk3mpMeLQ%22%20fill%3D%22url(%23SVG4ILQC65E)%22%20d%3D%22M80.138%2041.16v48.685l34.296%2090.976c.004-2.085.008-3.211.012-5.594l.058-36.734l2.713%207.677c15.104%2042.738%2023.218%2065.652%2023.266%2065.7c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.821.226%203.388.342%203.483.257c.064-.058.107-19.21.118-46.227l-34.136-98.14l-.016%209.287l-.068%2038.361l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55a32066%2032066%200%200%200-6.283-17.754l-.225-.628z%22%2F%3E%3Cpath%20id%3D%22SVGVthXec6c%22%20fill%3D%22%23e50914%22%20d%3D%22m80.139%2041.16l34.365%2097.377v-.044l2.713%207.677c15.104%2042.738%2023.218%2065.652%2023.266%2065.7c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.812.225%203.37.34%203.48.258l-34.1-96.737v.017l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55c-3.332-9.42-6.159-17.408-6.283-17.754l-.225-.628z%22%2F%3E%3CradialGradient%20id%3D%22SVG4ILQC65E%22%20cx%3D%2248.34%25%22%20cy%3D%2249.419%25%22%20r%3D%2270.438%25%22%20fx%3D%2248.34%25%22%20fy%3D%2249.419%25%22%20gradientTransform%3D%22matrix(1%200%200%20.55088%200%20.222)%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h255.904v255.904H0z%22%2F%3E%3Cuse%20href%3D%22%23SVG8fYEGcDn%22%20stroke-width%3D%222.956%22%2F%3E%3Cuse%20href%3D%22%23SVGk3mpMeLQ%22%2F%3E%3Cuse%20href%3D%22%23SVGVthXec6c%22%2F%3E%3Cuse%20href%3D%22%23SVG8fYEGcDn%22%20stroke-width%3D%222.956%22%2F%3E%3Cuse%20href%3D%22%23SVGk3mpMeLQ%22%2F%3E%3Cuse%20href%3D%22%23SVGVthXec6c%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%20256%20256%22%3E%3Cdefs%3E%3Cpath%20id%3D%22SVG8fYEGcDn%22%20fill%3D%22%23b1060f%22%20stroke%3D%22%23000%22%20d%3D%22m141.676%2041.275l-.067%2038.361l-.068%2038.361l-3.156-8.905l-.006-.017l-4.078%2085.402c4.01%2011.324%206.158%2017.369%206.182%2017.393c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.821.226%203.388.342%203.483.257c.094-.084.145-39.143.114-86.797l-.058-86.644zm-61.538-.115v86.732c0%2047.703.047%2086.779.104%2086.836s3.011-.222%206.565-.62c3.553-.398%208.465-.893%2010.914-1.1c3.756-.317%2014.97-1.038%2016.268-1.046c.378-.002.402-1.95.457-36.735l.058-36.734l2.713%207.677l.96%202.713l4.077-85.381l-1.401-3.96a32066%2032066%200%200%200-6.283-17.754l-.225-.628z%22%2F%3E%3Cpath%20id%3D%22SVGk3mpMeLQ%22%20fill%3D%22url(%23SVG4ILQC65E)%22%20d%3D%22M80.138%2041.16v48.685l34.296%2090.976c.004-2.085.008-3.211.012-5.594l.058-36.734l2.713%207.677c15.104%2042.738%2023.218%2065.652%2023.266%2065.7c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.821.226%203.388.342%203.483.257c.064-.058.107-19.21.118-46.227l-34.136-98.14l-.016%209.287l-.068%2038.361l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55a32066%2032066%200%200%200-6.283-17.754l-.225-.628z%22%2F%3E%3Cpath%20id%3D%22SVGVthXec6c%22%20fill%3D%22%23e50914%22%20d%3D%22m80.139%2041.16l34.365%2097.377v-.044l2.713%207.677c15.104%2042.738%2023.218%2065.652%2023.266%2065.7c.031.032%202.317.17%205.078.307c8.366.415%2018.734%201.304%2026.599%202.282c1.812.225%203.37.34%203.48.258l-34.1-96.737v.017l-3.156-8.905c-3.084-8.701-5.143-14.52-17.532-49.55c-3.332-9.42-6.159-17.408-6.283-17.754l-.225-.628z%22%2F%3E%3CradialGradient%20id%3D%22SVG4ILQC65E%22%20cx%3D%2248.34%25%22%20cy%3D%2249.419%25%22%20r%3D%2270.438%25%22%20fx%3D%2248.34%25%22%20fy%3D%2249.419%25%22%20gradientTransform%3D%22matrix(1%200%200%20.55088%200%20.222)%22%3E%3Cstop%20offset%3D%220%25%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M0%200h255.904v255.904H0z%22%2F%3E%3Cuse%20href%3D%22%23SVG8fYEGcDn%22%20stroke-width%3D%222.956%22%2F%3E%3Cuse%20href%3D%22%23SVGk3mpMeLQ%22%2F%3E%3Cuse%20href%3D%22%23SVGVthXec6c%22%2F%3E%3Cuse%20href%3D%22%23SVG8fYEGcDn%22%20stroke-width%3D%222.956%22%2F%3E%3Cuse%20href%3D%22%23SVGk3mpMeLQ%22%2F%3E%3Cuse%20href%3D%22%23SVGVthXec6c%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/netflix-icon.svg?color=%231a73e8&size=48
