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.
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
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.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
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
License
Features & Tags
Pack Details
Version
7.12.1
Color Support
Monochrome
Category
UI 24px
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
npm install iconoir-react React
import { Search, HomeSimple, Settings } from 'iconoir-react';
export default function App() {
return <Search width={24} height={24} strokeWidth={1.5} />;
} Via Iconify · 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
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.
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?
What makes Iconoir different from Lucide or Heroicons?
How do I use Iconoir in React?
npm install iconoir-react, then: import { Search } from "iconoir-react";. Icons accept className, width, height, and strokeWidth props.