explaingit

feathericons/feather

★ 25,912JavaScriptAudience · vibe coderComplexity · 1/5StaleLicenseSetup · easy

TLDR

A free, open-source collection of 280+ clean, minimalist line-drawn icons for websites and apps. Use them in HTML, JavaScript, or design tools with one line of code.

Mindmap

mindmap
  root((Feather Icons))
    What it does
      280+ line icons
      SVG format
      Scalable any size
    How to use
      HTML embed
      JavaScript package
      Design tools
    Use cases
      Web apps
      Mobile interfaces
      Design systems
    Tech stack
      SVG
      JavaScript
      npm package

Things people build with this

USE CASE 1

Add professional icons to a web app or website without hiring a designer or buying a license.

USE CASE 2

Build a mobile app interface with consistent, lightweight icons that scale perfectly on any screen size.

USE CASE 3

Create a design system in Figma by importing Feather icons as a reusable component library.

Tech stack

SVGJavaScriptnpm

Getting it running

Difficulty · easy Time to first run · 5min
Free to use for any purpose, including commercial projects, as long as you include the copyright notice.

In plain English

Feather is a collection of clean, minimalist icons for websites and apps. Each icon is a simple line drawing, no fills, no gradients, designed to look elegant at small sizes. The full set covers common UI needs: arrows, social media logos, file types, weather symbols, communication icons, and more. You can browse everything at feathericons.com. For a vibe coder or founder building a web product: if your app needs icons and you do not want to pay for a design pack or spend time creating your own, Feather is a free, ready-to-use solution. Adding an icon to your page is as simple as one line of HTML, and you can control the size, color, and thickness to match your design. The icons are built as SVG files, a web-friendly format that stays crisp at any screen size, from tiny mobile displays to large monitors. You can use them directly in HTML, pull them into a JavaScript project as a package, or import them into design tools like Figma as a component library. Feather is free and open-source (MIT license), meaning you can use it in commercial projects without paying anything. It is a mature, widely-adopted project with nearly 26,000 GitHub stars and millions of monthly downloads. If you want icons with a more playful style, filled icons, or a larger variety, other libraries like Heroicons or Lucide (a community fork of Feather) are worth comparing, but Feather remains a reliable default for clean, professional-looking interfaces.

Copy-paste prompts

Prompt 1
Show me how to add a Feather icon to an HTML page and change its color and size with CSS.
Prompt 2
How do I install Feather icons as an npm package and use them in a React component?
Prompt 3
What's the best way to import Feather icons into Figma as a design system for my team?
Prompt 4
Compare Feather icons to Heroicons and Lucide, which should I use for a minimalist SaaS dashboard?
Open on GitHub → Explain another repo

Generated 2026-05-18 · Model: sonnet-4-6 · Verify against the repo before relying on details.