Circum

What Is Circum?

Circum is a free, open-source icon library designed for designers and developers working with modern web frameworks. Built by Klarr Agency following Google Material Design and IBM Carbon design principles, Circum provides a collection of simple, consistent icons created on a 24x24 grid with an emphasis on clarity and readability. The library is available as packages for React, Vue, and Svelte, making it easy to integrate into development workflows.

What Circum Does

• Provides over 1,600 open-source icons organized across 18 categories for quick discovery
• Offers multiple icon styles, including outline and solid variations, with additional styles in development
• Enables drag-and-drop icon integration through plugins for Figma and Penpot design platforms
• Features an Array Builder tool that allows users to create and customize icon arrays directly on the website without manual copying
• Supports AI icon generation capabilities to create custom icons in multiple styles
• Includes PNG to SVG conversion functionality through an intuitive interface

How Circum Can Be Used

Circum serves both design and development phases of projects. Designers can browse and integrate icons into Figma or Penpot projects using built-in plugins, while developers can import icons as reusable components into React, Vue, or Svelte applications. The icon library's Array Builder streamlines workflows by allowing teams to organize and export multiple icons at once rather than selecting them individually. The tool also supports customization of icon properties, making it useful for building navigation systems, dashboards, and interface designs that require visual consistency across components.

Who Is Circum For?

Circum is well-suited for designers and developers building interfaces with modern JavaScript frameworks or design tools. It works particularly well for teams prioritizing design consistency and those seeking an alternative to multiple icon libraries. The open-source model and free pricing make it accessible to freelancers, agencies, and startups. Its framework-specific packages also appeal to frontend developers working with React, Vue, or Svelte who need straightforward component integration. Visit Circum