Rectangle Paperclip アイコン

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

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

f7:rectangle-paperclip

Rectangle Paperclip アイコン(f7:rectangle-paperclip)は、Framework7 Icons セットの無料 SVG アイコンです（作者: Vladimir Kharlampidi）。 56 × 56 のグリッドで描かれています。 Framework7 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Framework7 Icons
作者: Vladimir Kharlampidi
ライセンス: MIT
サイズ: 56 × 56
タグ: rectanglepaperclip

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" d="M28.504 35.652c3.633 3.61 9.14 3.703 12.937-.07L52.95 24.074c.54-.586.54-1.5-.023-2.015c-.586-.516-1.383-.516-1.97.046L39.544 33.52c-2.695 2.695-6.492 2.695-9 .117c-2.555-2.625-2.602-6.352.094-9.047l14.39-14.344c1.782-1.781 4.196-1.805 5.696-.351c1.476 1.453 1.453 3.867-.352 5.671L36.355 29.652c-.562.586-1.312.563-1.828 0c-.586-.562-.562-1.289.024-1.875l9.914-9.914c.586-.586.563-1.383.047-1.922c-.54-.515-1.313-.539-1.899.07l-9.984 9.962c-1.64 1.64-1.64 4.172-.117 5.672c1.617 1.57 3.984 1.57 5.648-.094l14.11-14.086c2.93-2.953 2.883-6.82.234-9.469c-2.625-2.578-6.586-2.648-9.445.234L28.598 22.691c-3.797 3.797-3.68 9.375-.094 12.961m-20.437 15h38.625c4.851 0 7.265-2.367 7.265-7.148v-14.79l-3.773 3.845v10.757c0 2.391-1.243 3.563-3.54 3.563H8.115c-2.321 0-3.54-1.172-3.54-3.563V16.88c0-2.39 1.219-3.586 3.54-3.586H32.16l3.75-3.75H8.067C3.214 9.543.8 11.887.8 16.691v26.813c0 4.781 2.414 7.148 7.265 7.148"/></svg>

Rectangle Paperclip アイコンの使い方

React

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

<Icon icon="f7:rectangle-paperclip" width="24" />

Vue

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

<template>
  <Icon icon="f7:rectangle-paperclip" width="24" />
</template>

Svelte

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

<Icon icon="f7:rectangle-paperclip" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="f7:rectangle-paperclip"></iconify-icon>

HTML 画像

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

Framework7 Icons の関連アイコン

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

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

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

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

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

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

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

Framework7 Icons をすべて見る →