Icon fonts for every project

Beautiful Icon Font for Modern Web Apps

Add icons to any website with a single CDN link, featuring 27,988+ pixel-perfect icons across 60+ categories, including 2,277+ free icons. No npm install, no build step, and no JavaScript. Size and color every icon with plain CSS, exactly as you style text.

Get Icon Font

Browse Icons

200k+ Active Users

Rated 4.9/5 On Product Hunt

Why Lineicons Is the Best Free Icon Font

Not all icon fonts are equal. Every Lineicons glyph follows the same grid and stays sharp from 12px to 512px, so weights never clash inside one interface.

Lightweight and Fast

Icons load from a global CDN in WOFF2, WOFF, TTF, EOT, and SVG. Each browser downloads only the smallest format it can read.

One-Line Installation

Add one link tag to your head and start using icons. No npm install, no build config, and no font files to host yourself.

Multiple Icon Styles

Five styles in one system: stroke, solid, outlined, duotone, and bulk. Change the class name to switch style, with nothing new to load.

Easy Customization

Icons behave like text. Control size with font-size, color with color, and transparency with opacity, using the CSS you already write.

Multi-Framework Support

Works in plain HTML, React, Vue, Svelte, and Angular, across Chrome, Firefox, Safari, and Edge. Legacy browsers fall back to EOT and SVG.

60+ Icon Categories

Covers UI essentials plus finance, healthcare, e-commerce, social media, and AI. Filter by category instead of scrolling every name.

Add Icon Font To Your Apps In One Line

One-line setup, instant access.

No build, no dependencies.

Lineicons icon font is served via a globally distributed CDN, no hosting, no build step, no dependencies. Paste this single link into your HTML <head> and start using every icon in the library instantly!

Works with plain HTML, React, Vue, Angular, Svelte, WordPress, Webflow, and any other stack. No JavaScript required.

Five Icon Styles for Every State in Your Interfaces

Switch between five styles from the class name, so that a single design system can use stroke for navigation, solid for active states, and duotone for empty states.

Browse Font Icons Integrate Font

Stroke

Outlined

Duo-Tone

Solid

Bulk

0K+

Pro Icons

0K+

Free Icons

This Is How Your Interface Will Glow With Lineicons Icon Font

Start Free And Scale With Pro

Free tier provides CDN access to 2,277 icons - no sign-up or credit card required. Upgrade to Pro to unlock the full library and advanced features.

Basic

Lineicons Free

Free Forever With Essential Icons

Upgrade to get more.
2277+ Free Essential Icons
Upgrade to get more.
Line and Solid Icon Styles
Upgrade to get more.
Free Icon Font CDN
Web Fonts, SVG, PNG and React Files
Figma Plugin
NPM Packages and Integrations
Figma Design Source Files
Duotone Icons
Bulk Icons
Collection Management
Invite Team Members
Attribution is Appreciated, Not Required
Upgrade to get more.
Community Support

Premium

Lineicons Pro

Access All Pro Icons with Pro Features

All Pro 27988+ Icons and Counting
Available in All (Four) Icon Styles
Pro Icon Font CDN
Web Fonts, SVG, PNG and React Files
Figma Plugin
NPM Packages
Figma Design Source Files*
Duotone Icons
Bulk Icons
Collection Management
Invite Team Members*
Attribution is Not Required
Email and Community Support

View Plans

Here Is What Our Users Say About Lineicons

Sergei Rednev

Product manager

The seamless integration with popular frameworks like React, Vue, & Svelte, along with support for formats such as SVG, PNG, JSX, & more, ensures flexibility across various development environments. The inclusion of a Figma plugin & NPM packages streamlines the design-to-development workflow.

Marko Denic

Developer Advocate & Software Engineer

Lineicons is an outstanding icon library that I would highly recommend to anyone in search of high-quality icons with unique styles & versatility. With its extensive collection of over 30k+ icons, It offers a wide variety of options that cater to different design needs.

Hossein Yazdi

