Fabfile アイコン
file-icons:fabfile
Fabfile アイコン(file-icons:fabfile)は、File Icons セットの無料 SVG アイコンです（作者: John Gardner）。 512 × 512 のグリッドで描かれています。 File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- File Icons
- 作者
- John Gardner
- ライセンス
- ISC
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M2.197 281.85c73.896-22.099 131.792-74.496 182.189-118.693c22.799 12.4 28.298 17.899 55.197 33.098c-27.599 26.898-134.592 126.292-213.187 140.792c-21.4-3.4-31.099-44.898-24.199-55.197m272.584-180.79s33.797 30.399 53.096 42.098c17.3-17.299 62.797-16.599 64.896-31.698c.7-17.299-4.8-42.097-14.499-48.297c-20.598-.1-73.095 17.8-103.493 37.898m233.885 130.393c-73.895 22.099-139.391 66.896-189.788 111.093c-24.799-13.799-24.199-17.899-50.397-35.898c27.598-26.898 128.392-118.692 218.787-132.492c21.398 3.5 28.298 46.998 21.398 57.297m-268.983 172.59s-31.098-24.799-49.697-37.998c-25.499 15.899-73.196 24.798-73.896 41.397c-.7 17.3 11.7 38.698 21.399 44.898c20.699 0 71.796-28.299 102.194-48.297M116.09 118.96c-7.6-4.1 8.3-61.397 15.9-59.997c89.694 9.7 211.886 113.893 240.885 142.892c-23.499 17.299-28.299 17.299-53.097 37.997C292.779 207.354 180.286 134.16 116.09 118.96m279.583 275.383c7.6 4.1-11.7 59.996-19.299 58.697c-89.694-9.7-198.088-126.293-238.785-155.291c23.498-17.299 28.298-17.299 53.097-37.998c33.098 28.299 140.791 119.393 204.987 134.592m70.396-130.892s-35.498 16.399-65.996 38.398c24.398 8.3 78.195 43.697 90.394 34.498c12.7-11.7 23.599-36.598 21.2-47.898c-9.9-11.899-21.7-10.699-45.598-24.998M49.794 247.552s29.998-20.499 60.497-42.497c-27.199-7.6-72.696-34.798-93.895-28.299c-12.699 11.7-18.099 40.098-15.599 51.297c14.7 10.6 28.598 10.8 48.997 19.499"/></svg>Fabfile アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:fabfile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:fabfile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:fabfile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--fabfile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:fabfile"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:fabfile"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/file-icons/fabfile.svg" alt="Fabfile アイコン" width="24" height="24">Fabfile アイコン のよくある質問
Fabfile アイコンは商用利用でも無料ですか?
はい。File Icons は ISC ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fabfile アイコンを使うには?
@iconify/react をインストールして <Icon icon="file-icons:fabfile" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fabfile アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/fabfile.svg" alt="Fabfile アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。