@hugeicons/core-free-icons
Version:
> HugeIcons Core Free Icons Package - Beautiful and customizable icons for your applications
77 lines (53 loc) • 3.29 kB
Markdown
# @hugeicons/core-free-icons
> HugeIcons Core Free Icons Package - Beautiful and customizable icons for your applications
## What is HugeIcons?
HugeIcons is a comprehensive icon library designed for modern web and mobile applications. The free package includes 4,000+ carefully crafted icons in the Stroke Rounded style, while the pro version offers over 36,000 icons across 9 unique styles.
### Key Highlights
- **4,000+ Free Icons**: Extensive collection of Stroke Rounded icons covering essential UI elements, actions, and concepts
- **Pixel Perfect**: Every icon is crafted on a 24x24 pixel grid ensuring crisp, clear display at any size
- **Customizable**: Easily adjust colors, sizes, and styles to match your design needs
- **Regular Updates**: New icons added regularly to keep up with evolving design trends
> 📚 **Looking for Pro Icons?** Check out our comprehensive documentation at [docs.hugeicons.com](https://docs.hugeicons.com) for detailed information about pro icons, styles, and advanced usage.
## Installation
This is a core package that provides the raw icons. To use these icons in your project, you'll need to install both this package and the corresponding framework-specific package:
```bash
# First, install the core package
npm install @hugeicons/core-free-icons
# Then install the framework-specific package
npm install @hugeicons/react # for React
# or
npm install @hugeicons/react-native # for React Native
# or
npm install @hugeicons/vue # for Vue
# or
npm install @hugeicons/angular # for Angular
# or
npm install @hugeicons/svelte # for Svelte
```
## Usage
This package provides the core icons. Here's how to import from the core package:
```javascript
// Import directly from core package
import { HomeIcon } from '@hugeicons/core-free-icons';
```
For real-world applications, we recommend using our framework-specific packages that provide optimized components and additional features. Check out the Framework Support section below for more details.
## Features
- Modern, high-quality SVG icons
- Tree-shakeable - only import what you use
- TypeScript support
- ESM and CommonJS support
- Side-effect free
## Framework Support
HugeIcons provides dedicated packages for various frameworks:
- [@hugeicons/react](https://www.npmjs.com/package/@hugeicons/react) - For React applications
- [@hugeicons/react-native](https://www.npmjs.com/package/@hugeicons/react-native) - For React Native applications
- [@hugeicons/vue](https://www.npmjs.com/package/@hugeicons/vue) - For Vue applications
- [@hugeicons/angular](https://www.npmjs.com/package/@hugeicons/angular) - For Angular applications
- [@hugeicons/svelte](https://www.npmjs.com/package/@hugeicons/svelte) - For Svelte applications
Each framework package provides optimized components, additional features, and framework-specific documentation.
## Types
TypeScript types are included and will work out of the box.
## License
Created by Hugeicons. All rights reserved.