| .github | ||
| assets | ||
| bin | ||
| css | ||
| icons | ||
| packages | ||
| .eslintrc.cjs | ||
| .gitignore | ||
| .prettierrc.json | ||
| analysis_options.yaml | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| FUNDING.yml | ||
| LICENSE | ||
| meta-data.json | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| README.md | ||
Iconoir is an open-source library with 1000+ unique SVG icons, designed on a 24x24 pixels grid. No premium icons, no email sign-up, no newsletters.
Basic Usage
You can download any icon of the pack directly from https://iconoir.com or get them from this repository.
Additionally, the icons are available via the iconoir NPM package:
yarn add iconoir
# or
npm i iconoir
Example usage:
import Iconoir from 'iconoir/icons/iconoir.svg'
React
A React library is available to install under the name iconoir-react. For more details, see the package README.
React Native
A React Native library is available to install under the name iconoir-react-native. For more details, see the package README.
Flutter
A Flutter library is available to install under the name iconoir_flutter. For more details, see the package README.
Framer
Iconoir is happily part of Framer now. To start using the icons: On the top menu, Insert > Graphics > Iconoir.
You can switch between icons from the right sidebar in the editor.
CSS
Import the CSS File:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/lucaburgio/iconoir@master/css/iconoir.css">
Here is an example in HTML:
<i class="iconoir-hand-brake"></i>
The class must always be "iconoir-" and then the name of the icon. You can find the names of the icons here.
Figma
The library is available in the Figma community here.
License
MIT License