Home/Libraries/Material Icon Theme (Iconify)/mrpack

Material Icon Theme (Iconify)

Mrpack

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 514 514"><path fill="#818cf8" fill-rule="evenodd" d="M472.4 315.6c10-36.7 10.6-76.5 0-115.9c-31.9-119.2-154.7-190-274.1-158C106.2 66.3 42.9 144.9 33.6 234.3h37.8c9-72.5 60.9-135.9 136-156c92.9-24.9 188.1 25.3 221.4 113.2l-36.8 9.8c-17-40.9-51.1-70.9-91.5-83.6l-6.8 38.2c31.9 11.8 57.8 38.3 67.3 73.6c13.8 51.4-11.9 104.1-58.5 125.9l10 37.6c61.3-25.3 98.1-89 89.4-154.6l36.7-9.8q1.4 9.2 1.9 18.4q.5 9.3.1 18.5q-.4 9.3-1.8 18.4q-1.3 9.2-3.6 18.2zm-13.2 36.1L422 338.1c-22.8 46.5-64.7 83.2-118.6 97.6c-74.9 20.1-151.4-8.7-195.6-66.8l33.5-20.1c31.5 39.5 82.2 60.9 134.1 54.1l-10.1-37.5c-34.8 2.9-68.3-11.2-90.6-36.6l43.5-26.1l25 27.8l55.6-17.6l33.2-40.7l-9.6-21.6l-32.2 10.2l-14.7 16.2l-20.7 5.5l-14.7-15.6l-7.2-20.1l14.7-15.2l20.7-6.5l23.7-24l-14.9-18.4l-51.4 11.1l-40.7 41.8l13 34.4l-43.1 25.9q-1.9-5.1-3.4-10.4c-15.5-57.7 18.9-117.1 76.7-132.6c9.2-2.4 18.5-3.6 27.6-3.7l6.8-38.3c-14.6-.6-29.5 1-44.4 4.9c-78.3 21-124.8 101.4-103.8 179.6q.7 2.7 1.5 5.2q.8 2.6 1.7 5.2t1.9 5.1q.9 2.5 2 5l-33.7 20.2c-4.6-9.9-8.5-20.3-11.4-31.2c-2.8-10.4-4.7-20.9-5.6-31.3H33q.4 5.3 1 10.5q.7 5.3 1.5 10.5q.9 5.2 2.1 10.4q1.1 5.2 2.5 10.3c32 119.2 154.7 189.9 274.1 158c66.6-17.8 118-63.8 145-121.6"/></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. MrpackIcon.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.