File Folder アイコン
noto-v1:file-folder
File Folder アイコン(noto-v1:file-folder)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 物
- タグ
- filefolder
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#006ca2" d="M105.52 27.07c-3.22-2.78-10.31-6.38-17.28-9.82c-.69-.34-1.3-.65-1.79-.89c-1.58-.8-3.25-1.2-4.95-1.2c-3.3 0-6.47 1.56-9.03 4.37l-.38-.25q-3.09-1.905-6.15-3.84c-3.38-2.12-14.6-9.33-16.98-10.87c-2.63-1.71-5.75-3.52-9.31-3.52c-2.76 0-5.25 1.08-7.21 3.14c-1.34 1.41-2.1 3.07-2.56 4.7c-1.63-.64-3.15-.97-4.6-.97c-2.66 0-5.02 1.07-6.67 3.01c-2.83 3.33-2.35 7.83-2.12 9.13l9.19 56.95c.01.05.03.1.04.16c.03.15.08.3.13.46c.09.33.19.65.34.96c.07.16.15.31.24.47c.16.29.35.57.57.83c.1.12.19.25.3.37c.34.36.71.69 1.14.96l69.99 44.76c.51.32 1.05.56 1.61.73c.56.16 1.14.25 1.71.25c.54 0 1.09-.1 1.62-.24c.16-.05.32-.12.49-.18c.23-.09.48-.14.71-.26c.12-.06.22-.16.33-.23c.09-.05.2-.08.29-.13c.11-.08.19-.19.29-.27c.27-.21.52-.43.75-.68c.16-.17.31-.34.46-.53c.19-.27.35-.56.51-.85c.11-.2.21-.4.29-.62c.12-.31.19-.64.25-.98c.05-.22.11-.44.12-.67c.01-.07.04-.13.04-.2c.38-7.58 3.76-74.1 3.79-77.23c.06-5.93-.65-12.05-6.17-16.82"/><path fill="#40c0e7" d="m27.26 48.2l-4.7-29.15s-.83-4.97 2.72-4.97c.91 0 2.15.36 3.75 1.2c.65.35 1.36.75 2.14 1.28c.25.16.53.36.83.54c.83.55 1.82 1.2 2.94 1.92c14.21 9.19 49.14 30.9 49.14 30.9s6.57 4.92 7.47 12.35c1.14 9.32 10.2 58.5 10.2 58.5l-70-44.76l-2.25-13.9z"/><path fill="#40c0e7" d="M97.67 61.54c-1.19-9.76-9.02-15.87-9.9-16.53l-.44-.3c-.42-.26-40.49-25.19-51.84-32.67c.21-1.38.58-2.73 1.42-3.61c.83-.87 1.74-1.22 2.74-1.22c1.78 0 3.81 1.14 5.97 2.53c2.62 1.7 13.72 8.83 17.05 10.91c2.05 1.29 4.11 2.57 6.16 3.85c1.25.77 3 2.53 4.64 2.53c.74 0 1.45-.37 2.07-1.39c1.32-2.18 3.43-4.34 5.96-4.34c.7 0 1.44.17 2.19.55c3.75 1.88 14.48 6.97 17.81 9.86c3.48 3.01 4.08 6.83 4.03 12.07c-.02 1.84-1.34 28.54-2.43 49.98c-2.37-13.31-4.88-27.7-5.43-32.22"/></svg>
File Folder アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:file-folder" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:file-folder" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:file-folder" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--file-folder]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:file-folder"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:file-folder"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/file-folder.svg" alt="File Folder アイコン" width="24" height="24">
他のアイコンセットの File Folder アイコン
File Folder アイコン のよくある質問
File Folder アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で File Folder アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:file-folder" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
File Folder アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/file-folder.svg" alt="File Folder アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
