ICONYZ
日本語
theSVG Color の Netflix アイコン

Netflix アイコン

thesvg-color:netflix

Netflix アイコン(thesvg-color:netflix)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 551 × 1000 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
551 × 1000
SVG をダウンロード

SVG コード

<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>

Netflix アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/netflix.svg" alt="Netflix アイコン" width="24" height="24">

他のアイコンセットの Netflix アイコン

Netflix アイコン のよくある質問

Netflix アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Netflix アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:netflix" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Netflix アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/netflix.svg" alt="Netflix アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →