
Handcrafted 24px Icon Library
Free

Zwicon is a meticulously crafted icon library designed by the Zwoelf studio to address the specific needs of modern UX/UI designers and developers. Featuring 566 icons across 26 categories, the set is built on a strict 24px grid system, ensuring perfect alignment with 8pt design standards. Unlike generic icon packs, Zwicon maintains a consistent aesthetic through a 1px line weight, 2px corner radius, and rounded line caps. The library is optimized for technical implementation, offering clean SVG code, webfont support, and native integration for Figma, Sketch, and InVision Studio. It serves as a high-fidelity, scalable solution for designers seeking visual consistency and developers requiring lightweight, performant assets.
Every icon is designed on a 24px base grid, which is a multiple of the industry-standard 8pt grid system. This ensures that icons scale proportionally and align perfectly with UI components, reducing the need for manual padding adjustments. By maintaining a consistent 1px stroke and 2px corner radius, the set prevents visual artifacts and blurring that often occur when icons are improperly scaled or misaligned in complex interface layouts.
The SVG files are manually cleaned to remove redundant metadata, path groups, and unnecessary attributes that bloat file sizes. This optimization results in smaller DOM footprints when icons are embedded directly into web applications, leading to faster page load times and improved performance scores. By stripping non-essential code, the library ensures that developers can inline icons without impacting the overall bundle size or rendering performance of the application.
Zwicon provides native support for Sketch, InVision Studio, and Figma, including categorized naming conventions that facilitate easy component overrides. This cross-platform compatibility allows design teams to maintain a single source of truth for their icon assets, regardless of the software used. The structured naming ensures that designers can quickly swap icons within instances without breaking existing component configurations or losing style overrides during the design handoff process.
The library includes a ready-to-use webfont implementation, allowing developers to treat icons as text elements. This approach enables easy manipulation of icon color, size, and shadow using standard CSS properties like 'color', 'font-size', and 'text-shadow'. By leveraging a webfont, developers can significantly reduce the number of HTTP requests compared to loading individual SVG files, making it a highly efficient choice for large-scale web applications.
With 566 icons spanning 26 distinct categories, Zwicon provides a robust foundation for diverse project requirements, from e-commerce and dashboard interfaces to mobile applications. The breadth of the collection minimizes the need to mix and match icons from different sets, which often leads to visual inconsistency. The library is actively maintained, with the creators planning updates based on real-world usage and feedback, ensuring the set remains relevant for evolving design trends.
UI designers building complex admin panels use Zwicon to maintain visual hierarchy. By utilizing the 24px grid, they ensure that navigation sidebars and action buttons remain perfectly aligned, resulting in a clean, professional interface that is easy for end-users to navigate.
Product designers use the Figma and Sketch libraries to quickly drag and drop consistent icons into wireframes. This accelerates the design phase, allowing teams to focus on user flows and interaction logic rather than spending time creating or sourcing individual icons.
Front-end developers integrate the Zwicon webfont to keep their application's footprint minimal. By using the CSS-based icon system, they achieve high-performance rendering and easy styling, ensuring the site remains fast even on low-bandwidth mobile connections.
Designers need a reliable, consistent icon set that integrates seamlessly into their existing design systems. Zwicon solves the problem of visual fragmentation by providing a unified aesthetic and native support for major design tools.
Developers require high-performance, clean assets that are easy to implement. Zwicon provides optimized SVGs and a webfont implementation that reduces development time and ensures consistent rendering across different browsers and devices.
Teams building new products need a scalable icon library that can grow with their project. Zwicon's extensive 566-icon collection offers the variety needed to cover most product requirements without needing to outsource custom icon design.
Free to download. The icon set is provided at no cost, though the creators accept donations via PayPal to support ongoing maintenance.

Mobbin is a design inspiration tool that helps teams and enterprises discover real-world design patterns.

Notion is an all-in-one workspace that combines notes, docs, wikis, and more into a single collaborative platform.


Trello is a collaboration and project management tool that helps teams capture, organize, and tackle their to-dos from anywhere.
