![image](https://github.com/Richard9394/MingCute/raw/main/MingCute_cover.png "MingCute Icon")

[![npm](https://img.shields.io/npm/v/mingcute_icon.svg?labelColor=4A4A4A&color=006AFF&style=flat-square)](https://www.npmjs.com/package/mingcute_icon)
[![downloads](https://img.shields.io/npm/dt/mingcute_icon.svg?labelColor=4A4A4A&color=23AF5F&style=flat-square)](https://www.npmjs.com/package/mingcute_icon)
[![twitter](https://img.shields.io/twitter/follow/MingCute_icon.svg?label=MingCute_icon&style=social)](https://twitter.com/MingCute_icon)



# [MingCute Icon](https://www.mingcute.com/?npm=0805)
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/?npm=0805). Click the icons, you can adjust the color size, and then download the icons in SVG or PNG format. 
### Installation
```shell
npm install mingcute_icon --save
```
## 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
<span class="mgc_search_line"></span>
<span class="mgc_search_fill"></span>
```
## Preview
![image](https://github.com/Richard9394/MingCute/raw/main/MingCute_icon.png "MingCute Icon")
## 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.

