docs: add readme

README.md

@@ -1,10 +1,18 @@
-# monicon
+# Monicon: Universal Icon Library
 
-## Development
+Monicon is an easy-to-use icon library that makes adding icons to your projects simple. It works with popular frameworks like React, React Native, Next.js, Vue, Nuxt, Svelte and more. It's provides 200,000+ icons from popular sets like Material Design, Feather, and Font Awesome.
 
-Run the following command:
+**📕 [Documentation](https://monicon-docs.vercel.app)**
+**🔎 [Explore Icons](https://icones.js.org/)**
 
-```sh
-yarn
-turbo run dev --parallel
-```
+## Why Use Monicon?
+
+- **Huge Icon Library**: Get access to over 200,000 icons from famous sets like Material Design, Feather, and Font Awesome.
+- **Works with Modern Tools**: Monicon supports tools like Vite, Webpack, Rollup, and others, so it's ready for any project.
+- **Fast and Efficient**: Monicon loads icons quickly to keep your project running smoothly. No flickering or lagging.
+- **Easy to Use**: Works with React, Vue, Svelte, Next.js, and other popular frameworks, making icon integration simple. You can discover icons on the [Icones](https://icones.js.org/) website.
+- **Customizable**: You can easily change the size, color, and other features of the icons to fit your design.
+- **Collaboration**: Monicon helps you collaborate with designers to speed up the design process and get better results. [Iconify Figma Plugin](https://www.figma.com/community/plugin/735098390272716381/iconify) allows you to use icons directly in Figma.
+- **Free and Open Source**: Monicon is free to use and open source, so you can use it in any project without restrictions.
+
+No matter which framework you use, Monicon makes adding and managing icons easy. Check out the documentation to see how Monicon can help improve your next project with great-looking icons!