Netflix icon
thesvg-color:netflix
The Netflix icon (thesvg-color:netflix) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 551 × 1000 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 551 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="551" height="1000" viewBox="0 0 551 1000"><defs><linearGradient id="SVGWlIOXrWP"><stop offset="0" stop-color="#b1060f"/><stop offset=".625" stop-color="#7b010c"/><stop offset="1" stop-color="#b1060f" stop-opacity="0"/></linearGradient><linearGradient id="SVGsOO9scuY"><stop offset="0" stop-color="#b1060f"/><stop offset=".546" stop-color="#7b010c"/><stop offset="1" stop-color="#e50914" stop-opacity="0"/></linearGradient><linearGradient id="SVGWTvOQb5j" x1="78.234" x2="221.663" y1="423.767" y2="365.092" gradientUnits="userSpaceOnUse" href="#SVGsOO9scuY"/><linearGradient id="SVG44uuXbny" x1="456.365" x2="309.676" y1="521.56" y2="583.495" gradientUnits="userSpaceOnUse" href="#SVGWlIOXrWP"/></defs><path fill="url(#SVGWTvOQb5j)" d="M-1.152-1.152L2.305 1002.67c73.273-14.111 130.892-12.569 195.924-18.44V0Z"/><path fill="url(#SVG44uuXbny)" d="M353.816 0h199.381l2.305 1000.365l-202.839-33.422z"/><path fill="#e50914" d="M1.152 0c4.61 11.525 345.749 981.925 345.749 981.925c56.056-.4 131.219 8.754 205.144 17.288L197.077 0Z"/></svg>
How to use the Netflix icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:netflix" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:netflix" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:netflix" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--netflix]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:netflix"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:netflix"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/netflix.svg" alt="Netflix icon" width="24" height="24">
Netflix icon in other icon sets
Netflix icon FAQ
Is the Netflix icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Netflix icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:netflix" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Netflix icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/netflix.svg" alt="Netflix icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
