Skip to main content
Iconoir is an open-source icon library providing over 1,600 icons, all designed on a consistent 24×24 grid for clarity and scalability. It supports direct usage in html via <i> tags or inline svg, styling via css (color, size, stroke), and interactive manipulation via js or framework wrappers. Iconoir icons are licensed under the MIT License, free for personal and commercial use.

Preview:

image.png Using Iconoir:

html

Include the Iconoir css library via jsdelivr:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css">
Use the icons in your html:
<i class="iconoir-hand-brake"></i>

css

Style icons using css properties:
.iconoir-hand-brake {
    width: 24px;
    height: 24px;
    color: #333;
    stroke-width: 2;
}