Iconoir Icons

Browse 1671 free Iconoir SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by Luca Burgio. Styles: Has Padding, Uses Stroke.

1,671 icons MIT UI 24px 24px grid by Luca Burgio
Search icons...

3D Editor

arc-3d

arc-3d-center-point

box-3d-center

box-3d-point

box-3d-three-points

bridge-3d

bridge-surface

constrained-surface

cube

cube-bandage

cube-cut-with-curve

cube-dots

cube-dots-solid

cube-hole

cube-replace-face

cube-scan

cube-scan-solid

curve-array

cylinder

ellipse-3d

ellipse-3d-three-points

extrude

face-3d-draft

fillet-3d

loft-3d

one-point-circle

orthogonal-view

perspective-view

pipe-3d

project-curve-3d

select-edge-3d

select-face-3d

select-point-3d

sigma-function

sphere

spiral

square-3d-corner-to-corner

square-3d-from-center

square-3d-three-points

sweep-3d

three-points-circle

two-points-circle

unjoin-3d

xray-view

Copy & download Iconoir icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install iconoir-react and use via @iconify/react, fully tree-shakeable, no icon font loading required.

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.

Created By

Luca Burgio Visit Website

License

Features & Tags

Has Padding Uses Stroke

How to use Iconoir icons

Icon Set Version

v7.12.1

Package

iconoir-react

License SPDX

MIT

Grid Size

24px

Sample Icons

chat-bubble-check, edit, activity

Install

bash
npm install iconoir-react

React

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

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

Via Iconify · HTML

html
<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>

Via Iconify · any framework

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

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

Package stats

Build-time npm metadata cached weekly • Last refresh Aug 13, 2026

iconoir-react

React library for Iconoir, the biggest open source icon library with tons of free icons.

v7.12.1
Score 62%
Popularity 26%
Quality 59%
Maintenance 100%

License

MIT

Weekly downloads

108.2K

Monthly downloads

441K

Total downloads

3.5M

Unpacked size

6.1 MB

Last published

Aug 12, 2026

Registry updated

Aug 12, 2026

Iconoir version history

Based on the last 10 releases, Iconoir typically ships a new version every ~2 months. The latest release, v7.12.1, landed on Aug 12, 2026.

Version Released
v7.12.1 Aug 12, 2026
v7.12.0 Aug 11, 2026
v7.11.1 Jun 18, 2026
v7.11.0 Apr 12, 2025
v7.10.1 Nov 28, 2024
v7.10.0 Nov 10, 2024
v7.9.0 Sep 7, 2024
v7.8.0 Jul 21, 2024
v7.7.0 Apr 25, 2024
v7.6.0 Apr 6, 2024
v7.5.0 Mar 2, 2024
v7.4.0 Feb 10, 2024
v7.3.0 Dec 30, 2023
v7.2.0 Dec 16, 2023
v7.1.0 Dec 2, 2023
v7.0.3 Nov 21, 2023
v7.0.2 Nov 11, 2023
v7.0.1 Nov 9, 2023
v7.0.0 Oct 29, 2023
v6.11.0 Aug 2, 2023

Source: npm registry data for iconoir-react, refreshed weekly.

Compare Iconoir with similar icon packs

Frequently Asked Questions

Is Iconoir free for commercial use?
Yes. Iconoir is MIT licensed: free for personal and commercial projects, no attribution required.
What makes Iconoir different from Lucide or Heroicons?
Iconoir is drawn with a consistent 1.5px stroke on a 24px grid but has a slightly more geometric, structured feel than Lucide's organic curves. It covers 1,400+ icons including some unique categories like programming languages and finance.
How do I use Iconoir in React?
Install npm install iconoir-react, then: import { Search } from "iconoir-react";. Icons accept className, width, height, and strokeWidth props.
How many icons are in Iconoir?
Iconoir contains 1,671 SVG icons in the UI 24px category, designed on a 24px grid.
How often is Iconoir updated?
Based on the last 10 releases, Iconoir typically ships a new version every ~2 months. The latest release, v7.12.1, landed on Aug 12, 2026. See the full version history below.