Folders 48 アイコン
energy-icons:folders-48
Folders 48 アイコン(energy-icons:folders-48)は、Energy Icons セットの無料 SVG アイコンです（作者: Sam Passmore）。 48 × 48 のグリッドで描かれています。 Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Energy Icons
- 作者
- Sam Passmore
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- folder
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M7 33.6V15.202c0-1.912 1.488-3.4 3.4-3.4h7.2a1 1 0 0 1 .707.293L21.214 15H34.4c1.912 0 3.4 1.487 3.4 3.4v2.08a1 1 0 1 1-2 0V18.4c0-.808-.592-1.4-1.4-1.4H20.8a1 1 0 0 1-.707-.293L17.186 13.8H10.4c-.807 0-1.4.592-1.4 1.4v18.4c0 .807.593 1.4 1.4 1.4h2.08a1 1 0 0 1 0 2H10.4C8.488 37 7 35.512 7 33.6"/><path fill="currentColor" d="M15 41.6V23.202c0-1.912 1.488-3.4 3.4-3.4h7.2a1 1 0 0 1 .707.293L29.214 23H42.4c1.912 0 3.4 1.487 3.4 3.4v15.2c0 1.912-1.487 3.4-3.4 3.4h-24c-1.912 0-3.4-1.488-3.4-3.4m2 0c0 .808.593 1.401 1.4 1.401h24c.808 0 1.4-.593 1.4-1.4V26.4c0-.808-.592-1.4-1.4-1.4H28.8a1 1 0 0 1-.707-.293L25.186 21.8H18.4c-.807 0-1.4.593-1.4 1.4z"/></svg>Folders 48 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:folders-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:folders-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:folders-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--folders-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:folders-48"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:folders-48"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/energy-icons/folders-48.svg" alt="Folders 48 アイコン" width="24" height="24">Energy Icons の関連アイコン
Folders 48 アイコン のよくある質問
Folders 48 アイコンは商用利用でも無料ですか?
はい。Energy Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Folders 48 アイコンを使うには?
@iconify/react をインストールして <Icon icon="energy-icons:folders-48" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Folders 48 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/energy-icons/folders-48.svg" alt="Folders 48 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。