Иконка Clapper Board
streamline-emojis:clapper-board
Иконка Clapper Board (streamline-emojis:clapper-board) — бесплатная SVG-иконка из набора Streamline Emojis от 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>
Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Clapper Board в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Streamline Emojis →
ICONYZ
