Docs
Introduction

Welcome to Lineicons Docs

Welcome to the official documentation for Lineicons 5.1 — the latest evolution of our powerful icon library for developers and designers.

This guide covers everything you need to get started: from quick installation and basic usage to advanced customization and framework integrations. Whether you're building websites, mobile apps, or design prototypes, Lineicons makes it easy to create stunning, consistent user interfaces.

Overview of Lineicons

Lineicons 5.1 delivers a massive collection of 28,000+ icons (with thousands of free icons available), crafted with precision and consistency. The library features 14 unique styles and 60+ categories, covering everything from essential UI elements to specialized sets like AI, accessibility, agriculture, business, emojis, and more.

Each icon is pixel-perfect, lightweight, and fully scalable — built on a universal grid system with balanced strokes for flawless display at any size or resolution.

Lineicons supports seamless integration across platforms and tools:

  • Web & Frameworks: HTML, React, Vue, Angular, React Native, Svelte, and more
  • Design Tools: Direct integration via Figma plugin
  • Formats: SVG (recommended), PNG, JSX/TSX, Vue components, Icon Font, WebP, Base64, and others

Customization is built-in: adjust color, size, stroke width, rotation, and style directly on the site before copying or downloading.

Key Features

  • Vast, High-Quality Library: 28,000+ premium icons + free collection, 14 styles (Rounded, Sharp, Stroke, Outlined, Duo-Tone, Solid, Bulk, and more), 60+ categories
  • Pixel-Perfect Precision: Universal grid, consistent keylines, standard strokes, and meticulous attention to detail for timeless, professional results
  • AI-Powered Search & Discovery: Quickly find the perfect icon with smart filtering and recommendations
  • Full Customization: Change type, style, color, size, stroke, corners, and more — all before download
  • Seamless Integrations:
    • Modern SVG components via NPM for React, Vue, Angular, React Native
    • Classic icon font with free/public CDN
    • Pro CDN for ultra-fast, authorized loading
    • Dedicated Figma plugin for design workflows
  • Performance Optimized: Lightweight files, scalable SVGs, and global CDN delivery
  • Comprehensive Documentation: Step-by-step guides for installation, usage, frameworks, and best practices

What’s New & Improved in Lineicons 5.1

Building on the major v5 release, Lineicons 5.1 introduces refinements for even better consistency, performance, and developer experience:

  • Updated icon font and CDN structure (now served from /5.1/)
  • Enhanced framework packages with improved SVG components
  • Continued expansion of the library with new icons and styles
  • Refined customization tools and collection management

For a full overview of the transformative features introduced in v5 (including the expanded library, new styles, Pro CDN, NPM packages, and Figma plugin), check out the Lineicons v5 Announcement (opens in a new tab).

Ready to start? Head to the Quickstart Guide for installation options or browse the full library at lineicons.com/icons (opens in a new tab).

Installation