Fabfile icon

file-icons:fabfile

The Fabfile icon (file-icons:fabfile) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: File Icons
Author: John Gardner
License: ISC
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Fabfile icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/file-icons/fabfile.svg" alt="Fabfile icon" width="24" height="24">

Fabfile icon FAQ

Is the Fabfile icon free for commercial use?

Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.

How do I use the Fabfile icon in React?

Install @iconify/react and render <Icon icon="file-icons:fabfile" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Fabfile icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/fabfile.svg" alt="Fabfile icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →