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

Web3 Icons Branded (Iconify)

Mgp

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="#818cf8" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="#818cf8" d="M12 19.94a7.941 7.941 0 1 0 0-15.882a7.941 7.941 0 0 0 0 15.882"/><path fill="url(#SVGiXmnEdpt)" d="M12 14.118a8.47 8.47 0 0 0 6.845-3.483a7.8 7.8 0 0 1-.37 1.779l-.652.645l.445-.11a8 8 0 0 1-.334.688l-.64.481l.423-.106A6.76 6.76 0 0 1 12 17.295c-2.383 0-4.48-1.303-5.718-3.283l.423.106l-.64-.476a7 7 0 0 1-.35-.742l.461.16l-.646-.646a8 8 0 0 1-.376-1.78A8.46 8.46 0 0 0 12 14.119"/><path fill="url(#SVGLy7Hw7Dp)" d="M17.03 12.25a5.03 5.03 0 1 1-10.059 0a5.03 5.03 0 0 1 10.059 0"/><path fill="url(#SVG1avqabXx)" d="M16.627 14.382a5.55 5.55 0 0 1-7.139 1.755A5.55 5.55 0 0 1 7.5 14.382a5.03 5.03 0 0 0 9.127 0"/><path fill="#818cf8" d="M16.5 11.455a2.118 2.118 0 1 1-4.236 0a2.118 2.118 0 0 1 4.236 0"/><path fill="url(#SVGSl04BdHF)" d="m11.47 13.324l.53-.795l.53.794l-.53.795z"/><path fill="#818cf8" d="M14.647 11.735a1.059 1.059 0 1 1-2.118 0a1.059 1.059 0 0 1 2.118 0"/><path fill="#818cf8" d="M14.382 11.737a.795.795 0 1 1-1.59-.001a.795.795 0 0 1 1.59 0"/><path fill="#818cf8" d="M14.119 11.207a.265.265 0 1 1-.53 0a.265.265 0 0 1 .53 0"/><path fill="#818cf8" d="M7.5 11.47a2.118 2.118 0 1 0 4.235 0a2.118 2.118 0 0 0-4.235 0"/><path fill="#818cf8" d="M9.353 11.751a1.059 1.059 0 1 0 2.118 0a1.059 1.059 0 0 0-2.118 0"/><path fill="#818cf8" d="M9.618 11.751a.794.794 0 1 0 1.589 0a.794.794 0 0 0-1.589 0"/><path fill="#818cf8" d="M9.883 11.207a.265.265 0 1 0 .53 0a.265.265 0 0 0-.53 0"/><defs><linearGradient id="SVGiXmnEdpt" x1="20.7" x2="3.647" y1="8.123" y2="8.123" gradientUnits="userSpaceOnUse"><stop stop-color="#68afe7"/><stop offset=".07" stop-color="#106ebe"/><stop offset=".16" stop-color="#0a3256"/><stop offset=".81" stop-color="#083459"/><stop offset=".91" stop-color="#1879ca"/><stop offset="1" stop-color="#67aee6"/></linearGradient><linearGradient id="SVGLy7Hw7Dp" x1="11.527" x2="11.527" y1="3.03" y2="21.03" gradientUnits="userSpaceOnUse"><stop stop-color="#06111d"/><stop offset="1" stop-color="#154983"/></linearGradient><linearGradient id="SVG1avqabXx" x1="3.125" x2="20.875" y1="4.667" y2="4.667" gradientUnits="userSpaceOnUse"><stop stop-color="#083a5e"/><stop offset=".09" stop-color="#699ac3"/><stop offset=".29" stop-color="#fffdff"/><stop offset=".85" stop-color="#fdfdfd"/><stop offset=".94" stop-color="#4197de"/><stop offset="1" stop-color="#114873"/></linearGradient><linearGradient id="SVGSl04BdHF" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#c7c4bd"/><stop offset="1" stop-color="#ada9aa"/></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. MgpIcon.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