v0.3.1 · MIT · open source
Every icon you need, drawn to belong together.
20,052 free, open-source stroke icons for React and plain SVG. Tree-shakeable, fully typed, and ready to copy or install.
- icons
- 20,052
- categories
- 44
- duotone icons
- 5,255
- runtime dependencies
- 0
Why krz-icons
Built to drop into any interface
One grid, one stroke
Every icon is drawn on a 24×24 grid with a round 1px stroke, so any two of them look right side by side.
Tree-shakeable
ESM and CommonJS builds with no side effects. Only the icons you import end up in your bundle.
Fully typed
Each icon is a typed React component that forwards its ref and accepts every SVG prop.
React or plain SVG
Import components, or use the raw SVG files that ship in the same package. React is optional.
Accessible by default
Icons are hidden from screen readers as decoration. Pass a title and they become labelled images.
MIT licensed
Free for personal and commercial projects. No attribution required.
Customize
Size, stroke and color are just props
Icons inherit the text color by default and scale cleanly at any size. Drag the sliders to see it.
<Home size={32} />Variants
The same icon, the way you need it
Icons come with duotone, off and framed versions, and common ones have several alternate designs to choose from.
- Regular
- Duotone
- Off
- Circle
- Square
- Hexagon
- Octagon
- wallet
- wallet-2
- wallet-3
- wallet-4
Get started
Install it and import what you need
One package, no configuration. Every icon is a named export, so your editor autocompletes them and your bundler drops the rest.
$ npm install krz-iconsimport { Home, Search, Wallet } from "krz-icons";
export function Toolbar() {
return (
<>
<Home />
<Search size={20} color="#06D6A0" />
<Wallet strokeWidth={1.5} title="Wallet" />
</>
);
}Categories
Something for every screen
Find the icon you need
Search all 20,052 icons, then copy the SVG or JSX, or download the file.