Paper Clip Alt アイコン

el:paper-clip-alt

Paper Clip Alt アイコン(el:paper-clip-alt)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200
タグ: paperclip、clipalt、paperclipalt

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M600 0C268.629 0 0 268.629 0 600s268.629 600 600 600s600-268.629 600-600S931.371 0 600 0m143.555 224.194c47.14.435 91.521 21.573 133.229 63.281c46.312 47.408 72.894 107.943 55.591 177.905c-9.887 37.073-33.313 74.951-70.386 113.672c-112.296 110.136-213.272 212.743-342.335 341.09c-24.688 24.255-68.792 53.867-113.672 55.664c-37.326-.292-67.417-15.64-95.215-43.286c-29.573-29.95-51.442-68.896-48.193-117.406c4.119-34.604 21.024-66.729 50.684-96.388l287.988-287.915c42.561-42.188 102.468-74.845 159.375-26.001c51.455 53.303 18.59 111.003-27.173 158.203L467.725 827.49l-50.684-51.93L681.52 511.083c12.08-12.13 36.761-33.344 27.173-55.591c-12.499-11.283-42.438 13.995-55.592 27.173L365.186 770.654c-14.399 14.503-26.921 29.747-29.663 51.854c-2.472 18.948 6.155 38.31 25.928 58.081c38.333 35.553 65.014 25.398 106.273-12.305c109.787-109.787 197.894-196.938 310.841-309.596c37.129-37.129 63.963-60.531 83.423-111.841c15.347-57.831-44.042-140.052-111.255-149.487c-44.113-4.116-82.581 24.848-114.917 55.591L320.654 668.042l-51.855-50.61l315.088-316.406c49.433-48.607 99.479-74.14 150.146-76.611c3.167-.155 6.379-.249 9.522-.221"/></svg>

Paper Clip Alt アイコンの使い方

React

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

<Icon icon="el:paper-clip-alt" width="24" />

Vue

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

<template>
  <Icon icon="el:paper-clip-alt" width="24" />
</template>

Svelte

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

<Icon icon="el:paper-clip-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--paper-clip-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:paper-clip-alt"></div>

Web コンポーネント

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

<iconify-icon icon="el:paper-clip-alt"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/paper-clip-alt.svg" alt="Paper Clip Alt アイコン" width="24" height="24">

Elusive Icons の関連アイコン

Paper Clip Alt アイコンのよくある質問

Paper Clip Alt アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Paper Clip Alt アイコンを使うには?

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

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

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

Elusive Icons をすべて見る →