Iconoir

About Iconoir

Iconoir is a free open-source SVG icon library of 1,400+ icons designed with a clean, geometric outline style on a 24px grid with a 1.5px stroke. Maintained by an active community and MIT licensed, Iconoir covers standard UI actions alongside less common categories like programming languages, accessibility, and 3D design. The library ships an official React package (iconoir-react), Vue, Svelte, and Flutter packages, plus a Figma plugin. Icons accept className, width, height, and strokeWidth props in React. Search all Iconoir SVG icons here, copy SVG code, export as JSX, or download as PNG. Iconoir has a slightly more geometric, structured character than Lucide's organic curves — particularly visible in corner handling and path construction. MIT licensed — no attribution required for personal or commercial use. Ideal for developer tools, documentation sites, product interfaces, and any project that wants a well-maintained outline icon set with broader category coverage than Heroicons provides.

How to use Iconoir icons

npm install iconoir-react

import { Search, HomeSimple, Settings } from 'iconoir-react';

export default function App() {
  return <Search width={24} height={24} strokeWidth={1.5} />;
}

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconoir:icon-name" width="24"></iconify-icon>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="iconoir:icon-name" width={24} />;
}

Compare Iconoir with similar icon packs