Flux icon
logos:flux
The Flux icon (logos:flux) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 102 grid. SVG Logos icons are released under the CC0 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
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 102
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="102" viewBox="0 0 256 102"><path fill="#44b74a" d="M205.033 0a50.7 50.7 0 0 0-27.301 7.939l-49.733 36.526l-26.214-19.25c-1.58 2.564-3.17 5.112-4.692 7.75c-.367.635-.707 1.278-1.068 1.912l21.911 16.09l-45.978 33.762a39.63 39.63 0 0 1-20.994 6.005c-21.926 0-39.767-17.839-39.767-39.767S29.035 11.2 50.964 11.2a39.6 39.6 0 0 1 20.994 6.004l4.57 3.354c1.889-3.264 3.846-6.452 5.822-9.617l-4.085-3A50.7 50.7 0 0 0 50.964.004C22.819.003 0 22.822 0 50.967s22.816 50.963 50.964 50.963a50.7 50.7 0 0 0 27.301-7.938L128 57.468l26.315 19.325c1.612-2.641 3.22-5.291 4.811-8.052c.315-.547.6-1.09.911-1.638l-21.972-16.136l45.975-33.763a39.63 39.63 0 0 1 20.994-6.004c21.929 0 39.767 17.838 39.767 39.767c0 21.928-17.838 39.767-39.767 39.767a39.6 39.6 0 0 1-20.994-6.005l-4.504-3.307a407 407 0 0 1-5.78 9.646l3.98 2.92a50.7 50.7 0 0 0 27.301 7.94c28.145 0 50.964-22.82 50.964-50.964C255.997 22.819 233.181 0 205.033 0"/></svg>
How to use the Flux icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:flux" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:flux" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:flux" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--flux]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:flux"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:flux"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/logos/flux.svg" alt="Flux icon" width="24" height="24">
Related icons in SVG Logos
Flux icon in other icon sets
Flux icon FAQ
Is the Flux icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 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="logos: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/logos/flux.svg" alt="Flux icon">, or paste the SVG code inline to style it with CSS.
Browse all SVG Logos icons →
ICONYZ
