Circum Icons

screenshot of Circum Icons
react
svelte
vue

Circum is a open source icon library following Google Material Design principles. Every icon was made using a 24x24 grid.

Overview

Circum Icons is a library that adheres to Google material and IBM Carbon design principles. The main aim of the library is to maintain consistency across all the icons and ensure they have the same visual weight. Circum Icons are available for frameworks like React, Vue, and Svelte.

Features

  • Array Builder: Create arrays directly on the website, eliminating the need to copy each icon name repeatedly.
  • Create Properties: Save time by adding new properties to your array in object mode.
  • Icons: View the list of available icons on circumicons.com.

Summary

Circum Icons is a library that follows established design principles to ensure consistency and visual weight in its icons. With features like the Array Builder and Create Properties, users can efficiently work with the icons in React, Vue, and Svelte projects. The roadmap indicates future developments, including adding keywords for search, icon resizing, and premium access offerings.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.