Folder Open アイコン

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

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

reicon:folder-open

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

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: フォルダ
タグ: folderopen

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7.879 1.25h.114c.278 0 .463 0 .645.016c.78.068 1.527.356 2.139.832c.143.111.276.236.471.42l.025.022l.44.413c.682.64.925.858 1.204 1.004q.248.129.525.204c.313.083.658.089 1.62.089h.347c1.013 0 1.84 0 2.495.077c.681.08 1.283.254 1.784.677q.125.105.238.222c.46.48.652 1.063.74 1.721c.084.624.084 1.407.084 2.35v2.032q.321.326.556.722c.4.674.481 1.433.43 2.3c-.049.844-.234 1.897-.466 3.216l-.015.086c-.166.944-.3 1.708-.47 2.315c-.177.628-.411 1.16-.82 1.605q-.29.317-.646.558c-.502.34-1.057.485-1.694.553c-.61.066-1.364.066-2.289.066H8.664c-.925 0-1.679 0-2.29-.066c-.636-.068-1.191-.213-1.693-.553a3.7 3.7 0 0 1-.647-.558c-.408-.446-.642-.977-.818-1.605c-.17-.607-.305-1.37-.471-2.315l-.015-.087c-.232-1.317-.417-2.371-.466-3.216c-.051-.866.03-1.625.43-2.299q.234-.396.556-.722V5.627c0-.58 0-.98.07-1.331c.31-1.54 1.583-2.704 3.156-2.983c.36-.063.775-.063 1.403-.063M4.75 10.491q.36-.092.76-.14c.815-.101 1.854-.101 3.144-.101h6.692c1.29 0 2.329 0 3.145.101q.398.048.759.14V9.348c0-1.008-.002-1.689-.07-2.201c-.066-.49-.181-.72-.337-.882a2 2 0 0 0-.122-.115c-.182-.153-.45-.269-.992-.333c-.558-.066-1.296-.067-2.367-.067h-.398c-.828 0-1.383 0-1.91-.14a4 4 0 0 1-.831-.323c-.483-.252-.88-.625-1.464-1.172l-.072-.068l-.44-.413a6 6 0 0 0-.39-.351a2.57 2.57 0 0 0-1.35-.523a7 7 0 0 0-.547-.01c-.738 0-1.01.003-1.223.04c-1.015.18-1.768.915-1.946 1.802c-.037.184-.041.422-.041 1.12zm.944 1.349c-.698.086-1.058.245-1.306.474a2.2 2.2 0 0 0-.403.501c-.18.303-.267.712-.224 1.447c.044.748.213 1.716.454 3.092c.175.993.297 1.682.445 2.208c.144.511.293.793.48.996q.174.19.382.331c.222.15.508.25 1.013.304c.52.056 1.194.057 2.17.057h6.59c.976 0 1.65-.001 2.17-.057c.505-.054.79-.154 1.013-.304q.208-.142.382-.33c.187-.204.337-.486.48-.997c.148-.526.27-1.215.445-2.208c.241-1.376.41-2.344.454-3.092c.043-.735-.044-1.144-.224-1.447a2.2 2.2 0 0 0-.403-.501c-.248-.23-.608-.388-1.306-.474c-.713-.089-1.658-.09-3.011-.09h-6.59c-1.353 0-2.298.001-3.011.09M9.25 17a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>

Folder Open アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Reicon の関連アイコン

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

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

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

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

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

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

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

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

Reicon アイコンをすべて見る →