Boxicons

What Is Boxicons?

Boxicons is a free icon library in the Design category that provides high-quality web icons for UI and product design. It offers access to thousands of icons across multiple packs, including Basic, Filled, Duotone, Duotone Solid, and Duotone Mix, with variations in styles like Regular, Rounded, and Sharp, as well as weights such as Normal, Thin, and Bold. The free version includes core icons suitable for personal and commercial projects, making Boxicons a resource for developers and designers seeking consistent, optimized SVG icons designed on a 24px grid.

What Boxicons Does

• Provides over 3,000 free regular icons with filled variations, expandable to 50,000+ variations in Pro including duotone packs.
• Supports three styles (Regular, Rounded, Sharp) and three weights (Normal, Thin, Bold) for customizable icon appearances.
• Offers SVG icons optimized for web performance, with 0% size increase compared to standard formats.
• Includes a custom web component (<box-icon>) for easy integration with attributes like type, color, size, rotate, flip, border, and animation.
• Enables icon customization for color, size, rotation, flipping, borders (square or circle), and animations like spin or tada.
• Features an Icon Explorer for browsing, previewing, and exporting icons in common formats.

How Boxicons Can Be Used

• In web development, developers embed Boxicons using CSS classes (e.g., bx bxs-heart) or the web component for navigation menus, buttons, and lists with custom bullets via bx-ul.
• UI designers access icons through the Figma plugin to insert over 1,200 icons directly into prototypes and design files.
• Projects incorporate icons for categories like shapes, communications, e-commerce, weather, and 40+ others to maintain visual consistency across websites, apps, and dashboards.
• Teams apply Pro features like year-long updates and NPM packages for React integration in production apps and design systems.
• Animations and transformations enhance interactive elements, such as rotating arrows or spinning loaders in user interfaces.

Who Is Boxicons For?

Boxicons serves UI/UX designers prototyping interfaces, web developers building responsive sites and apps, and teams maintaining design systems with consistent icons. It fits projects requiring scalable, pixel-perfect icons for personal or commercial use, from freelancers to enterprise teams managing up to 40 users in Pro plans. Experience levels range from beginners using free basics to advanced users leveraging customizations and plugins.

Visit Boxicons