@hugeicons/core-free-icons

HugeIcons Core Free Icons Package - Beautiful and customizable icons for your applications

31c9262e-aeea-4403-9086-3c8b88885cab

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 for detailed information about pro icons, styles, and advanced usage.

a40aa766-1b04-4a2a-a2e6-0ec3c492b96a

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:

# 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:

// 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 - For React applications
@hugeicons/react-native - For React Native applications
@hugeicons/vue - For Vue applications
@hugeicons/angular - For Angular applications
@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.

Package detail