Box Icons

Description

High-quality web-friendly icon library, providing common UI element icons. Completely free to use, with paid expansion sets.

Visit Site

What is Box Icons

Boxicons is a modern icon library that impresses me! 30K+ high-quality icons providing 3 weights, 3 corner styles, and fill types, each icon carefully crafted on a 24×24px grid. The latest v3 is really great - 3K+ free icons are enough for most projects. The website's UI experience is particularly smooth - search, collect, edit, copy, or download can all be completed in seconds. With 150,000+ weekly NPM downloads and 4.9-star Gumroad rating, it shows its popularity.

How to use Box Icons

Free Version Usage

Visit free icons page to browse 3K+ free icons
Use search function to quickly find needed icons
Click icons to view details and different styles
Select desired format (SVG, PNG, HTML, JSX, TSX) and copy or download

Pro Version Advanced Features

Choose suitable subscription plan ($29-$149/year)
Get access to complete 30K+ icon library
Use advanced editing features and favorites management
Enjoy priority customer support and custom icon services

Development Integration

Install via NPM: npm install boxicons, then reference directly in projects. Upcoming React and Vue packages will provide component support.

Box Icons Key Features

30K+ High-Quality Icon Library

3 weights (Thin/Regular/Bold), 3 corner styles (Sharp/Regular/Rounded) and fill types, all icons meticulously crafted on a 24×24px grid

3K+ Free Icons

Free version provides 3000+ curated icons supporting commercial use, covering 40+ categories from sports & games to e-commerce design

Smooth Online Editor

Search, collect, edit, copy or download icons in seconds with real-time preview and multi-format export support

Multi-Framework Support

Provides SVG, PNG, HTML, JSX, TSX formats with NPM package getting 150K+ weekly downloads, React and Vue packages coming soon

Upcoming Advanced Features

Duotone dual-color icons, Figma plugin, animation effects, SVG animations and Tailwind CSS animations are on the roadmap

Enterprise-Level Service

Complete solutions from personal free version to enterprise ($149/year) including 24/7 support and custom icon requests

Box Icons Use Cases

Modern Web Application Design

Provides consistent visual language for web interfaces with responsive design and multiple style switching support

Mobile App Development

Lightweight SVG icons suit mobile performance requirements, multiple weights adapt to different screen densities

Enterprise Design Systems

Unified icon standards help large teams maintain design consistency with brand customization support

Rapid Prototyping

Rich free icon library and convenient download methods make product prototyping more efficient

E-commerce and Marketing Projects

Professional icon collection covering shopping, payment, logistics and complete e-commerce workflows

Box Icons Pros & Cons

Pros

Massive 30K+ icon library with broad coverage

3 weights and corner styles provide high customization

Free version already includes 3K+ high-quality icons

Smooth online editor experience with simple operations

Multiple format support for easy development integration

High NPM package activity with strong community recognition

Upcoming features are very forward-thinking

Cons

Pro version pricing is relatively high

Some advanced features still in development

Free version only has 10% of the complete library

Relatively fewer icons for some emerging tech fields

Box Icons FAQ

Q1: What are the limitations of the free version?

Free version provides 3K+ icons supporting commercial use, but cannot access the complete 30K+ icon library, advanced editing features, and priority support.

Q2: How to integrate Boxicons into projects?

You can directly download SVG/PNG files or reference via NPM package installation. Upcoming React and Vue packages will provide more convenient component-based integration.

Q3: What's the copyright and commercial use policy for icons?

Both free and paid icons support personal and commercial project use. Specific license terms can be found in official documentation.

Q4: When will Duotone icons be released?

According to the roadmap, Duotone icons are planned to roll out starting June 2025, with the first batch including Duotone versions of 900 icons.

Q5: What's the difference between Team and Enterprise versions?

Team version supports 8 user seats ($79/year), Enterprise supports 30 user seats ($149/year), both include 24/7 support and custom icon request services.

More about Icons

Simple Icons

Collected thousands of SVG icons for brands and popular services, with linear + flat icon styles and black and white colors, completely free to use.

Ionicons

Ionic Framework's open-source icon set, suitable for web, iOS, Android, and desktop applications, completely free to use.

Iconic

Iconic is developed and designed by two designers: James McDonald and Orman Clark. They regularly update icons with a consistent style (24x24 bounding box, 1.5px stroke, SVG format) and offer free and paid downloads.