Icône Clapper Board
emojione-v1:clapper-board
L'icône Clapper Board (emojione-v1:clapper-board) est une icône SVG gratuite de la collection Emoji One (v1) par Emoji One. Elle est dessinée sur une grille de 64 × 64. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Emoji One (v1)
- Auteur
- Emoji One
- Licence
- CC-BY-SA-4.0
- Taille
- 64 × 64
- Catégorie
- Activités
- Mots-clés
- clapperboard
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#405c4f" d="M62.09 57.61c0 3.447-1.376 6.244-3.069 6.244H4.641c-1.695 0-3.07-2.797-3.07-6.244V38.047c0-3.447 1.375-6.244 3.07-6.244h54.38c1.693 0 3.069 2.797 3.069 6.244z"/><path fill="#4f6b5d" d="M21.661 57.61V38.047c0-3.447 1.375-6.244 3.068-6.244H4.639c-1.695 0-3.07 2.797-3.07 6.244V57.61c0 3.447 1.375 6.244 3.07 6.244h20.09c-1.693 0-3.067-2.796-3.067-6.244"/><path fill="#d0d2d3" d="M62.09 31.26c0 1.116-1.376 2.02-3.069 2.02H4.641c-1.695 0-3.07-.906-3.07-2.02v-6.346c0-1.116 1.375-2.025 3.07-2.025h54.38c1.693 0 3.069.909 3.069 2.025z"/><path fill="#a6a8ab" d="M56.58 40.26c0 .311-1.088.558-2.43.558H11.08c-1.342 0-2.429-.247-2.429-.558v-1.738c0-.308 1.087-.554 2.429-.554h43.07c1.342 0 2.43.246 2.43.554zm-29.35 7.428c0 .307-.42.558-.938.558H9.597c-.521 0-.942-.251-.942-.558V45.95c0-.308.42-.554.942-.554h16.695c.518 0 .938.246.938.554zM56.58 58.25c0 .303-.423.55-.939.55H38.945c-.521 0-.942-.247-.942-.55v-1.742c0-.304.421-.554.942-.554H55.64c.517 0 .939.25.939.554z"/><path fill="#25333a" d="M26.75 31.26c0 1.116-.293 2.02-.653 2.02H14.583c-.36 0-.649-.906-.649-2.02v-6.346c0-1.116.289-2.025.649-2.025h11.513c.36 0 .653.909.653 2.025zm22.018 0c0 1.116-.291 2.02-.646 2.02H36.604c-.357 0-.65-.906-.65-2.02v-6.346c0-1.116.293-2.025.65-2.025h11.518c.355 0 .646.909.646 2.025z"/><path fill="#d0d2d3" d="M60.27 7.502c.274 1.087-.837 2.302-2.482 2.716L5.059 23.493c-1.645.413-3.197-.133-3.474-1.216L.037 16.126c-.271-1.087.839-2.298 2.484-2.714L55.254.14c1.646-.417 3.199.127 3.469 1.212z"/><path fill="#25333a" d="M26.01 16.13c.269 1.082.21 2.035-.137 2.12l-11.17 2.812c-.346.085-.849-.719-1.124-1.807l-1.548-6.151c-.273-1.083-.21-2.033.14-2.122l11.164-2.81c.346-.087.851.72 1.125 1.803zm21.35-5.374c.269 1.085.21 2.035-.142 2.12l-11.166 2.811c-.348.091-.849-.718-1.121-1.803l-1.551-6.15c-.272-1.085-.21-2.033.14-2.124L44.685 2.8c.346-.087.849.722 1.126 1.805z"/></svg>Comment utiliser l'icône Clapper Board
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:clapper-board" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:clapper-board" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:clapper-board" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--clapper-board]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:clapper-board"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:clapper-board"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/clapper-board.svg" alt="Icône Clapper Board" width="24" height="24">L'icône Clapper Board dans d'autres collections
FAQ : Icône Clapper Board
L'icône Clapper Board est-elle gratuite pour un usage commercial ?
Oui. Les Emoji One (v1) icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Clapper Board dans React ?
Installez @iconify/react et affichez <Icon icon="emojione-v1:clapper-board" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Clapper Board à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/emojione-v1/clapper-board.svg" alt="Icône Clapper Board">, ou collez le code SVG directement dans la page pour le styliser en CSS.