hugeicons - Overview

Beautiful, consistent, pixel-perfect icons for every framework you build with.

54,000+ icons · 10 styles · 5,400+ free · crafted on a 24×24 grid and trusted by 500,000+ developers.

Browse icons → · Documentation → · Figma →

Why Hugeicons

Every icon is hand-crafted for consistency, clarity, and balance, so your interface looks sharp at any size, in any style. One design language, available natively wherever you work.

10 styles: Stroke, Solid, Bulk, Duotone and Twotone across rounded, sharp, and standard families
Pixel-perfect: built on a 24×24 grid for crisp rendering at any scale
Tree-shakeable: ship only the icons you use
Native everywhere: first-class libraries for React, Vue, Svelte, Angular, React Native and Flutter
5,400+ free icons: for unlimited personal and commercial use
Always growing: new icons added regularly

Packages

Pick your framework and install:

Framework	Package	Install
React	`@hugeicons/react`	`npm i @hugeicons/react @hugeicons/core-free-icons`
Vue	`@hugeicons/vue`	`npm i @hugeicons/vue @hugeicons/core-free-icons`
Svelte	`@hugeicons/svelte`	`npm i @hugeicons/svelte @hugeicons/core-free-icons`
Angular	`@hugeicons/angular`	`npm i @hugeicons/angular @hugeicons/core-free-icons`
React Native	`@hugeicons/react-native`	`npm i @hugeicons/react-native @hugeicons/core-free-icons react-native-svg`
Flutter	`hugeicons`	`flutter pub add hugeicons`

Plugins

Use Hugeicons across your favorite tools and platforms:

Plugin	Get it
Figma	Figma Community
Framer	Framer Marketplace
Webflow	Webflow Apps
WordPress	WordPress.org
Elementor	`plugins/elementor`

Tools

Tool	Get it
MCP Server	`@hugeicons/mcp-server` · source

Quick start

Here's React. Every other framework follows the same shape (see each package's README for details):

import { HugeiconsIcon } from '@hugeicons/react';
import { SearchIcon } from '@hugeicons/core-free-icons';

function App() {
  return (
    <HugeiconsIcon
      icon={SearchIcon}
      size={24}
      color="currentColor"
      strokeWidth={1.5}
    />
  );
}

The framework libraries are renderers. The icons themselves come from:

Free: @hugeicons/core-free-icons (5,400+ icons)
Pro: @hugeicons-pro/core-* (54,000+ icons across 10 styles)

Free & Pro

	Free	Pro
Icons	5,400+	54,000+
Styles	Stroke Rounded	10 styles (Stroke, Solid, Bulk, Duotone, Twotone × variants)
Use	Personal & commercial	Personal & commercial
License	MIT	Pro License

Upgrade any time. Explore Pro.

Community & contributing

Browse and search every icon at hugeicons.com/icons
Read the full docs at hugeicons.com/docs
Found a bug or have a request? Open an issue
Questions and ideas are always welcome

License

The free icons and all source code here are released under the MIT License. Pro icon packs require a valid Hugeicons Pro license.