ICONYZ
日本語
Innowatio Font の File Pdf アイコン

File Pdf アイコン

iwwa:file-pdf

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

アイコンセット
Innowatio Font
作者
Innowatio
ライセンス
Apache-2.0
サイズ
40 × 40
タグ
filepdf
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="currentColor"><path d="M14.105 20.35c0-.76-.528-1.214-1.459-1.214c-.38 0-.637.037-.772.073v2.441c.16.036.356.049.625.049c.993 0 1.606-.503 1.606-1.349m5.766-1.19c-.417 0-.687.037-.847.074v5.408c.16.037.417.037.65.037c1.692.012 2.796-.92 2.796-2.894c.013-1.717-.993-2.625-2.599-2.625"/><path d="M30.918 15.983h-.678v-3.271l-.006-.062a.55.55 0 0 0-.131-.359L24.66 6.075l-.004-.004a.57.57 0 0 0-.255-.159l-.03-.01a.5.5 0 0 0-.127-.016H10.867c-.611 0-1.107.497-1.107 1.107v8.99h-.678c-.874 0-1.582.708-1.582 1.582v8.228c0 .873.709 1.582 1.582 1.582h.678v5.633c0 .61.496 1.107 1.107 1.107h18.266c.61 0 1.107-.497 1.107-1.107v-5.633h.678c.874 0 1.582-.709 1.582-1.582v-8.228c0-.874-.709-1.582-1.582-1.582m-20.051-8.99H23.69v5.664c0 .306.248.553.554.553h4.89v2.773H10.867zm13.59 14.73c0 1.582-.576 2.674-1.375 3.348c-.87.723-2.194 1.067-3.813 1.067c-.969 0-1.655-.062-2.122-.122v-8.119c.687-.11 1.582-.171 2.527-.171c1.569 0 2.587.282 3.384.883c.859.637 1.399 1.655 1.399 3.114m-14.436 4.33v-8.156c.576-.098 1.386-.171 2.526-.171c1.153 0 1.975.221 2.526.662c.527.417.882 1.104.882 1.913c0 .81-.269 1.496-.76 1.962c-.638.601-1.582.871-2.686.871c-.245 0-.466-.012-.637-.037v2.956zm19.112 6.655H10.867v-5.333h18.266zm1.604-13.388H27.56v1.889h2.968v1.521H27.56v3.323h-1.875v-8.266h5.052z"/></g></svg>

File Pdf アイコンの使い方

React

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

<Icon icon="iwwa:file-pdf" width="24" />

Vue

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

<template>
  <Icon icon="iwwa:file-pdf" width="24" />
</template>

Svelte

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

<Icon icon="iwwa:file-pdf" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="iwwa:file-pdf"></iconify-icon>

HTML 画像

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

Innowatio Font の関連アイコン

他のアイコンセットの File Pdf アイコン

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

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

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

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

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

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

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

Innowatio Font アイコン をすべて見る →