flux logo
flux from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- flux
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×102
- License
- CC0
The same logo in other sets
Use the flux logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function LogosFlux(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-flux {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20102%22%3E%3Cpath%20fill%3D%22%2344b74a%22%20d%3D%22M205.033%200a50.7%2050.7%200%200%200-27.301%207.939l-49.733%2036.526l-26.214-19.25c-1.58%202.564-3.17%205.112-4.692%207.75c-.367.635-.707%201.278-1.068%201.912l21.911%2016.09l-45.978%2033.762a39.63%2039.63%200%200%201-20.994%206.005c-21.926%200-39.767-17.839-39.767-39.767S29.035%2011.2%2050.964%2011.2a39.6%2039.6%200%200%201%2020.994%206.004l4.57%203.354c1.889-3.264%203.846-6.452%205.822-9.617l-4.085-3A50.7%2050.7%200%200%200%2050.964.004C22.819.003%200%2022.822%200%2050.967s22.816%2050.963%2050.964%2050.963a50.7%2050.7%200%200%200%2027.301-7.938L128%2057.468l26.315%2019.325c1.612-2.641%203.22-5.291%204.811-8.052c.315-.547.6-1.09.911-1.638l-21.972-16.136l45.975-33.763a39.63%2039.63%200%200%201%2020.994-6.004c21.929%200%2039.767%2017.838%2039.767%2039.767c0%2021.928-17.838%2039.767-39.767%2039.767a39.6%2039.6%200%200%201-20.994-6.005l-4.504-3.307a407%20407%200%200%201-5.78%209.646l3.98%202.92a50.7%2050.7%200%200%200%2027.301%207.94c28.145%200%2050.964-22.82%2050.964-50.964C255.997%2022.819%20233.181%200%20205.033%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20102%22%3E%3Cpath%20fill%3D%22%2344b74a%22%20d%3D%22M205.033%200a50.7%2050.7%200%200%200-27.301%207.939l-49.733%2036.526l-26.214-19.25c-1.58%202.564-3.17%205.112-4.692%207.75c-.367.635-.707%201.278-1.068%201.912l21.911%2016.09l-45.978%2033.762a39.63%2039.63%200%200%201-20.994%206.005c-21.926%200-39.767-17.839-39.767-39.767S29.035%2011.2%2050.964%2011.2a39.6%2039.6%200%200%201%2020.994%206.004l4.57%203.354c1.889-3.264%203.846-6.452%205.822-9.617l-4.085-3A50.7%2050.7%200%200%200%2050.964.004C22.819.003%200%2022.822%200%2050.967s22.816%2050.963%2050.964%2050.963a50.7%2050.7%200%200%200%2027.301-7.938L128%2057.468l26.315%2019.325c1.612-2.641%203.22-5.291%204.811-8.052c.315-.547.6-1.09.911-1.638l-21.972-16.136l45.975-33.763a39.63%2039.63%200%200%201%2020.994-6.004c21.929%200%2039.767%2017.838%2039.767%2039.767c0%2021.928-17.838%2039.767-39.767%2039.767a39.6%2039.6%200%200%201-20.994-6.005l-4.504-3.307a407%20407%200%200%201-5.78%209.646l3.98%202.92a50.7%2050.7%200%200%200%2027.301%207.94c28.145%200%2050.964-22.82%2050.964-50.964C255.997%2022.819%20233.181%200%20205.033%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/flux.svg?color=%231a73e8&size=48
