Home/Libraries/SVG Logos (Iconify)/mps-icon

SVG Logos (Iconify)

MpsIcon

License: CC0-1.0Commercial 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 256 256"><defs><linearGradient id="SVGIhZDlJ6y" x1="75.7%" x2="-19.467%" y1="132.917%" y2="11.033%"><stop offset="6%" stop-color="#087cfa"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGCNjPIeGm" x1="76.465%" x2="28.668%" y1="92.417%" y2="-29.467%"><stop offset="5%" stop-color="#087cfa"/><stop offset="18%" stop-color="#0a84f0"/><stop offset="39%" stop-color="#1099d6"/><stop offset="67%" stop-color="#19baad"/><stop offset="87%" stop-color="#21d789"/></linearGradient><linearGradient id="SVGZpAPVdcI" x1="33.801%" x2="64.854%" y1="103.028%" y2="-21.398%"><stop offset="12%" stop-color="#21d789"/><stop offset="36%" stop-color="#6ae274"/><stop offset="58%" stop-color="#a9eb62"/><stop offset="77%" stop-color="#d6f255"/><stop offset="92%" stop-color="#f2f64d"/><stop offset="100%" stop-color="#fcf84a"/></linearGradient></defs><path fill="url(#SVGIhZDlJ6y)" d="M0 256h256L127.403 127.659L0 0z"/><path fill="url(#SVGCNjPIeGm)" d="M256 256L127.403 127.659L256 0z"/><path fill="url(#SVGZpAPVdcI)" d="m191.573 191.616l-64.17-63.957L256 0z"/></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. MpsIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.