Иконка Clapper Board

noto:clapper-board

Иконка Clapper Board (noto:clapper-board) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Предметы
Теги: clapperboard

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#424242" d="M116.04 124H14.45a2.4 2.4 0 0 1-2.4-2.4V53.59h106.38v68.01c0 1.33-1.07 2.4-2.39 2.4"/><path d="M13.93 48.54h104.5v7.59H13.93z"/><path fill="#616161" d="M12.06 53.59v68.58c0 1.01.82 1.82 1.82 1.82h.15c1.01 0 1.82-.82 1.82-1.82V53.59z"/><path fill="#EEE" d="M10.03 36.86h110.44V53.6H10.03z"/><path fill="#F5F5F5" d="M10.03 36.86h110.44v2.15H10.03z"/><path fill="#424242" d="M67.44 36.86L50.7 53.59h15.93l16.74-16.73zm28.04 0L78.74 53.59h15.93l16.74-16.73zm-55.83 0L22.91 53.59h15.93l16.24-16.24v-.49zm80.81 3.53l-13.2 13.2h13.2z"/><path fill="#FFF" d="M10.03 36.86h110.44v2.15H10.03z" opacity=".4"/><path fill="#EEE" d="M7.54 20.3L116.77 4l2.47 16.556L10.01 36.857z"/><path fill="#F5F5F5" d="m7.536 20.301l109.23-16.3l.318 2.126l-109.23 16.3z"/><path fill="#424242" d="M66.77 28.41L47.74 14.32l15.76-2.35l19.02 14.08zm27.68-4.16L75.42 10.17l15.76-2.35L110.2 21.9zM39.33 32.5L20.31 18.41l15.75-2.35l18.46 13.67l.07.49zm79.38-15.44l-15-11.11L116.76 4zm-109 5.36l16.23 12.02l-14.12 2.14z"/><path fill="#FFF" d="m7.536 20.301l109.23-16.3l.318 2.126l-109.23 16.3z" opacity=".4"/><path fill="#9E9E9E" d="M10.02 36.85h1.83L9.36 20.06l-1.81.27z"/><path fill="none" stroke="#FFF" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.083" d="M23.94 69.52h86.86M23.94 84.63h86.86M23.94 99.74h86.86m-58.95 15.77V99.74m31.04 15.77V99.74"/><path fill="#BDBDBD" d="M10.03 36.85h1.82V53.6h-1.82z"/><path fill="#616161" d="M35.3 53.59H14.87c-1.67 0-3.02-1.35-3.02-3.02V29.43c0-3.47 5.73-5.6 9.52-2.37l17.16 19.16c1.9 1.9-.54 7.37-3.23 7.37"/><path fill="#424242" d="M36.84 53.59H18.76a4.5 4.5 0 0 1-4.5-4.5V31.01c0-4.15 5.01-6.22 7.95-3.29l17.93 17.93c2.93 2.93.85 7.94-3.3 7.94"/><circle cx="19.74" cy="47.74" r="2.16" fill="#616161"/><circle cx="19.74" cy="34.25" r="2.16" fill="#616161"/><circle cx="34.75" cy="47.74" r="2.16" fill="#616161"/></svg>

Как использовать иконку Clapper Board

React

import { Icon } from "@iconify/react";

<Icon icon="noto:clapper-board" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="noto:clapper-board" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="noto:clapper-board" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--clapper-board]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:clapper-board"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="noto:clapper-board"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/noto/clapper-board.svg" alt="Иконка Clapper Board" width="24" height="24">

Иконка Clapper Board в других наборах

Вопросы и ответы: Иконка Clapper Board

Можно ли бесплатно использовать иконку Clapper Board в коммерческих проектах?

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Clapper Board в React?

Установите @iconify/react и выведите <Icon icon="noto:clapper-board" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Clapper Board на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto/clapper-board.svg" alt="Иконка Clapper Board">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Noto Emoji →