ICONYZ
日本語
Kameleon color icons の Clipboard 2 アイコン

Clipboard 2 アイコン

streamline-kameleon-color:clipboard-2

Clipboard 2 アイコン(streamline-kameleon-color:clipboard-2)は、Kameleon color icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Kameleon color icons
作者
Streamline
ライセンス
CC-BY-4.0
サイズ
48 × 48
カテゴリ
お金・ビジネス
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#fabc3d" d="M24 47.996c13.255 0 24-10.745 24-24C48 10.743 37.255-.001 24-.001S0 10.742 0 23.997s10.745 23.999 24 23.999"/><path fill="#84462d" d="M11.855 12.651a2.62 2.62 0 0 1 2.618-2.618h19.2a2.62 2.62 0 0 1 2.618 2.618v22.69a2.62 2.62 0 0 1-2.618 2.618h-19.2a2.62 2.62 0 0 1-2.619-2.618z"/><path fill="#cfd3d4" d="M14.473 15.27a.87.87 0 0 1 .872-.873H32.8a.87.87 0 0 1 .873.873v18.326a1.745 1.745 0 0 1-1.746 1.745H16.218a1.745 1.745 0 0 1-1.745-1.745z"/><path fill="#fff" d="M32.8 14.397a.87.87 0 0 1 .873.873v17.89a.873.873 0 0 1-.873.872H15.345a.875.875 0 0 1-.872-.872V15.27a.87.87 0 0 1 .872-.873z"/><path fill="#facb1b" d="M26.691 12.651a2.618 2.618 0 0 0-5.236 0h-1.746a.873.873 0 0 0-.873.873v2.182a.873.873 0 0 0 .873.872h8.727a.87.87 0 0 0 .873-.872v-2.182a.87.87 0 0 0-.873-.873z"/><path fill="#e2e4e5" d="M31.055 19.633H17.09v.873h13.964zm0 2.617H17.09v.873h13.964zm0 2.619H17.09v.872h13.964zm-5.236 2.618H17.09v.873h8.728z"/><path fill="#fbe158" d="M28.436 12.651h-1.745a2.618 2.618 0 0 0-5.236 0h-1.746a.873.873 0 0 0-.873.873v.873H29.31v-.873a.87.87 0 0 0-.873-.873"/></g></svg>

Clipboard 2 アイコンの使い方

React

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

<Icon icon="streamline-kameleon-color:clipboard-2" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:clipboard-2" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:clipboard-2" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--clipboard-2]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:clipboard-2"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-kameleon-color:clipboard-2"></iconify-icon>

HTML 画像

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

Kameleon color icons の関連アイコン

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

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

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

はい。Kameleon color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Kameleon color icons をすべて見る →