File Csv アイコン

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

はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

fa7-solid:file-csv

File Csv アイコン(fa7-solid:file-csv)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font Awesome Solid
作者: Dave Gandy
ライセンス: CC-BY-4.0
サイズ: 640 × 640
カテゴリ: コード、ファイル
タグ: filecsv

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M128 64c-35.3 0-64 28.7-64 64v384c0 35.3 28.7 64 64 64h80V464c0-35.3 28.7-64 64-64h176V234.5c0-17-6.7-33.3-18.7-45.3L322.7 82.7c-12-12-28.2-18.7-45.2-18.7zm261.5 176H296c-13.3 0-24-10.7-24-24v-93.5zM296 444c-24.3 0-44 19.7-44 44v80c0 24.3 19.7 44 44 44h16c24.3 0 44-19.7 44-44v-8c0-11-9-20-20-20s-20 9-20 20v8c0 2.2-1.8 4-4 4h-16c-2.2 0-4-1.8-4-4v-80c0-2.2 1.8-4 4-4h16c2.2 0 4 1.8 4 4v8c0 11 9 20 20 20s20-9 20-20v-8c0-24.3-19.7-44-44-44zm136 0c-28.7 0-52 23.3-52 52s23.3 52 52 52c6.6 0 12 5.4 12 12s-5.4 12-12 12h-32c-11 0-20 9-20 20s9 20 20 20h32c28.7 0 52-23.3 52-52s-23.3-52-52-52c-6.6 0-12-5.4-12-12s5.4-12 12-12h24c11 0 20-9 20-20s-9-20-20-20zm96 0c-11 0-20 9-20 20v31.6c0 35.5 10.5 70.3 30.2 99.8l5.1 7.7c3.7 5.6 10 8.9 16.6 8.9s12.9-3.3 16.6-8.9l5.1-7.7c19.7-29.6 30.2-64.3 30.2-99.8V464c0-11-9-20-20-20s-20 9-20 20v31.6c0 19.6-4.1 38.9-12 56.7c-7.9-17.8-12-37.1-12-56.7V464c0-11-9-20-20-20z"/></svg>

File Csv アイコンの使い方

React

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

<Icon icon="fa7-solid:file-csv" width="24" />

Vue

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

<template>
  <Icon icon="fa7-solid:file-csv" width="24" />
</template>

Svelte

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

<Icon icon="fa7-solid:file-csv" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--file-csv]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:file-csv"></div>

Web コンポーネント

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

<iconify-icon icon="fa7-solid:file-csv"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa7-solid/file-csv.svg" alt="File Csv アイコン" width="24" height="24">

Font Awesome Solid の関連アイコン

他のアイコンセットの File Csv アイコン

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

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

はい。Font Awesome Solid icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Font Awesome Solid アイコンをすべて見る →