Paperclip アイコン

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

はい。Elegant icons は GPL 3.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

et:paperclip

Paperclip アイコン(et:paperclip)は、Elegant セットの無料 SVG アイコンです（作者: Kenny Sing）。 34 × 32 のグリッドで描かれています。 Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elegant
作者: Kenny Sing
ライセンス: GPL-3.0-or-later
サイズ: 34 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="34" height="32" viewBox="0 0 34 32"><path fill="currentColor" d="M5.587 31.867c2.015 0 4.183-1.026 5.707-2.551l16.883-17.169a4.6 4.6 0 0 0 1.356-3.231a4.48 4.48 0 0 0-1.316-3.222c-1.768-1.767-4.661-1.751-6.462.048L8.814 19.272a.535.535 0 0 0 .774.739L22.52 6.489c1.373-1.374 3.591-1.391 4.941-.04a3.4 3.4 0 0 1 1.003 2.458a3.53 3.53 0 0 1-1.046 2.486l-16.883 17.17c-1.776 1.775-5.426 3.385-7.615 1.194c-1.037-1.037-1.557-2.309-1.503-3.679c.053-1.36.693-2.72 1.807-3.833L22.52 2.661c1.026-1.026 2.629-1.62 4.396-1.626h.032c1.752 0 3.333.577 4.342 1.586c1.016 1.015 1.594 2.609 1.587 4.374c-.007 1.767-.601 3.369-1.634 4.402L16.348 26.882a.534.534 0 1 0 .77.741l14.888-15.478c1.225-1.224 1.932-3.1 1.939-5.146c.009-2.047-.684-3.919-1.899-5.134c-1.208-1.208-3.064-1.9-5.098-1.9h-.036c-2.047.008-3.923.715-5.15 1.942L2.465 21.492c-2.701 2.701-2.827 6.495-.301 9.021c.947.946 2.154 1.354 3.423 1.354"/></svg>

Paperclip アイコンの使い方

React

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

<Icon icon="et:paperclip" width="24" />

Vue

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

<template>
  <Icon icon="et:paperclip" width="24" />
</template>

Svelte

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

<Icon icon="et:paperclip" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="et:paperclip"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/et/paperclip.svg" alt="Paperclip アイコン" width="24" height="24">

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

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

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

はい。Elegant icons は GPL 3.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。

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

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

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

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

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