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

60,000+ icons · 10 styles · 6,000+ free · crafted on a 24×24 grid and trusted by 700,000+ developers.

Browse icons → · Documentation → · Figma →

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, SolidJS, Angular, React Native and Flutter
• 6,000+ free icons: for unlimited personal and commercial use
• Always growing: new icons added regularly

Pick your framework and install:

Framework	Package	Latest	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
SolidJS	@hugeicons/solid-js		npm i @hugeicons/solid-js @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

Use Hugeicons across your favorite tools and platforms:

skills/hugeicons is an agent skill that gives coding agents like Claude Code, Codex, and other AI coding agents accurate, first-party guidance on using Hugeicons — so they stop guessing icon names and props from stale training data.

One skill covers every framework. The agent detects which one a project uses and applies the right component, props, and icon catalog:

• Detect → install → render → props for React, Vue, Svelte, SolidJS, Angular, React Native, and Flutter
• The complete icon catalog — references/icon-list.md for the shared JS exports and references/icon-list-flutter.md for Flutter constants — so names are copied, never invented
• Free vs Pro guidance, plus minimal-code conventions (only pass props that override a default)

Install it with the skills CLI from your project root — your agent picks it up on the next session:

npx skills add hugeicons/hugeicons

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 (6,000+ icons)
• Pro: @hugeicons-pro/core-* (60,000+ icons across 10 styles)

Upgrade any time. Explore Pro.

• 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

The free icons (@hugeicons/core-free-icons) and all source code in this repository are released under the MIT License. Use, modify and redistribute them in personal and commercial projects.

Pro icon packs (@hugeicons-pro/*) are a separate product and require a valid Hugeicons Pro license. Pro icons may be used in unlimited end products but may not be redistributed in downloadable templates, kits or open-source code.