Home/Libraries/Web3 Icons Branded (Iconify)/flex

Web3 Icons Branded (Iconify)

Flex

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGzhlcne0g)" d="M10.453 3.134a8.9 8.9 0 0 0-2.941 1.064l4.505 7.803z"/><path fill="#818cf8" d="M19.8 7.507a9 9 0 0 0-.9-1.283L12.018 12l8.444-3.074a9 9 0 0 0-.662-1.42"/><path fill="url(#SVGYBAiecJl)" d="M20.865 10.44a9 9 0 0 0-.404-1.514l-8.444 3.073H21q-.002-.799-.135-1.56"/><path fill="url(#SVG92LS9bgH)" d="m12.017 12l1.562 8.862a9 9 0 0 0 2.934-1.074z"/><path fill="url(#SVGkdKnhc5V)" d="M3.542 15.085c.36.988.892 1.904 1.57 2.708L12.017 12z"/><path fill="url(#SVG0cfdhcAb)" d="M3 12c0 1.052.184 2.096.543 3.085L12.017 12z"/><path fill="url(#SVG25ylEcMd)" d="M7.512 4.197a9 9 0 0 0-2.4 2.01l6.905 5.792z"/><path fill="url(#SVGwZNj6bUu)" d="m12.017 12l4.496 7.788a9 9 0 0 0 2.388-2.011z"/><path fill="url(#SVGkgqYebiT)" d="m12.017 12l6.884 5.777a9 9 0 0 0 1.56-2.704z"/><path fill="url(#SVGyjcCWdZI)" d="M5.113 6.206a9 9 0 0 0-1.57 2.709l8.475 3.084z"/><path fill="url(#SVGS2qg5Qev)" d="m12.017 12l8.444 3.073A9 9 0 0 0 21 12z"/><path fill="url(#SVGPr9Ngb4g)" d="M3.543 8.915A9 9 0 0 0 3 12h9.017z"/><path fill="url(#SVGwcqLLdhH)" d="M17.795 5.113q-.602-.507-1.283-.902L12.017 12L18.9 6.222a9 9 0 0 0-1.107-1.11"/><path fill="url(#SVGTO3l9bDv)" d="M5.112 17.793a9 9 0 0 0 2.4 2.01L12.017 12z"/><path fill="#818cf8" d="M15.093 3.546a9 9 0 0 0-1.514-.407L12.017 12l4.496-7.787a9 9 0 0 0-1.42-.667"/><path fill="url(#SVGoqQojdFt)" d="M7.512 19.802c.91.526 1.906.886 2.94 1.065L12.018 12z"/><path fill="url(#SVGNBlYbbSp)" d="M12.017 3H12q-.791 0-1.547.133L12.017 12l1.563-8.862A9 9 0 0 0 12.016 3"/><path fill="url(#SVGvGsyaeAI)" d="m12.017 12l-1.564 8.867Q11.208 21 12 21h.017q.788 0 1.563-.138z"/><defs><linearGradient id="SVGzhlcne0g" x1="12.001" x2="16.973" y1="11.604" y2="7.745" gradientUnits="userSpaceOnUse"><stop stop-color="#acacac"/><stop offset="1" stop-color="#bdbdbd"/></linearGradient><linearGradient id="SVGYBAiecJl" x1="11.72" x2="18.095" y1="9.99" y2="17.771" gradientUnits="userSpaceOnUse"><stop stop-color="#dadada"/><stop offset="1" stop-color="#fbfbfb"/></linearGradient><linearGradient id="SVG92LS9bgH" x1="12.475" x2="7.609" y1="13.239" y2="16.786" gradientUnits="userSpaceOnUse"><stop stop-color="#373737"/><stop offset="1" stop-color="#3f3f3f"/></linearGradient><linearGradient id="SVGkdKnhc5V" x1="13.931" x2="11.975" y1="10.984" y2="6.735" gradientUnits="userSpaceOnUse"><stop stop-color="#686868"/><stop offset="1" stop-color="#787878"/></linearGradient><linearGradient id="SVG0cfdhcAb" x1="13.117" x2="16.069" y1="10.717" y2="2.462" gradientUnits="userSpaceOnUse"><stop stop-color="#747474"/><stop offset="1" stop-color="#7f7f7f"/></linearGradient><linearGradient id="SVG25ylEcMd" x1="15.783" x2="12.357" y1="11.733" y2="14.733" gradientUnits="userSpaceOnUse"><stop stop-color="#b0b0b0"/><stop offset="1" stop-color="#848484"/></linearGradient><linearGradient id="SVGwZNj6bUu" x1="12.817" x2="11.101" y1="11.3" y2="14.179" gradientUnits="userSpaceOnUse"><stop stop-color="#282828"/><stop offset="1" stop-color="#383838"/></linearGradient><linearGradient id="SVGkgqYebiT" x1="14.122" x2="11.254" y1="9.159" y2="14.357" gradientUnits="userSpaceOnUse"><stop stop-color="#1a1a1a"/><stop offset="1" stop-color="#2d2d2d"/></linearGradient><linearGradient id="SVGyjcCWdZI" x1="14.044" x2="10.749" y1="11.22" y2="16.934" gradientUnits="userSpaceOnUse"><stop stop-color="#848484"/><stop offset="1" stop-color="#838383"/></linearGradient><linearGradient id="SVGS2qg5Qev" x1="14.019" x2="7.595" y1="4.028" y2="10.692" gradientUnits="userSpaceOnUse"><stop stop-color="#010101"/><stop offset="1" stop-color="#1c1c1c"/></linearGradient><linearGradient id="SVGPr9Ngb4g" x1="12.892" x2="6.666" y1="10.273" y2="17.356" gradientUnits="userSpaceOnUse"><stop stop-color="#888"/><stop offset="1" stop-color="#7b7b7b"/></linearGradient><linearGradient id="SVGwcqLLdhH" x1="11.125" x2="15.404" y1="7.344" y2="12.525" gradientUnits="userSpaceOnUse"><stop stop-color="#c2c2c2"/><stop offset="1" stop-color="#dadada"/></linearGradient><linearGradient id="SVGTO3l9bDv" x1="14.888" x2="11.648" y1="12.456" y2="9.174" gradientUnits="userSpaceOnUse"><stop stop-color="#515151"/><stop offset=".995" stop-color="#6b6b6b"/></linearGradient><linearGradient id="SVGoqQojdFt" x1="17.878" x2="11.307" y1="12.384" y2="8.262" gradientUnits="userSpaceOnUse"><stop stop-color="#434343"/><stop offset="1" stop-color="#575757"/></linearGradient><linearGradient id="SVGNBlYbbSp" x1="5.17" x2="19.326" y1="9.362" y2="9.362" gradientUnits="userSpaceOnUse"><stop stop-color="#b9b9b9"/><stop offset="1" stop-color="#c1c1c1"/></linearGradient><linearGradient id="SVGvGsyaeAI" x1="13.041" x2="10.979" y1="17.319" y2="17.319" gradientUnits="userSpaceOnUse"><stop stop-color="#3d3d3d"/><stop offset="1" stop-color="#464646"/></linearGradient></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. FlexIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →

0x0

aag

aart

aave