Иконка Clamp
noto-v1:clamp
Иконка Clamp (noto-v1:clamp) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="80.06" cy="114.49" r="9" fill="#2f2f2f"/><path fill="#64878e" d="M45.59 12.76h19.95v73.68H45.59z"/><path fill="#78a3ad" d="M65.53 81.04L45.59 63.95V53.09l19.94 17.1zm0-20.45L45.59 43.5V32.64l19.94 17.1zm0-20.45L45.59 23.05V12.19l19.94 17.1z"/><path fill="#2f2f2f" d="M45.59 12.76h19.95v12.12H45.59zm0 58.11h19.95v11.96H45.59z"/><path fill="#78a3ad" d="M103.04 12.24c0-2.32-2.45-3.98-4.85-3.98l-57.56-.31c-1.52 0-2.74 1.23-2.74 2.74v6.18c0 1.52 1.23 2.74 2.74 2.74h29.85c1.52 0 2.74-1.23 2.74-2.74h20.14v2.74h9.66v-7.37zm4.44 19.29H86.06a3.64 3.64 0 0 1-3.64-3.64V23.7h28.7v4.19a3.64 3.64 0 0 1-3.64 3.64"/><path fill="#64878e" d="M111.12 23.7h-28.7l6.82-6.42c.59-.56 1.38-.87 2.2-.87h10.67c.82 0 1.6.31 2.2.87zM61.94 86.78H49.18v27.54c0 3.04 2.46 5.5 5.5 5.5h1.77c3.04 0 5.5-2.46 5.5-5.5V86.78z"/><path fill="#64878e" d="M80.08 114.46c0-1.84-1.5-3.33-3.34-3.33l-16.58.04l.02 6.67h16.58c1.84 0 3.33-1.51 3.33-3.36v-.01c-.01 0-.01 0-.01-.01"/><path fill="#78a3ad" d="M59.25 121.91h-7.38c-4.42 0-8.01-3.59-8.01-8.01v-2.58c0-4.42 3.59-8.01 8.01-8.01h7.38c4.42 0 8.01 3.59 8.01 8.01v2.58c0 4.42-3.59 8.01-8.01 8.01"/><path fill="#64878e" d="m48.66 111.14l-16.58.04l.02 6.67l16.58-.04c1.84 0 3.33-1.5 3.33-3.34a3.34 3.34 0 0 0-3.35-3.33"/><circle cx="29.55" cy="114.49" r="9" fill="#2f2f2f"/><circle cx="26.66" cy="111.14" r="2.89" fill="#fff" opacity=".5"/><path fill="#78a3ad" d="M103.04 82.9c0 2.32-2.45 3.98-4.85 3.98l-57.55.31c-1.52 0-2.74-1.23-2.74-2.74v-6.18c0-1.52 1.23-2.74 2.74-2.74h29.85c1.52 0 2.74 1.23 2.74 2.74h20.14v-2.74h9.66v7.37zm4.44-19.75H86.06a3.64 3.64 0 0 0-3.64 3.64v4.19h28.7v-4.19a3.64 3.64 0 0 0-3.64-3.64"/><path fill="#64878e" d="M111.12 70.98h-28.7l6.82 6.42c.59.56 1.38.87 2.2.87h10.67c.82 0 1.6-.31 2.2-.87z"/></svg>
Как использовать иконку Clamp
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:clamp" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:clamp" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:clamp" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--clamp]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:clamp"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:clamp"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/clamp.svg" alt="Иконка Clamp" width="24" height="24">
Иконка Clamp в других наборах
Вопросы и ответы: Иконка Clamp
Можно ли бесплатно использовать иконку Clamp в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Clamp в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:clamp" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Clamp на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/clamp.svg" alt="Иконка Clamp">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Noto Emoji (v1) →
ICONYZ
