Clapper Board アイコン
streamline-emojis:clapper-board
Clapper Board アイコン(streamline-emojis:clapper-board)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 物
- タグ
- clapperboard
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M5.66 45.5a14 1.5 0 1 0 28 0a14 1.5 0 1 0-28 0" opacity=".15"/><path fill="#87898c" d="M2.5 22.27h33.32a.48.48 0 0 1 .48.48V43a1 1 0 0 1-1 1H3.47a1 1 0 0 1-1-1V22.27Z"/><path fill="#656769" d="M2.5 22.27v8.21h33.81v-7.73a.48.48 0 0 0-.49-.48Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.5 22.27h33.32a.48.48 0 0 1 .48.48V43a1 1 0 0 1-1 1H3.47a1 1 0 0 1-1-1V22.27h0Z"/><path fill="#f0f0f0" d="m2.554 16.862l31.404-5.43a1 1 0 0 1 1.155.815l.658 3.803a.48.48 0 0 1-.391.555L2.508 22.289l-.745-4.306a1 1 0 0 1 .79-1.121"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m2.554 16.862l31.404-5.43a1 1 0 0 1 1.155.815l.658 3.803a.48.48 0 0 1-.391.555L2.508 22.289h0l-.745-4.306a1 1 0 0 1 .79-1.121"/><path fill="#f0f0f0" d="M2.5 22.27h33.32a.48.48 0 0 1 .48.48v4.83H2.5z"/><path fill="#fff" d="M2.5 22.27v2.41h33.81v-1.93a.48.48 0 0 0-.49-.48Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.5 22.27h33.32a.48.48 0 0 1 .48.48v4.83h0H2.5h0zm2.9 15.45h10.14M5.4 40.14h28.01M5.4 32.89h28.01m-13.52-2.9v2.9"/><path fill="#656769" d="m16.3 19.88l-4.76.82l-3.76-4.74l4.76-.82z"/><path fill="#87898c" d="m12.54 15.14l-4.76.82l1.6 2.01l4.75-.82z"/><path fill="#656769" d="m29.15 17.66l-4.76.82l-3.76-4.74l4.76-.82z"/><path fill="#87898c" d="m25.39 12.92l-4.76.82l1.6 2.01l4.75-.82z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="m16.3 19.88l-4.76.82l-3.76-4.74l4.76-.82zm12.85-2.22l-4.76.82l-3.76-4.74l4.76-.82z"/><path fill="#656769" d="M16.51 22.27h-4.83l-2.9 5.31h4.83zm13.04 0h-4.83l-2.9 5.31h4.83z"/><path fill="#87898c" d="m15.19 24.68l1.32-2.41h-4.83l-1.32 2.41zm13.04 0l1.32-2.41h-4.83l-1.32 2.41z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.51 22.27h-4.83l-2.9 5.31h4.83zm13.04 0h-4.83l-2.9 5.31h4.83z"/><path fill="#fff" stroke="#45413c" stroke-linejoin="round" d="M35.46 2.72a.32.32 0 0 0-.3 0A.33.33 0 0 0 35 3l-.42 4.61a.35.35 0 0 0 .63.22L37.71 4a.35.35 0 0 0-.17-.52Zm-8.04-.07a.35.35 0 0 0-.22.21a.34.34 0 0 0 0 .31l2.44 3.92a.34.34 0 0 0 .4.15a.35.35 0 0 0 .24-.35L30 2.33a.34.34 0 0 0-.14-.26a.35.35 0 0 0-.3 0Zm15.9 5.14a.36.36 0 0 1 .1.29a.37.37 0 0 1-.17.26l-4 2.28a.33.33 0 0 1-.42-.06a.35.35 0 0 1-.05-.42l2.42-3.86a.38.38 0 0 1 .26-.16a.36.36 0 0 1 .28.1Zm3.37 7.3a.34.34 0 0 1-.1.29a.31.31 0 0 1-.29.1l-4.58-.61a.35.35 0 0 1-.08-.67l4.28-1.59a.33.33 0 0 1 .46.27Z"/></svg>
Clapper Board アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:clapper-board" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:clapper-board" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:clapper-board" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--clapper-board]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:clapper-board"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:clapper-board"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/clapper-board.svg" alt="Clapper Board アイコン" width="24" height="24">
他のアイコンセットの Clapper Board アイコン
Clapper Board アイコン のよくある質問
Clapper Board アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Clapper Board アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:clapper-board" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clapper Board アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/clapper-board.svg" alt="Clapper Board アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Streamline Emojis アイコン をすべて見る →
ICONYZ
