Clipboard アイコン

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

はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

flat-ui:clipboard

Clipboard アイコン(flat-ui:clipboard)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 100 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#27AE60" d="M100 94a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V16a6 6 0 0 1 6-6h88a6 6 0 0 1 6 6z"/><path fill="#fff" fill-rule="evenodd" d="M82 87a2 2 0 0 1-2 2H20a2 2 0 0 1-2-2V18a2 2 0 0 1 2-2h60a2 2 0 0 1 2 2z" clip-rule="evenodd"/><path fill="#BDC3C7" fill-rule="evenodd" d="M72 20H28a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h15a7 7 0 1 1 14 0h15a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3M50 4a3 3 0 1 0 0 6a3 3 0 0 0 0-6" clip-rule="evenodd"/><path fill="#A1A6A9" fill-rule="evenodd" d="M72 20H28a3 3 0 0 1-3-3v-2a3 3 0 0 0 3 3h44a3 3 0 0 0 3-3v2a3 3 0 0 1-3 3" clip-rule="evenodd"/><path fill-rule="evenodd" d="M94 97H6a6 6 0 0 1-6-6v3a6 6 0 0 0 6 6h88a6 6 0 0 0 6-6v-3a6 6 0 0 1-6 6" clip-rule="evenodd" opacity=".15"/><path fill="#BDC3C7" fill-rule="evenodd" d="M41 40.999v3h31v-3zM41 55h31v-3.001H41zm0 10.998h31v-2.999H41zm0 11.001h31v-3H41zm-13-31h7v-7h-7zm0 11h7v-7h-7zm0 11h7v-7h-7zM28 79h7v-7.001h-7z" clip-rule="evenodd"/><path fill="#27AE60" fill-rule="evenodd" d="M41 29v3.001h31V29zm-5.073-1.214l-.708-.713a.25.25 0 0 0-.354 0l-3.728 3.703a.25.25 0 0 1-.354 0l-1.633-1.66a.25.25 0 0 0-.354 0l-.722.648a.25.25 0 0 0-.074.175l.011.054H28v.998h.011l.063.127l1.647 1.725l.354.355l.708.713a.25.25 0 0 0 .354 0l4.79-4.771l.067-.144H36v-.998h-.006a.25.25 0 0 0-.067-.212" clip-rule="evenodd"/><path fill="#A1A6A9" fill-rule="evenodd" d="M50 4a2.99 2.99 0 0 1 2.816 2c.112-.313.184-.646.184-.999a3 3 0 0 0-6.001 0c0 .353.072.686.184 1A2.99 2.99 0 0 1 50 4" clip-rule="evenodd"/></svg>

Clipboard アイコンの使い方

React

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

<Icon icon="flat-ui:clipboard" width="24" />

Vue

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

<template>
  <Icon icon="flat-ui:clipboard" width="24" />
</template>

Svelte

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

<Icon icon="flat-ui:clipboard" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="flat-ui:clipboard"></iconify-icon>

HTML 画像

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

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

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

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

はい。Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Flat UI Icons をすべて見る →