Skip to content
View hugeicons's full-sized avatar

Highlights

  • Pro

Block or report hugeicons

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
hugeicons/README.md
Hugeicons

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.


Website Docs npm License

Browse icons → · Documentation → · Figma →


A preview of Hugeicons

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 Latest Install
React @hugeicons/react npm npm i @hugeicons/react @hugeicons/core-free-icons
Vue @hugeicons/vue npm npm i @hugeicons/vue @hugeicons/core-free-icons
Svelte @hugeicons/svelte npm npm i @hugeicons/svelte @hugeicons/core-free-icons
Angular @hugeicons/angular npm npm i @hugeicons/angular @hugeicons/core-free-icons
React Native @hugeicons/react-native npm npm i @hugeicons/react-native @hugeicons/core-free-icons react-native-svg
Flutter hugeicons pub 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 & 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


License

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


Made with care by Hugeicons

Pinned Loading

  1. hugeicons hugeicons Public

    Beautiful, consistent, pixel-perfect icons for every framework. 54,000+ icons (5,400+ free) for React, Vue, Svelte, Angular, React Native, Flutter and more.

    Dart 1.1k 34