Basicons

Hand-crafted basic icons for product design and development - 600+ line and fill icons on a 24x24 grid.

Basicons is a curated collection of hand-drawn icons tailored for product design and development, created by Precious and Solomon. Every icon is designed on a 24x24 grid with strokes kept intact for high customization. Basicons 3.0 introduced both line and fill styles, with icons available in three sizes (16x16, 24x24, 32x32) and three stroke weights (1px, 1.5px, 2px). The collection features rounded linecaps for a friendly, approachable look that works well across web and mobile interfaces. Icons cover essential UI categories including navigation, actions, communication, media, files, and more. Available as SVG downloads and as a React component library via npm, Basicons is updated and refined weekly with new icons added regularly.