Folder Pdf アイコン

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

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

material-icon-theme:folder-pdf

Folder Pdf アイコン(material-icon-theme:folder-pdf)は、Material Icon Theme セットの無料 SVG アイコンです（作者: Material Extensions）。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Material Icon Theme
作者: Material Extensions
ライセンス: MIT
サイズ: 24 × 24
タグ: folderpdf

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ef5350" d="m6.922 3.768l-.644-.536A1 1 0 0 0 5.638 3H2a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H7.562a1 1 0 0 1-.64-.232"/><path fill="#ffcdd2" d="M11.217 8.969a7.4 7.4 0 0 1-.508 1.203a5 5 0 0 0-.247.518l.055-.02a9 9 0 0 1 1.67-.463q-.108-.075-.21-.162a3.1 3.1 0 0 1-.76-1.077m3.236 1.906a.57.57 0 0 1-.45.15a3.6 3.6 0 0 1-1.492-.37a10 10 0 0 0-2.023.375l-.092.035C9.774 12.126 9.314 12.6 8.908 12.6a.5.5 0 0 1-.22-.052l-.24-.157l-.011-.027a.4.4 0 0 1-.026-.268a1.9 1.9 0 0 1 .941-1.06a3 3 0 0 1 .445-.244q.223-.393.476-.902a8.7 8.7 0 0 0 .544-1.462l-.003-.006a2.47 2.47 0 0 1-.11-1.633c.055-.193.21-.388.397-.388h.119a.43.43 0 0 1 .304.123c.33.33.179 1.134.011 1.798l-.018.07a2.9 2.9 0 0 0 .799 1.278a4 4 0 0 0 .43.293a6 6 0 0 1 .65-.037c.62 0 .992.112 1.138.343a.4.4 0 0 1 .062.275a.48.48 0 0 1-.143.331M15 5H8a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1m-.743 5.522c-.056-.054-.261-.179-.959-.179a.13.13 0 0 0-.115.05a2.7 2.7 0 0 0 .951.256a1 1 0 0 0 .098-.007l.017-.003c.024-.007.04-.015.045-.065zm-4.592.728a2 2 0 0 0-.238.157a1.83 1.83 0 0 0-.607.846c.227-.078.521-.406.845-1.003m1.508-3.453l.027-.018c.037-.162.06-.301.08-.412l.016-.081c.048-.27.042-.426-.05-.548l-.073-.025l-.033.059a1.83 1.83 0 0 0 .033 1.025"/></svg>

Folder Pdf アイコンの使い方

React

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

<Icon icon="material-icon-theme:folder-pdf" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:folder-pdf" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:folder-pdf" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--folder-pdf]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:folder-pdf"></div>

Web コンポーネント

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

<iconify-icon icon="material-icon-theme:folder-pdf"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-icon-theme/folder-pdf.svg" alt="Folder Pdf アイコン" width="24" height="24">

Material Icon Theme の関連アイコン

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

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

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

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

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

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

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

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