File Type Pdf アイコン

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

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

vscode-icons:file-type-pdf

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

アイコンセット: VSCode Icons
作者: Roberto Huertas
ライセンス: MIT
サイズ: 32 × 32
タグ: filetype、typepdf、filetypepdf

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGW4Gk6bnw" x1="625.787" x2="632.847" y1="825.641" y2="812.848" gradientTransform="rotate(.063 730247.83 -555381.24)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#e1e1e1"/></linearGradient><linearGradient id="SVGqVuT0dfC" x1="634.081" x2="635.169" y1="810.251" y2="809.248" gradientTransform="translate(-610.524 -802.52)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#c8c8c8"/></linearGradient><linearGradient id="SVGPI6JOcAw" x1="14.019" x2="10.665" y1="-116.816" y2="-106.493" gradientTransform="matrix(1 0 0 -1 .04 -103.785)" gradientUnits="userSpaceOnUse"><stop offset=".127" stop-color="#8a0000"/><stop offset=".244" stop-color="#900000" stop-opacity=".999"/><stop offset=".398" stop-color="#a00000" stop-opacity=".999"/><stop offset=".573" stop-color="#bc0000" stop-opacity=".998"/><stop offset=".761" stop-color="#e20000" stop-opacity=".997"/><stop offset=".867" stop-color="#fa0000" stop-opacity=".996"/></linearGradient><linearGradient id="SVGo98Judwe" x1="14.16" x2="10.541" y1="-117.225" y2="-106.084" gradientTransform="matrix(1 0 0 -1 .04 -103.785)" gradientUnits="userSpaceOnUse"><stop offset=".315" stop-color="#5e0000"/><stop offset=".444" stop-color="#830000" stop-opacity=".999"/><stop offset=".618" stop-color="#ae0000" stop-opacity=".998"/><stop offset=".775" stop-color="#cd0000" stop-opacity=".997"/><stop offset=".908" stop-color="#e00000" stop-opacity=".996"/><stop offset="1" stop-color="#e70000" stop-opacity=".996"/></linearGradient><filter id="SVGjgGxNdVJ" width="120%" height="120%" x="-10%" y="-10%"><feGaussianBlur stdDeviation=".2"/></filter><filter id="SVGglLFcesn" width="140%" height="140%" x="-20%" y="-20%"><feGaussianBlur stdDeviation=".25"/></filter><filter id="SVGhfK2nbdZ" width="120%" height="140%" x="-10%" y="-20%"><feGaussianBlur stdDeviation=".08"/></filter></defs><path stroke="#000" stroke-width=".3" d="M9.064 3.162h11.6a31.5 31.5 0 0 1 7.524 7.538v17.842H9.064Z" filter="url(#SVGjgGxNdVJ)" opacity=".6" transform="translate(.03 .3)"/><path fill="url(#SVGW4Gk6bnw)" d="M9.064 3.162h11.6a31.5 31.5 0 0 1 7.524 7.538v17.842H9.064Z"/><path fill="none" stroke="#c8c8c8" stroke-width=".5" d="M9.064 3.162h11.6a31.5 31.5 0 0 1 7.524 7.538v17.842H9.064Z"/><path d="M20.662 3.162a31.8 31.8 0 0 1 7.526 7.538a6.77 6.77 0 0 0-5.332-2.03a6.03 6.03 0 0 0-2.194-5.508" filter="url(#SVGglLFcesn)" opacity=".75" transform="matrix(.8026 0 0 .831 5 1.36)"/><path fill="url(#SVGqVuT0dfC)" d="M20.662 3.162a31.8 31.8 0 0 1 7.526 7.538a6.77 6.77 0 0 0-5.332-2.03a6.03 6.03 0 0 0-2.194-5.508"/><path fill="none" stroke="#c8c8c8" stroke-width=".5" d="M20.662 3.162a31.8 31.8 0 0 1 7.526 7.538a6.77 6.77 0 0 0-5.332-2.03a6.03 6.03 0 0 0-2.194-5.508Z"/><path fill="none" stroke="#c8c8c8" stroke-width="4" d="M5.339 6.496h14.1v2.7h-14.1z"/><path fill="#f91d0a" d="M15.819 19.855c.466-.914 1-1.943 1.42-2.977l.168-.408c-.554-2.108-.886-3.8-.589-4.894a.755.755 0 0 1 .763-.458h.254c.484-.007.711.608.737.847a4 4 0 0 1-.141 1.072a2.6 2.6 0 0 0-.161-1.091c-.2-.439-.391-.7-.562-.743a.54.54 0 0 0-.2.407a6 6 0 0 0-.077.939a10.5 10.5 0 0 0 .433 2.729q.08-.235.14-.447c.059-.222.433-1.691.433-1.691s-.094 1.956-.226 2.547q-.042.187-.092.375a8.6 8.6 0 0 0 2.145 3.351a6.7 6.7 0 0 0 1.24.852a17 17 0 0 1 2.517-.189a3.15 3.15 0 0 1 1.938.433a.74.74 0 0 1 .213.484a1.5 1.5 0 0 1-.041.282c.01-.051.01-.3-.755-.546a8.9 8.9 0 0 0-3.086-.043c1.566.766 3.093 1.147 3.576.919a1 1 0 0 0 .262-.254a2.7 2.7 0 0 1-.146.484a.76.76 0 0 1-.377.258c-.764.2-2.752-.268-4.485-1.258a36.6 36.6 0 0 0-5.768 1.371c-1.675 2.936-2.935 4.284-3.959 3.771l-.377-.189a.44.44 0 0 1-.141-.474c.119-.584.852-1.465 2.324-2.344c.158-.1.864-.469.864-.469s-.523.506-.645.605c-1.175.963-2.042 2.174-2.021 2.644v.041c1-.142 2.495-2.174 4.419-5.939m.61.312a78 78 0 0 1-.926 1.682a24.6 24.6 0 0 1 4.975-1.408a8 8 0 0 1-.637-.485a8.5 8.5 0 0 1-2.1-2.729a23 23 0 0 1-1.317 2.94"/><path d="M3.54 4.83h17.97v6.35H3.54z" filter="url(#SVGhfK2nbdZ)" opacity=".3"/><path fill="url(#SVGPI6JOcAw)" d="M3.75 4.968h17.264v5.803H3.75z"/><path fill="url(#SVGo98Judwe)" d="M21.343 11.119H3.437V4.62h17.906ZM20.7 5.264H4.081v5.209H20.7Z"/><path fill="#fff9f9" d="M8.262 5.819h1.256a1.1 1.1 0 0 1 .859.331a1.34 1.34 0 0 1 .3.937a1.35 1.35 0 0 1-.3.942a1.1 1.1 0 0 1-.859.328h-.5v1.349h-.756zm.757.726v1.086h.419a.42.42 0 0 0 .34-.141a.6.6 0 0 0 .12-.4a.6.6 0 0 0-.12-.4a.42.42 0 0 0-.34-.141h-.419m2.949.031v2.369h.271a.85.85 0 0 0 .708-.3a1.38 1.38 0 0 0 .246-.885a1.38 1.38 0 0 0-.244-.88a.86.86 0 0 0-.71-.3h-.271m-.757-.758h.8a2.9 2.9 0 0 1 .989.121a1.3 1.3 0 0 1 .562.427a1.8 1.8 0 0 1 .307.607a2.8 2.8 0 0 1 .1.779a2.8 2.8 0 0 1-.1.786a1.8 1.8 0 0 1-.307.607a1.3 1.3 0 0 1-.566.43a3 3 0 0 1-.991.125h-.8V5.819m3.342 0H16.6v.758h-1.29V7.3h1.209v.758H15.31v1.648h-.757V5.819"/></svg>

File Type Pdf アイコンの使い方

React

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

<Icon icon="vscode-icons:file-type-pdf" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-pdf" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-pdf" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="vscode-icons:file-type-pdf"></iconify-icon>

HTML 画像

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

VSCode Icons の関連アイコン

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

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

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

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

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

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

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

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

VSCode Icons をすべて見る →