ICONYZ
日本語
Remix Icon の File Pdf 2 Line アイコン

File Pdf 2 Line アイコン

ri:file-pdf-2-line

File Pdf 2 Line アイコン(ri:file-pdf-2-line)は、Remix Icon セットの無料 SVG アイコンです(作者: Remix Design)。 24 × 24 のグリッドで描かれています。 Remix Icon icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Remix Icon
作者
Remix Design
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ドキュメント
タグ
filepdf、pdfline、filepdfline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 4h10v4h4v12H5zM3.999 2A.995.995 0 0 0 3 2.992v18.016a1 1 0 0 0 .993.992h16.014A1 1 0 0 0 21 20.992V7l-5-5zm6.5 5.5c0 1.577-.455 3.437-1.224 5.153c-.772 1.723-1.814 3.197-2.9 4.066l1.18 1.613c2.927-1.952 6.168-3.29 9.304-2.842l.457-1.939C14.644 12.661 12.5 9.99 12.5 7.5zm.6 5.972c.268-.597.505-1.216.705-1.843a9.7 9.7 0 0 0 1.706 1.966c-.982.176-1.944.465-2.875.833q.248-.471.465-.956"/></svg>

File Pdf 2 Line アイコンの使い方

React

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

<Icon icon="ri:file-pdf-2-line" width="24" />

Vue

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

<template>
  <Icon icon="ri:file-pdf-2-line" width="24" />
</template>

Svelte

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

<Icon icon="ri:file-pdf-2-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--file-pdf-2-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:file-pdf-2-line"></div>

Web コンポーネント

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

<iconify-icon icon="ri:file-pdf-2-line"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ri/file-pdf-2-line.svg" alt="File Pdf 2 Line アイコン" width="24" height="24">

Remix Icon の関連アイコン

File Pdf 2 Line アイコン のよくある質問

File Pdf 2 Line アイコンは商用利用でも無料ですか?

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

React で File Pdf 2 Line アイコンを使うには?

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

File Pdf 2 Line アイコンをウェブページに追加するには?

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

Remix Icon アイコン をすべて見る →