Iconoir

screenshot of Iconoir
figma
framer
react
react-native
vite

An open source icons library with 1600+ icons, supporting React, React Native, Flutter, Vue, Figma, and Framer.

Overview

Iconoir is an impressive open-source library that offers over 1600 unique SVG icons, all meticulously designed on a 24x24 pixels grid. This collection is perfect for developers and designers looking to enhance their projects with high-quality icons. The library provides an easy way to integrate these icons into various frameworks and applications, making it a versatile resource for any visual design.

The accessibility of Iconoir through multiple package managers and framework-specific libraries opens the door for seamless implementation, whether you are building web applications using React or designing mobile apps with Flutter. With a wide range of styles and functionalities, Iconoir is a beneficial addition to any toolkit.

Features

  • Extensive Collection: Over 1600 unique SVG icons, catering to a variety of use cases.
  • Multi-Framework Support: Available as libraries for React, React Native, Vue, Flutter, and more, ensuring compatibility with different projects.
  • Simple Installation: Easily installable via NPM, Yarn, pnpm, or Bun, making it convenient to integrate.
  • Flexible CSS Integration: Icons can be imported and styled with CSS, offering customization options to fit your design needs.
  • Figma Accessibility: Available in the Figma community for designers to utilize within their design workflows.
  • Swift Package Integration: Easily add Iconoir to your Xcode project for iOS development with simple setup steps.
  • User-Friendly Documentation: Comprehensive guides and examples available for quick reference and ease of use.
  • MIT License: Freely available for both personal and commercial projects under a permissive license.
figma
Figma

Figma is a cloud-based design tool for creating user interfaces, prototypes, and collaboration in real time.

framer
Framer

With Framer, you get a complete set of tools to design, ship, host, and maintain stunning websites for your clients. Take on any project confidently, knowing you can deliver high-quality work quickly.

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

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

Flutter

Flutter is an open-source UI framework developed by Google that allows developers to create high-performance, cross-platform mobile applications with a single codebase.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.