File Collection One アイコン

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

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

icon-park:file-collection-one

File Collection One アイコン(icon-park:file-collection-one)は、IconPark セットの無料 SVG アイコンです（作者: ByteDance）。 48 × 48 のグリッドで描かれています。 IconPark icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: IconPark
作者: ByteDance
ライセンス: Apache-2.0
サイズ: 48 × 48
カテゴリ: オフィス
タグ: filecollection、collectionone、filecollectionone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M40 23V14L31 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44H22"/><path fill="#2F88FF" d="M30.85 30C28.7237 30 27 32.0086 27 34.4864C27 38.9727 31.55 43.0513 34 44C36.45 43.0513 41 38.9727 41 34.4864C41 32.0086 39.2763 30 37.15 30C35.8479 30 34.6967 30.7533 34 31.9062C33.3033 30.7533 32.1521 30 30.85 30Z"/><path d="M30 4V14H40"/></g></svg>

File Collection One アイコンの使い方

React

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

<Icon icon="icon-park:file-collection-one" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:file-collection-one" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:file-collection-one" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--file-collection-one]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:file-collection-one"></div>

Web コンポーネント

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

<iconify-icon icon="icon-park:file-collection-one"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/icon-park/file-collection-one.svg" alt="File Collection One アイコン" width="24" height="24">

IconPark の関連アイコン

他のアイコンセットの File Collection One アイコン

File Collection One アイコンのよくある質問

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

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

React で File Collection One アイコンを使うには?

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

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

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

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