Pdf アイコン
icons8:pdf
Pdf アイコン(icons8:pdf)は、Icons8 Windows 10 Icons セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 10 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M6 3v26h20V3zm2 2h16v22H8zm7.406 5.344a1.43 1.43 0 0 0-.906.312c-.254.215-.37.482-.438.75c-.137.538-.097 1.1.032 1.72c.15.725.587 1.6.937 2.437c-.178.763-.224 1.435-.5 2.218c-.235.674-.535 1.06-.81 1.657c-.63.238-1.38.38-1.876.688c-.534.332-1.002.7-1.28 1.22c-.28.517-.25 1.25.123 1.78c.185.277.427.497.75.625c.324.128.675.133.97.03c.588-.202 1.006-.655 1.405-1.186c.37-.492.635-1.328.97-2c.504-.168.868-.38 1.405-.5c.564-.126.94-.065 1.47-.125c.227.258.42.67.655.874c.477.413 1 .743 1.625.78c.626.04 1.25-.35 1.594-.936h.032v-.032c.152-.267.257-.553.25-.875c-.006-.32-.17-.654-.375-.874c-.41-.44-.933-.55-1.5-.625c-.435-.056-1.045.1-1.562.126c-.452-.596-.903-1.046-1.313-1.812c-.22-.414-.282-.767-.468-1.188c.143-.68.43-1.436.468-2.03c.048-.72.02-1.34-.187-1.907a1.84 1.84 0 0 0-.53-.783a1.5 1.5 0 0 0-.907-.343h-.032zm.656 7.406c.18.316.402.517.594.813c-.282.05-.496-.002-.78.062c-.05.01-.078.05-.126.063c.057-.155.132-.25.188-.407c.064-.182.064-.346.124-.53zm3.688 2.03c.337.045.455.107.5.126c-.007.016.012.01 0 .032c-.123.205-.14.192-.22.187c-.066-.004-.32-.142-.56-.313c.07.006.216-.04.28-.03zm-7 1.564c-.055.08-.102.272-.156.343c-.305.406-.586.596-.656.625c-.013-.013.02 0 0-.03h-.032c-.103-.147-.072-.085 0-.22c.073-.134.31-.402.72-.656c.03-.018.093-.044.124-.062"/></svg>
Pdf アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icons8:pdf" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icons8:pdf" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icons8:pdf" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icons8--pdf]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icons8 -->
<div class="i-icons8:pdf"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icons8:pdf"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icons8/pdf.svg" alt="Pdf アイコン" width="24" height="24">
Pdf アイコン のよくある質問
Pdf アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 10 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pdf アイコンを使うには?
@iconify/react をインストールして <Icon icon="icons8:pdf" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pdf アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icons8/pdf.svg" alt="Pdf アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Icons8 Windows 10 Icons をすべて見る →
ICONYZ
