Film Frames アイコン
emojione:film-frames
Film Frames アイコン(emojione:film-frames)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Colored)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 物
- タグ
- filmframes、frame
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#3e4347" d="m62 27.9l-5.8-5.8l-6.5 6.5c-.3.3-.8.3-1 0L35.4 15.3c-.3-.3-.3-.8 0-1l6.5-6.5L36.1 2L2 36.1l5.8 5.8l6.3-6.3c.3-.3.8-.3 1 0l13.2 13.2c.3.3.3.8 0 1L22 56.1l5.8 5.8zm-7.7 0c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zM34.1 7.7c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zM9.6 36.1c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0l-2-2c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0zm32 8.4c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0l-2-2c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0zm5.8-5.9c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0l-2-2c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0zM28.2 13.5c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm20.2 20.2c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm-26-14.3c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm-5.9 5.9c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm1.8 7.2c-.3-.3-.3-.8 0-1l13.2-13.2c.3-.3.8-.3 1 0l13.2 13.2c.3.3.3.8 0 1L32.5 45.7c-.3.3-.8.3-1 0zm-7.7-1.4c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm20.2 20.2c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0zm-5.9 5.9c-.3-.3-.3-.7 0-.9l2-2c.3-.3.7-.3.9 0l2 2c.3.3.3.7 0 .9l-2 2c-.3.3-.7.3-.9 0z"/></svg>
Film Frames アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:film-frames" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:film-frames" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:film-frames" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--film-frames]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:film-frames"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:film-frames"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione/film-frames.svg" alt="Film Frames アイコン" width="24" height="24">
Emoji One (Colored) の関連アイコン
他のアイコンセットの Film Frames アイコン
Film Frames アイコン のよくある質問
Film Frames アイコンは商用利用でも無料ですか?
はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Film Frames アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione:film-frames" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Film Frames アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/film-frames.svg" alt="Film Frames アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Colored) アイコン をすべて見る →
ICONYZ
