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

Web3 Icons Branded (Iconify)

Mvx

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(#SVGPeblTwVc)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGMG8JfhCs)" d="M20.12 12a8.121 8.121 0 1 1-16.242 0a8.121 8.121 0 0 1 16.243 0"/><path fill="url(#SVGIYSJdd6q)" fill-rule="evenodd" d="M12 19.973a7.979 7.979 0 1 0 .41-15.953A7.979 7.979 0 0 0 12 19.973m0 .148A8.121 8.121 0 1 0 12 3.88a8.121 8.121 0 0 0 0 16.242" clip-rule="evenodd"/><path fill="url(#SVG0xwMFdoM)" d="m9.39 20.557l8.418-8.402l-2.86-2.827l-2.964.116l-2.986-2.72l-5.93 6.13c-.19.095.763 2.679 2.849 5.379c2.08 2.7 2.186 2.615 3.473 2.324"/><path fill="url(#SVGiJHeteja)" d="m12 17.887l5.823-5.718V9.384L12 15.107z"/><path fill="url(#SVGjXnRqbrv)" d="m12 17.887l-5.823-5.718V9.384L12 15.107z"/><path fill="url(#SVGSpbT9bWd)" d="m12.01 9.421l-2.954 2.896v2.69L12.01 12.2z"/><path fill="url(#SVGz3mGQxfp)" d="m12 9.421l2.943 2.896v2.69L12 12.2z"/><path fill="url(#SVG2Va2zcns)" d="m17.824 12.16l-2.88-2.828V6.558l2.88 2.822z"/><path fill="url(#SVGic5iGbql)" d="m6.177 12.16l2.885-2.828V6.558L6.177 9.38z"/><path fill="#818cf8" d="m11.99 12.228l2.954-2.896V6.558l-2.954 2.89z"/><path fill="#818cf8" d="M12 12.228L9.062 9.332V6.558L12 9.448z"/><defs><linearGradient id="SVGPeblTwVc" x1="23.197" x2="12" y1="-.182" y2="22.938" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#fdebee"/><stop offset=".5" stop-color="#4d259b"/><stop offset=".71" stop-color="#291d99"/><stop offset="1" stop-color="#120c40"/></linearGradient><linearGradient id="SVGMG8JfhCs" x1="19.134" x2="4.079" y1="4.179" y2="18.935" gradientUnits="userSpaceOnUse"><stop stop-color="#cabfff"/><stop offset=".5" stop-color="#4d259b"/><stop offset=".71" stop-color="#291d99"/><stop offset="1" stop-color="#120c40"/></linearGradient><linearGradient id="SVGIYSJdd6q" x1="17.418" x2="3.702" y1="3" y2="19.816" gradientUnits="userSpaceOnUse"><stop stop-color="#7d51a3"/><stop offset="1" stop-color="#3a28ee"/></linearGradient><linearGradient id="SVG0xwMFdoM" x1="14.5" x2="7.56" y1="8.375" y2="17.216" gradientUnits="userSpaceOnUse"><stop stop-opacity=".71"/><stop offset=".98" stop-opacity="0"/></linearGradient><linearGradient id="SVGiJHeteja" x1="46.805" x2="15.596" y1="-5.81" y2="38.616" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#ffaa27"/><stop offset=".85" stop-color="#5547bf"/><stop offset="1" stop-color="#180d65"/></linearGradient><linearGradient id="SVGjXnRqbrv" x1="-14.46" x2="5.569" y1="-8.634" y2="26.33" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#ffaa27"/><stop offset="1" stop-color="#8679e8"/></linearGradient><linearGradient id="SVGSpbT9bWd" x1="2.58" x2="8.644" y1="18.15" y2="7.639" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></linearGradient><linearGradient id="SVGz3mGQxfp" x1="23.946" x2="17.19" y1="16.854" y2="5.252" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></linearGradient><linearGradient id="SVG2Va2zcns" x1="-53.812" x2="-50.848" y1="7.611" y2="26.198" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".47"/></linearGradient><linearGradient id="SVGic5iGbql" x1="21.397" x2="11.912" y1="6.063" y2="22.3" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></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. MvxIcon.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