Clamp アイコン
noto-v1:clamp
Clamp アイコン(noto-v1:clamp)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: 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>
Web コンポーネント
<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 アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Clamp アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:clamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Clamp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/clamp.svg" alt="Clamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
