Folder Open アイコン

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

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

uiw:folder-open

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

アイコンセット: uiw icons
作者: liwen0526
ライセンス: MIT
サイズ: 20 × 20
タグ: folderopen

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M2.282 3.828c-.35.063-.566.189-.691.374a1.33 1.33 0 0 0-.225.841v11.718L.002 15.82V5.072A2.6 2.6 0 0 1 .45 3.474c.357-.53.929-.85 1.666-.966l.108-.008h3.56c.742.038 1.355.35 1.783.917c.387.51.472.91.484 1.639c.002.088.003.15.006.201q.068 0 .193-.01h5.636l.101.008a2.6 2.6 0 0 1 1.489.724c.435.431.632 1.028.614 1.734v1.799h-1.364V7.698c.01-.39-.073-.639-.224-.789a1.2 1.2 0 0 0-.671-.333l-5.516-.003c-.854.08-1.504-.252-1.601-1.018a4 4 0 0 1-.027-.478c-.008-.475-.043-.642-.218-.873a.9.9 0 0 0-.72-.376zm15.772 5.504c.831.014 1.46.304 1.77.908c.294.574.21 1.226-.18 1.91l-.054.08l-2.843 3.626q-.51.673-1.172 1.106c-.483.316-1.088.49-1.851.538H2.016c-.633 0-1.13-.141-1.472-.477c-.42-.414-.589-.85-.531-1.394c.035-.338.169-.668.415-1.022l3.445-3.833c.538-.558 1.02-.94 1.465-1.147c.404-.187.888-.282 1.444-.294zM7.012 10.66c-.476-.009-.839.051-1.088.166c-.265.123-.624.409-1.013.807l-3.376 3.749a.86.86 0 0 0-.165.383c-.015.139.003.186.143.323c.04.039.2.084.503.084l11.663.002c.494-.032.87-.14 1.136-.314c.308-.201.585-.464.84-.801l2.82-3.594c.17-.311.191-.508.128-.631c-.05-.098-.202-.168-.56-.174z"/></svg>

Folder Open アイコンの使い方

React

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

<Icon icon="uiw:folder-open" width="24" />

Vue

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

<template>
  <Icon icon="uiw:folder-open" width="24" />
</template>

Svelte

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

<Icon icon="uiw:folder-open" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uiw--folder-open]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uiw -->
<div class="i-uiw:folder-open"></div>

Web コンポーネント

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

<iconify-icon icon="uiw:folder-open"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/uiw/folder-open.svg" alt="Folder Open アイコン" width="24" height="24">

uiw icons の関連アイコン

他のアイコンセットの Folder Open アイコン

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

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

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

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

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

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

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

uiw icons をすべて見る →