Fuelux icon

file-icons:fuelux

The Fuelux icon (file-icons:fuelux) 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="m294.103 133.433l-23.043 19.75c-15.99-15.343-35.542-26.998-57.277-33.59l8.85-28.933c27.283 8.29 51.723 23.17 71.47 42.773m13.474 15.01l-22.978 19.695c13.195 16.81 22.704 34.626 27.283 56.26l30.799 2.016c-5.04-29.122-17.398-55.769-35.104-77.971M194.064 115.12l8.926-29.18c-34.015-5.988-67.498-1.845-97.313 10.759l12.624 27.514c23.701-9.557 48.55-12.963 75.763-9.093m25.798 306.937l-13.275-27.777c-78.79 19.503-168.328-31.871-176.34-130.791L0 264.176c9.62 131.864 134.26 184.49 219.862 157.881M30.615 243.31c4.14-46.878 31.08-87.302 69.633-110.088l-12.668-27.61C38.48 133.458 4.295 184.654.22 244zm181.93 37.55L512 257.67v-8.066l-303.489-21.173c11.82 15.153 11.688 32.957 4.033 52.43m-9.075-27.222c0-21.653-23.6-35.259-42.38-24.432c-18.778 10.826-18.778 38.038 0 48.864c18.78 10.826 42.38-2.78 42.38-24.432"/></svg>

How to use the Fuelux icon

React

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

<Icon icon="file-icons:fuelux" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:fuelux" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:fuelux" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--fuelux]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="file-icons:fuelux"></iconify-icon>

HTML image

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

Fuelux icon FAQ

Is the Fuelux 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 Fuelux icon in React?

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

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

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

Browse all File Icons →