Circum Icons
Circum Icons is a beautifully refined, modern open-source line icon set built for high-end minimalist interfaces. Featuring rounded vertices, balanced empty space, and thin visual styling, these icons offer a highly consistent visual framework across 288 everyday UI concepts. Unlike dense sets that contain variations for multiple visual weights, Circum Icons dedicates itself exclusively to a singular, thin line aesthetic. The design focuses heavily on uniform rounded corners and simple geometry, preventing icons from cluttering text or pulling too much focus from adjacent interface components. The collection is licensed under MPL-2.0; review the icon license guide for commercial-use details.
Circum Icons Specifications & Framework Compatibility
| Property | Specification Details |
|---|---|
| Total Icons | 576 vector SVG icons |
| License | MPL-2.0 (Commercial & Personal Use) |
| TypeScript Support | Native .d.ts definitions included |
| Framework Support | React, Next.js, Vue, Svelte, Tailwind CSS |
| Primary NPM Package | circum-icons |
| Source Repository | Official GitHub Repository → |
How many icons does Circum Icons have?
Circum Icons currently includes 576 vector icons indexed in the IconSearch catalog. Every icon is available in clean SVG format with customizable stroke widths, colors, and direct multi-framework code exports for modern web applications.
Is Circum Icons free for commercial use?
Yes, Circum Icons is distributed under the MPL-2.0 license. This permissive open-source license allows unrestricted commercial and personal usage in proprietary software, SaaS platforms, client websites, and digital products without licensing fees.
How do you install and use Circum Icons in React, Next.js, and Vue?
Install the package using npm install circum-icons, then import icons directly into your JSX, TSX, or Vue components. Alternatively, copy raw customized SVG markup directly from IconSearch with zero client-side JavaScript overhead.
// Install package
npm install circum-icons
// React & Next.js App Router usage
import { AirportSign1 } from 'circum-icons'
export default function Header() {
return <AirportSign1 className="w-5 h-5 text-indigo-500" />
}Circum Icons FAQ & Technical Guide
What license does Circum Icons use?
Circum Icons is licensed under the Mozilla Public License 2.0 (MPL-2.0), which allows commercial usage, modification, and distribution.
Are the icons stroke or path based?
They are path-based outline icons. You can scale their size, and change their color via the color property or Tailwind text classes.
Can I use Circum Icons in Figma?
Yes. Circum Icons is available as a Figma community file or directly searchable via the Icon Search plugin.