@lineicons/free-icons

A comprehensive collection of 26,000+ free SVG icons for React applications. High-quality, customizable icons with multiple styles and full TypeScript support.

✨ Features

• 🚀 26,000+ Icons - Massive collection covering all categories
• 🎨 Multiple Styles - Bulk, Solid, Duotone, Outlined, Stroke variants
• ⚡ Tree Shaking - Import only the icons you need
• 🎯 TypeScript Support - Full type definitions included
• 📦 Zero Dependencies - Lightweight with no external dependencies
• 🎭 Consistent API - Unified interface across all icon styles

📦 Installation

npm install @lineiconshq/free-icons

🚀 Quick Start

Basic Usage

import { HomeBulk, SearchOutlined, UserDuotone } from '@lineiconshq/free-icons';

Icon Styles

import {
  HomeBulk,      // Bold, filled style
  HomeSolid,     // Filled style
  HomeDuotone,   // Two-tone style
  HomeOutlined,  // Outline style
  HomeStroke     // Stroke style
} from '@lineicons/free-icons';

🎨 Icon Props

All icons support these props:

interface IconProps extends React.SVGProps<SVGSVGElement> {
  size?: number | string;      // Icon size (default: 24)
  color?: string;              // Icon color (default: 'currentColor')
  strokeWidth?: number | string; // Stroke width for stroke icons (default: 1.5)
  className?: string;          // CSS class name
}