Film Slate Duotone アイコン
ph:film-slate-duotone
Film Slate Duotone アイコン(ph:film-slate-duotone)は、Phosphor セットの無料 SVG アイコンです(作者: Phosphor Icons)。 256 × 256 のグリッドで描かれています。 Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Phosphor
- 作者
- Phosphor Icons
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- updated、clapper、movie、filmslate、slateduotone、filmslateduotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="m67.71 64.59l47.79 27.6L40.43 112l-8.16-30a7.76 7.76 0 0 1 5.58-9.52Zm132.13-26.83a7.9 7.9 0 0 0-9.66-5.49l-63.57 16.78l47.79 27.59l33.6-8.87Z" opacity=".2"/><path d="M216 104H102.09L210 75.51a8 8 0 0 0 5.68-9.84l-8.16-30a15.93 15.93 0 0 0-19.42-11.13L35.81 64.74a15.75 15.75 0 0 0-9.7 7.4a15.5 15.5 0 0 0-1.55 12L32 111.56V200a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a8 8 0 0 0-8-8m-23.84-64l6 22.07l-22.62 6l-28.12-16.24Zm-66.69 17.6l28.12 16.24l-36.94 9.75l-28.12-16.22Zm-79.4 44.62l-6-22.08l26.5-7L94.69 89.4ZM208 200H48v-80h160z"/></g></svg>Film Slate Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ph:film-slate-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:film-slate-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:film-slate-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--film-slate-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:film-slate-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:film-slate-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ph/film-slate-duotone.svg" alt="Film Slate Duotone アイコン" width="24" height="24">Phosphor の関連アイコン
film-reel
film-reel-bold
film-reel-duotone
film-reel-fill
film-reel-light
film-reel-thin
film-script
film-script-bold
film-script-duotone
film-script-fill
film-script-light
film-script-thin
film-slate
film-slate-bold
film-slate-fill
film-slate-light
film-slate-thin
film-strip
film-strip-bold
film-strip-duotone
film-strip-fill
film-strip-light
film-strip-thin
Film Slate Duotone アイコン のよくある質問
Film Slate Duotone アイコンは商用利用でも無料ですか?
はい。Phosphor icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Film Slate Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ph:film-slate-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Film Slate Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ph/film-slate-duotone.svg" alt="Film Slate Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。