Founder of WebCurate.co

It's always my go-to library when I'm looking for icons. I can't thank you enough for the great work. Brilliant icons, well done!

Ryzal Yusoff

Founder, Reader Mode

What an amazing set of icons! Can easily use this by including just 1 line of code too! Really recommended especially if you are looking for an alternative fonts out there like Fontawesome

Xi.Z

Ex Senior Director at OnePlus

I've been using Lineicons since their first launch in 2020, & this V5 release is an absolute game-changer for my design workflow. Just migrated our entire design system to use these icons, & the difference in consistency & quality is immediately noticeable

Grady Jin

AI Product Manager

As a designer constantly hunting for versatile icon solutions, Lineicons V5 is a breath of fresh air! The sheer variety—30k+ icons in so many styles—means I can always find the perfect match, whether I’m working on a playful app or a sleek dashboard.

Matthew Pierce

Founder, PanelJam

I love how the icons are similar but each has its own unique detail, and the variety of formats is awesome!

Kay Kwak

Chief Strategy Officer at Arkain

I love how the icons are similar but each has its own unique detail, and the variety of formats is awesome!

Tanbir Ahmed

UI/UX Designer

Impressive update! Love how Lineicons V5 balances flexibility, style, & developer-friendliness. Huge win for design & dev teams alike

K. Karnik

UX Designer, MyOptimity

Love the weight variations & the simplicity. We have a bunch of illustrations & needed simple line icons to bring together the experience.

Justin Bao

Building the AI-native Email - Filo

Clear & nice website layout with all that customized features for each downloadable icon, great job, guys. Exactly what I need as a product builder!

Fajar Siddiq

Serial Entrepreneur, Singapore

I have been using Lineicons for more of my web projects, beautiful collection of icon pack and is good for my web projects!

Imran khan

Founder at WPBean

Lineicons V5 is seriously impressive. Beautifully crafted icons across multiple styles is no small feat. The attention to detail & versatility (SVG, Figma, React, Icon Font, CDN, etc.) make it a must-have in any modern design or development toolkit. I’ve already started using it in a few of my projects & love how easy it is to integrate.

Frequently Asked Questions

Everything developers ask before choosing an icon font. Need more help? Contact us directly.

An icon font is a web font where each character is an icon instead of a letter. You add it with one stylesheet link and place icons using class names, then size and color them with CSS.

Add the CDN stylesheet link to the head of your page, then apply an icon class to any element. Nothing to install, compile, or configure first.

Set font-size for size and the color property for color. Icons inherit both from their parent element, so they match your text without extra CSS rules.

Yes. 4,000+ icons are free across all five styles, for personal and commercial use, with no attribution and no sign-up required.

Yes. The CDN link works in static HTML, CMS themes, page builders, and no-code tools. No package manager or build step is involved.

WOFF2, WOFF, TTF, EOT, and SVG. Browsers pick the smallest format they support, so modern browsers load WOFF2 and older ones fall back automatically.

Yes. Download the font files and serve them from your own domain. That removes the external request and keeps icons working offline.

Use the icon font on sites without a build step, where one stylesheet is simpler. Use the npm packages in React, Vue, or Angular apps, where tree-shaking keeps the bundle smaller.

Add aria-hidden to decorative icons so screen readers skip them, and give meaningful icons a text label or aria-label. The docs include markup examples.

Browse all 28,000+ icons on the icons page. Filter by style and category, then copy the class name for each icon you need.

Still Have questions or need help choosing a plan?

We Offer Great Value
Plans for Every Need

Unlock exclusive tools and benefits for a premium experience.

27,988 Premium Icons - All Yours!

Multiple projects, multiple collections.

14 icon styles, covers everything.

Pro CDN Access.

60 icons categories.

Installation via package managers.

Unlocked customization controls.

Lineicons premium license & more.

Super handy figma plugin.

Available in SVG, Figma, React & More.

See Pricing plans

Beautiful Icon Font for Modern Web Apps