https://github.com/Richard9394/MingCute
Carefully Designed Icon Library. MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.
https://github.com/Richard9394/MingCute
icon icon-font icon-pack icons svg
Last synced: 7 months ago
JSON representation
Carefully Designed Icon Library. MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.
- Host: GitHub
- URL: https://github.com/Richard9394/MingCute
- Owner: Richard9394
- License: apache-2.0
- Created: 2021-07-06T03:14:27.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-12-25T00:58:22.000Z (10 months ago)
- Last Synced: 2025-02-27T05:17:04.238Z (8 months ago)
- Topics: icon, icon-font, icon-pack, icons, svg
- Language: CSS
- Homepage: https://www.mingcute.com
- Size: 11.5 MB
- Stars: 985
- Watchers: 7
- Forks: 34
- Open Issues: 42
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.mingcute.com/)
[](https://www.npmjs.com/package/mingcute_icon)
[](https://github.com/Richard9394/MingCute/stargazers)
[](https://www.npmjs.com/package/mingcute_icon)
[](https://twitter.com/MingCute_icon)
# MingCute Icon
MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.Every icon is designed within a 24 x 24 grid, giving outline and filled styles, 2px stroke. Support for SVG,PNG and webfont.
## Usage
### Website
Head on to the website of [MingCute](https://www.mingcute.com/). Click the icons, you can adjust the color size, and then download the icons in SVG or PNG format.
### Installation
Install npm package:
```shell
npm install mingcute_icon --save
```
Import CSS styles into the project entry file:
```js
// main.js
import 'mingcute_icon/font/Mingcute.css'
```
Overwrite the initial color of the icon in the global style file:
```css
// index.css
[class^='mgc_']::before,
[class*=' mgc_']::before {
color: inherit !important;
}
```
## Webfont
Copy the font files from `/fonts` and import the `mingcute.css` file. Add icon with class name, class name rule: mgc_{name}_{style}
```html
```
## Figma Plug
[](https://www.figma.com/community/plugin/1306884809438005528/mingcute-icon)
[MingCute Icons Figma plugin](https://www.figma.com/community/plugin/1306884809438005528/mingcute-icon)
## MGC Icon System
[](https://mgc.mingcute.com)
[MGC Icon System](https://mgc.mingcute.com) is a comprehensive collection of over 13,600 high-quality vector icons across nine styles: cute light, cute regular, cute filled, sharp, light, regular, filled, duotone, and two-tone.It is an upgraded version of MingCute.
## Animation
[](https://www.mingcute.com/animation)
We have launched the [MingCute animation icons pack](https://www.mingcute.com/animation), which is a meticulously designed library of animated icons featuring lifelike lottie animations.
## Preview
## License
MingCute icon is available under [Apache-2.0 License](https://github.com/Richard9394/MingCute/blob/main/LICENSE). Feel free to use the set in both personal and commercial projects. Attribution is much appreciated but not required. The only thing we ask is that these icons are not for sale.