Clamp アイコン

Q: Clamp アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:clamp

Clamp アイコン(emojione-v1:clamp)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (v1)
作者: Emoji One
ライセンス: CC-BY-SA-4.0
サイズ: 64 × 64
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#9a9a9b" d="M10.979 12.07S13.131 1.451 39.782.06h15.346v17.965H42.474l-.269-6.75s-16.327-1.381-20.902 6.75H10.979v-5.957"/><path fill="#a7a9ac" d="M15.216 17.267s2.152-10.619 28.805-12.01h11.11V.065H39.786c-26.65 1.389-28.803 12.01-28.803 12.01v5.957h4.238v-.765m31.219-.79s-1.645-.14-4.03-.069l.062 1.625h4.03l-.06-1.556"/><path fill="#9a9a9b" d="M10.979 51.769s2.152 10.618 28.803 12.01h15.346V45.814H42.474l-.269 6.75s-16.327 1.381-20.902-6.75H10.979v5.957M23.07 42.02c0 1.16-.895 2.1-1.993 2.1h-9.05c-1.103 0-1.996-.939-1.996-2.1V21.563c0-1.16.893-2.1 1.996-2.1h9.05c1.099 0 1.993.94 1.993 2.1z"/><path fill="#6d6e71" d="M23.07 22.816c0 .075-.895.133-1.993.133h-9.05c-1.103 0-1.996-.059-1.996-.133v-1.305c0-.073.893-.134 1.996-.134h9.05c1.099 0 1.993.061 1.993.134zm0 4.099c0 .075-.895.135-1.993.135h-9.05c-1.103 0-1.996-.061-1.996-.135V25.61c0-.075.893-.133 1.996-.133h9.05c1.099 0 1.993.059 1.993.133zm0 4.506c0 .073-.895.134-1.993.134h-9.05c-1.103 0-1.996-.061-1.996-.134v-1.307c0-.073.893-.133 1.996-.133h9.05c1.099 0 1.993.061 1.993.133zm0 4.446c0 .075-.895.136-1.993.136h-9.05c-1.103 0-1.996-.061-1.996-.136v-1.303c0-.074.893-.133 1.996-.133h9.05c1.099 0 1.993.059 1.993.133zm0 4.823c0 .074-.895.134-1.993.134h-9.05c-1.103 0-1.996-.06-1.996-.134v-1.305c0-.074.893-.136 1.996-.136h9.05c1.099 0 1.993.062 1.993.136z"/><path fill="#9a9a9b" d="M5.612 41.762c0 1.491-.12 2.7-.271 2.7H4.115c-.147 0-.269-1.209-.269-2.7V15.437c0-1.493.122-2.702.269-2.702h1.227c.151 0 .271 1.209.271 2.702v26.325z"/><g fill="#6d6e71"><ellipse cx="4.728" cy="11.271" rx="2.938" ry="3.092"/><ellipse cx="4.728" cy="44.46" rx="2.938" ry="3.092"/><path d="M9.212 27.725c0 .482-.614.875-1.372.875H1.617c-.757 0-1.372-.393-1.372-.875v-8.512c0-.482.614-.873 1.372-.873h6.224c.757 0 1.372.391 1.372.873v8.512z"/></g><path fill="#8b5e3c" d="M64.05 44.02c0 1.031-.989 1.871-2.203 1.871L48.899 44.02l-12.95 1.871c-1.214 0-2.201-.84-2.201-1.871v-24.1c0-1.034.987-1.872 2.201-1.872l12.95 1.403l12.948-1.403c1.214 0 2.203.838 2.203 1.872z"/><path fill="#775137" d="m59.14 19.11l4.334-.471a2.4 2.4 0 0 0-1.608-.595l-6.273.681zM43.984 43.673v-24.1c0-.228.051-.445.138-.647l-8.154-.885c-1.217 0-2.204.838-2.204 1.872v24.1c0 1.031.987 1.871 2.204 1.871l8.36-1.208a1.67 1.67 0 0 1-.344-1.01m15.156.007l-6.282.91l9.01 1.303c1.069 0 1.96-.647 2.16-1.505l-4.886-.708"/><path fill="#a7a9ac" d="M15.216 46.577s2.152 10.618 28.805 12.01h11.11v5.191H39.786c-26.65-1.39-28.803-12.01-28.803-12.01v-5.957h4.238v.766m31.219.793s-1.645.14-4.03.069l.062-1.625h4.03l-.06 1.556"/></svg>

Clamp アイコンの使い方

React

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

<Icon icon="emojione-v1:clamp" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:clamp" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:clamp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--clamp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:clamp"></div>

Web コンポーネント

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

<iconify-icon icon="emojione-v1:clamp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione-v1/clamp.svg" alt="Clamp アイコン" width="24" height="24">

他のアイコンセットの Clamp アイコン

Clamp アイコンのよくある質問

Clamp アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Clamp アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione-v1:clamp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Clamp アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/clamp.svg" alt="Clamp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (v1) アイコンをすべて見る →