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 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 コードをページに直接貼り付けます。