Clipboard Copy Outline アイコン

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

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

solar:clipboard-copy-outline

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

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: メモ
タグ: clipboardcopy、copyoutline、clipboardcopyoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 16V10C2.25 8.60709 2.2481 7.48689 2.36621 6.6084C2.48723 5.7083 2.74672 4.95054 3.34863 4.34863C3.87355 3.82377 4.51842 3.55817 5.27637 3.41895C6.01292 3.28366 6.91459 3.25797 7.9961 3.25195L8.00391 4.75195C6.91055 4.75804 6.13508 4.78649 5.54688 4.89453C4.98044 4.99864 4.65256 5.16585 4.40918 5.40918C4.13242 5.68594 3.95217 6.07482 3.85352 6.80859C3.752 7.56388 3.75 8.56483 3.75 10V16C3.75 17.4354 3.75196 18.437 3.85352 19.1924C3.95217 19.9258 4.13252 20.3141 4.40918 20.5908C4.68594 20.8676 5.07482 21.0488 5.8086 21.1475C6.56389 21.2489 7.56491 21.25 9 21.25H15C16.4351 21.25 17.4361 21.2489 18.1914 21.1475C18.9252 21.0488 19.3141 20.8676 19.5908 20.5908C19.8675 20.3141 20.0478 19.9258 20.1465 19.1924C20.248 18.437 20.25 17.4354 20.25 16V10C20.25 8.56483 20.248 7.56388 20.1465 6.80859C20.0478 6.07482 19.8676 5.68594 19.5908 5.40918C19.3474 5.16585 19.0196 4.99864 18.4531 4.89453C17.8649 4.78649 17.0895 4.75804 15.9961 4.75195L16.0039 3.25195C17.0854 3.25797 17.9871 3.28366 18.7236 3.41895C19.4816 3.55817 20.1265 3.82377 20.6514 4.34863C21.2533 4.95054 21.5128 5.7083 21.6338 6.6084C21.7519 7.48689 21.75 8.60709 21.75 10V16C21.75 17.3928 21.7519 18.5131 21.6338 19.3916C21.5128 20.2917 21.2533 21.0504 20.6514 21.6523C20.0495 22.254 19.2915 22.5128 18.3916 22.6338C17.5131 22.7519 16.3929 22.75 15 22.75H9C7.60708 22.75 6.48691 22.7519 5.6084 22.6338C4.70848 22.5128 3.95049 22.254 3.34863 21.6523C2.74672 21.0504 2.48723 20.2917 2.36621 19.3916C2.24815 18.5131 2.25 17.3928 2.25 16Z"/><path d="M15.25 3.5C15.25 3.08579 14.9142 2.75 14.5 2.75H9.5C9.08579 2.75 8.75 3.08579 8.75 3.5V4.5C8.75 4.91421 9.08579 5.25 9.5 5.25H14.5C14.9142 5.25 15.25 4.91421 15.25 4.5V3.5ZM16.75 4.5C16.75 5.74264 15.7426 6.75 14.5 6.75H9.5C8.25736 6.75 7.25 5.74264 7.25 4.5V3.5C7.25 2.25736 8.25736 1.25 9.5 1.25H14.5C15.7426 1.25 16.75 2.25736 16.75 3.5V4.5Z"/><path d="M15 13.25H10.8105L12.0303 12.0303C12.3232 11.7374 12.3232 11.2626 12.0303 10.9697C11.7374 10.6768 11.2626 10.6768 10.9697 10.9697L8.46973 13.4697L8.37598 13.584C8.29445 13.7063 8.25 13.8508 8.25 14C8.25 14.1989 8.32908 14.3896 8.46973 14.5303L10.9697 17.0303C11.2626 17.3232 11.7374 17.3232 12.0303 17.0303C12.3232 16.7374 12.3232 16.2626 12.0303 15.9697L10.8105 14.75H15C15.4142 14.75 15.75 14.4142 15.75 14C15.75 13.5858 15.4142 13.25 15 13.25Z"/></g></svg>

Clipboard Copy Outline アイコンの使い方

React

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

<Icon icon="solar:clipboard-copy-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:clipboard-copy-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:clipboard-copy-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:clipboard-copy-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/clipboard-copy-outline.svg" alt="Clipboard Copy Outline アイコン" width="24" height="24">

Solar の関連アイコン

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

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

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

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

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

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

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

Solar アイコンをすべて見る →