Film Fill アイコン

Q: Film Fill アイコンは商用利用でも無料ですか?

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

keyline-icons:film-fill

Film Fill アイコン(keyline-icons:film-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: filmfill

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 2L18 2C20.2091 2 22 3.7909 22 6L22 18C22 20.2091 20.2091 22 18 22L6 22C3.7909 22 2 20.2091 2 18L2 6C2 3.7909 3.7909 2 6 2ZM9 4L9 11L15 11L15 4L9 4ZM9 13L9 20L15 20L15 13L9 13ZM4.5 6.5C4.2239 6.5 4 6.7239 4 7L4 8C4 8.2761 4.2239 8.5 4.5 8.5L6.5 8.5C6.7761 8.5 7 8.2761 7 8L7 7C7 6.7239 6.7761 6.5 6.5 6.5L4.5 6.5ZM17.5 6.5C17.2239 6.5 17 6.7239 17 7L17 8C17 8.2761 17.2239 8.5 17.5 8.5L19.5 8.5C19.7761 8.5 20 8.2761 20 8L20 7C20 6.7239 19.7761 6.5 19.5 6.5L17.5 6.5ZM4.5 11C4.2239 11 4 11.2239 4 11.5L4 12.5C4 12.7761 4.2239 13 4.5 13L6.5 13C6.7761 13 7 12.7761 7 12.5L7 11.5C7 11.2239 6.7761 11 6.5 11L4.5 11ZM17.5 11C17.2239 11 17 11.2239 17 11.5L17 12.5C17 12.7761 17.2239 13 17.5 13L19.5 13C19.7761 13 20 12.7761 20 12.5L20 11.5C20 11.2239 19.7761 11 19.5 11L17.5 11ZM4.5 15.5C4.2239 15.5 4 15.7239 4 16L4 17C4 17.2761 4.2239 17.5 4.5 17.5L6.5 17.5C6.7761 17.5 7 17.2761 7 17L7 16C7 15.7239 6.7761 15.5 6.5 15.5L4.5 15.5ZM17.5 15.5C17.2239 15.5 17 15.7239 17 16L17 17C17 17.2761 17.2239 17.5 17.5 17.5L19.5 17.5C19.7761 17.5 20 17.2761 20 17L20 16C20 15.7239 19.7761 15.5 19.5 15.5L17.5 15.5Z"/></svg>

Film Fill アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:film-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:film-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:film-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--film-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:film-fill"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:film-fill"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/film-fill.svg" alt="Film Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

他のアイコンセットの Film Fill アイコン

Film Fill アイコンのよくある質問

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

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

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

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

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

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

Keyline Icons をすべて見る →