Clipboard アイコン

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

はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

noto:clipboard

Clipboard アイコン(noto:clipboard)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Noto Emoji
作者: Google Inc
ライセンス: Apache-2.0
サイズ: 128 × 128
カテゴリ: 物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#A15D38" d="m18.64 114.25l83.27-98.22c2.63 0 7.45.24 7.45 6.74v94.53c0 2.63-2.13 4.76-4.76 4.76H24.42c-2.63.01-5.78-2.35-5.78-7.81"/><path fill="#BA793E" d="M18.64 114.38V20.54c0-2.51 2.03-4.54 4.54-4.54h78.58c2.51 0 4.54 2.03 4.54 4.54v93.84c0 2.51-2.03 4.54-4.54 4.54H23.18c-2.51 0-4.54-2.03-4.54-4.54"/><path fill="#FFF" d="M28.45 109.66V25.02c0-1.29 1.05-2.34 2.34-2.34h64.42c1.29 0 2.34 1.05 2.34 2.34v84.64c0 1.29-1.05 2.34-2.34 2.34H30.79c-1.29 0-2.34-1.04-2.34-2.34"/><path fill="none" stroke="#B0BEC5" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M38.65 54.36h48.7m-48.7-11.45h48.7m-48.7 22.9h48.7m-48.7 11.46h48.7m-48.7 11.45h48.7m-48.7 11.45h20.83"/><path fill="#212121" d="M86.93 28.4V16.03H72.95l8.71 12.37z" opacity=".35"/><path fill="#2F7889" d="m78.01 16.49l-3.22-.05c-2.14 0-2.54-1.9-2.62-2.3c-.11-.52-.25-1.67-.31-2.13c-.54-4.49-2.08-7.25-7.69-7.89c-4.86-.55-8.35 4.44-8.35 9.2v.04c.01 2.15-1.62 3.95-3.77 3.95c0 0-6.28-1.07-10.77 4.07c-.84.96-1.85 4.92-1.86 6.03c-.02 3.09 2.65 3.5 3.58 3.51c4.18.03 38.23-.08 41.49-.08c1.34 0 2.43-1.09 2.43-2.43V26.6c.01-5.14-3.78-10.11-8.91-10.11m-14.12.27a3.35 3.35 0 1 1 0-6.7a3.35 3.35 0 0 1 0 6.7"/><path fill="#82AEC0" d="M76.18 15.99h-1.94c-2.14 0-3-1.68-3.27-2.26c-.39-.85-.5-2.58-.57-3.04c-.56-3.53-3.51-6.33-7.06-6.71c-4.86-.53-8.98 3.27-8.98 8.02v.04c.01 2.15-1.62 3.95-3.77 3.95h-1.9a9.29 9.29 0 0 0-9.29 9.29v1.81c0 1.34 1.09 2.43 2.43 2.43h41.2c1.34 0 2.43-1.09 2.43-2.43v-1.81c.01-5.13-4.15-9.29-9.28-9.29m-13.75-.54a3.35 3.35 0 1 1 0-6.7a3.35 3.35 0 0 1 0 6.7"/><path fill="#B9E4EA" d="M78.97 22.04H44.89c-1.3 0-1.64-.73-.97-1.84c.98-1.61 3.32-2.67 5.32-2.67c4.34 0 20-.48 25.51-.48c2.69 0 4.09.9 5.26 2.4c.83 1.08.31 2.59-1.04 2.59"/><path fill="none" stroke="#B9E4EA" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2.116" d="M56.98 9.48c.56-2.28 2.71-2.93 2.71-2.93"/></svg>

Clipboard アイコンの使い方

React

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

<Icon icon="noto:clipboard" width="24" />

Vue

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

<template>
  <Icon icon="noto:clipboard" width="24" />
</template>

Svelte

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

<Icon icon="noto:clipboard" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="noto:clipboard"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/noto/clipboard.svg" alt="Clipboard アイコン" width="24" height="24">

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

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

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

はい。Noto Emoji icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Noto Emoji アイコンをすべて見る →