MingCute Icons

Q: How do I use MingCute icons in React?

Install the package with npm install @mingcute/icon-react, then import icons as components. Every MingCute page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

What MingCute is

MingCute is a modern icon set of 3,352 icons from the team behind the MingCute design resources. Every icon ships in both line and filled variants, drawn on a 24×24 grid with rounded terminals and a slightly softened geometry that reads as contemporary rather than austere.

The set is particularly strong on everyday product concepts — settings, social, media, and commerce — and the line and fill pairs are drawn to align precisely, so switching between them for active states never shifts the icon's optical position.

IconStash indexes the complete MingCute Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.

React

npm install @mingcute/icon-react

The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any MingCute icon on IconStash and the Code tab shows that icon's exact import statement and JSX.

Plain SVG and other frameworks

You do not have to install anything. Every MingCute page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.

IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.

Good fit

Consumer apps, mobile interfaces, and products that want a friendly, rounded icon language without the strict geometry of Material or Carbon.

Consider alternatives

For more variant styles per icon, Solar and Huge Icons offer six. For a more neutral, system-level look, Remix Icon is the closer match.

Licensing

Apache 2.0, including an express patent grant. Commercial use is permitted without attribution.

Library	Icons	Style	License
MingCute Icons	3,352	Line & fill	Apache 2.0
Remix Icon	3,244	Line & fill	Apache 2.0
Solar Icons	7,410	Six styles	CC BY 4.0
Huge Icons	5,115	Six styles	MIT
Iconoir	2,020	Outline	MIT

Navigation & Maps

Text Direction Right Fill Text Direction Right Line Fan Direction Down Fill Fan Direction Down Line Fan Direction Front Fill Fan Direction Front Line Fan Direction Up Fill Fan Direction Up Line

Communication & Messaging

Cellphone Line Cellphone Vibration Fill Cellphone Vibration Line

Interface & controls

Abs Fill Fan 2 Line Quote Left Fill Abs Line Quote Left Line Ad Circle Fill Text Fill Quote Right Fill

More icons

Quote Right Line Celsius Fill Layout Bottom Line Ad Circle Off Fill Textbox Ai Fill Fan Direction Front Line Rabbit Fill

Media icons Communication icons Commerce icons Navigation icons Files icons Editing icons Devices icons Development icons Security icons Health icons Weather icons Transport icons Social icons Time icons Data icons Interface icons

What is MingCute Icons?

MingCute is a modern icon set of 3,352 icons from the team behind the MingCute design resources. Every icon ships in both line and filled variants, drawn on a 24×24 grid with rounded terminals and a slightly softened geometry that reads as contemporary rather than austere.

Is MingCute Icons free for commercial use?

Yes. MingCute Icons is released under Apache 2.0, which permits commercial use, modification, and distribution and includes an express patent grant from the licensor. Attribution is not required for ordinary use, but you should not use the icons in a way that implies the licensor endorses your product.

How do I use MingCute icons in React?

Install the package with npm install @mingcute/icon-react, then import icons as components. Every MingCute page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.

Can I download MingCute icons as PNG?

Yes. Open any MingCute icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.

Does MingCute include filled versions of every icon?

The large majority of the set ships in both line and filled form, though coverage is not absolutely complete across all 3,352 icons. The two variants are drawn to the same optical bounds, so toggling between them for hover or active state will not shift your layout.

How does MingCute compare to Remix Icon?

Both ship line and fill variants on a 24×24 grid. MingCute uses rounded terminals and a softer, slightly more playful geometry; Remix uses a lighter 1.5px stroke and a more neutral, technical construction. MingCute suits consumer products, Remix suits tools and dashboards.

Remix Icon Solar Icons Huge Icons Iconoir Fluent UI Icons Material Symbols Material Symbols Light Material Design Icons