Flux icon

file-icons:flux

The Flux icon (file-icons:flux) 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="M398.785 512h-285.57c-52.361 0-94.961-42.6-94.961-94.962V94.961C18.254 42.599 60.854 0 113.215 0h285.57c52.361 0 94.961 42.599 94.961 94.96v322.078c0 52.362-42.6 94.962-94.961 94.962M113.215 44.46c-27.846 0-50.501 22.654-50.501 50.5v322.078c0 27.847 22.655 50.502 50.501 50.502h285.57c27.846 0 50.501-22.655 50.501-50.502V94.961c0-27.847-22.655-50.501-50.501-50.501zM368.27 68.007c-31.92 0-57.798 25.877-57.798 57.798a57.55 57.55 0 0 0 5.923 25.493l-41.274 41.275a45.5 45.5 0 0 0-16.78-3.198a45.5 45.5 0 0 0-18.042 3.712l-42.228-42.228c3.651-7.58 5.698-16.077 5.698-25.054c0-31.92-25.877-57.798-57.798-57.798c-31.92 0-57.798 25.877-57.798 57.798c0 31.92 25.877 57.798 57.798 57.798a57.5 57.5 0 0 0 29.158-7.9l41.277 41.276a45.5 45.5 0 0 0-3.711 18.043c0 19.578 12.327 36.27 29.641 42.755v53.072c-24.587 6.647-42.68 29.098-42.68 55.787c0 31.92 25.876 57.798 57.797 57.798s57.798-25.877 57.798-57.798c0-25.384-16.371-46.93-39.125-54.697v-54.864c16.374-6.934 27.863-23.151 27.863-42.053a45.5 45.5 0 0 0-4.265-19.267l39.81-39.81a57.5 57.5 0 0 0 28.736 7.658c31.921 0 57.798-25.877 57.798-57.798c0-31.92-25.877-57.798-57.798-57.798m-222.384 79.139c-11.786 0-21.34-9.555-21.34-21.34c0-11.787 9.554-21.342 21.34-21.342s21.341 9.555 21.341 21.341s-9.555 21.34-21.34 21.34M278.46 387.813c0 11.786-9.554 21.34-21.34 21.34s-21.341-9.554-21.341-21.34c0-11.787 9.554-21.341 21.34-21.341s21.341 9.554 21.341 21.34m89.724-240.667c-11.786 0-21.34-9.555-21.34-21.34c0-11.787 9.554-21.342 21.34-21.342s21.341 9.555 21.341 21.341s-9.555 21.34-21.34 21.34"/></svg>

How to use the Flux icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Flux icon in other icon sets

Flux icon FAQ

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

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

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

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

Browse all File Icons →