# Iconoir

> Iconoir is a free, open source (MIT) SVG icon library with 1671 icons (1383 unique icons, many with a solid variant), designed on a 24x24 grid with a 1.5px stroke. Free for personal and commercial use, no attribution required, no premium tier and no sign-up. Available as plain SVG, CSS, React, React Native, Vue, Solid, Flutter, Figma and Framer.

Current version: 7.12.1. Browse and search all icons at https://iconoir.com.

## Using Iconoir

- Icon names are kebab-case (`arrow-right`). Solid variants append `-solid` (`arrow-right-solid`).
- Components (React, React Native, Vue, Solid, Flutter) use the PascalCase name: `arrow-right` → `ArrowRight`, `arrow-right-solid` → `ArrowRightSolid`.
- CSS classes are `iconoir-` + the icon name: `<i class="iconoir-arrow-right"></i>`.
- Before using an icon name, check that it exists in [icons.json](https://iconoir.com/icons.json).

| Platform | Install | Usage |
| --- | --- | --- |
| React | `npm i iconoir-react` | `import { ArrowRight } from 'iconoir-react'` |
| React Native | `npm i iconoir-react-native` | `import { ArrowRight } from 'iconoir-react-native'` |
| Vue | `npm i @iconoir/vue` | `import { ArrowRight } from '@iconoir/vue'` |
| Solid | `npm i iconoir-solid-js` | `import { ArrowRight } from 'iconoir-solid-js'` |
| Flutter | `flutter pub add iconoir_flutter` | `const ArrowRight()` from `package:iconoir_flutter/iconoir_flutter.dart` |
| CSS | `<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css">` | `<i class="iconoir-arrow-right"></i>` |
| SVG (npm) | `npm i iconoir` | `import arrowRight from 'iconoir/icons/arrow-right.svg'` |
| SVG (CDN) | none | `https://cdn.jsdelivr.net/npm/iconoir@7.12.1/icons/regular/arrow-right.svg` |

Components accept standard SVG props (`color`, `width`, `height`, `strokeWidth`); defaults are `currentColor`, `1.5em` and a 1.5 stroke. `IconoirProvider` sets defaults for every icon inside it.

## Machine-readable data

- [icons.json](https://iconoir.com/icons.json): every icon with its category, tags, component name and SVG URL
- [llms-full.txt](https://iconoir.com/llms-full.txt): all of the documentation below plus the full icon index, in one file

## Docs

- [Introduction](https://iconoir.com/docs/introduction)
- [How to contribute](https://iconoir.com/docs/contributing)
- [Naming Convention](https://iconoir.com/docs/naming-convention)
- [React](https://iconoir.com/docs/packages/iconoir-react)
- [React Native](https://iconoir.com/docs/packages/iconoir-react-native)
- [Vue](https://iconoir.com/docs/packages/iconoir-vue)
- [Flutter](https://iconoir.com/docs/packages/iconoir-flutter)
- [Framer](https://iconoir.com/docs/packages/framer)
- [CSS](https://iconoir.com/docs/packages/css)
- [Changelog](https://iconoir.com/docs/changelog)

## Project

- [GitHub repository](https://github.com/iconoir-icons/iconoir)
- [License (MIT)](https://github.com/iconoir-icons/iconoir/blob/main/LICENSE)
- [Figma community file](https://www.figma.com/community/file/983248991460488027/Iconoir-Pack)
- [Support Iconoir on Open Collective](https://opencollective.com/iconoir)