Uwarp

Feather Icons — simple open-source SVG line icons

Browse Feather Icons for 280+ free MIT SVG line icons—customize size, stroke, and color, then copy SVG for React and web UI.

  • SVG Icons
  • Line Icons
  • React Icons
  • MIT Icons
Publisher
Feather
Type
Open-Source SVG Line Icon Set
Pricing
Free
Reviewed
10 September 2026
Feather Icons site showing searchable SVG line icon grid with size, stroke, and color customize controls
Visit Website

Quick verdict

Use when
You want a small, consistent MIT SVG line-icon set—about 280 glyphs—with size, stroke, and color controls on the official site before you copy SVG into UI or React packages.
Skip when
You need a much larger single-family catalog, multiple style lanes (outline/solid/mini), a multi-set icon browser, a custom webfont builder, or a commercial marketplace pack.
Try instead

Stay on Uwarp for larger stroke catalogs, Tailwind-aligned style lanes, multi-set search, or free icon directories when Feather’s classic set is not enough.

Feather Icons vs common alternatives

How Feather Icons stacks up as a classic open-source SVG line set—against larger stroke catalogs and Tailwind-aligned style sets designers typically cross-shop. Confirm live details on each official site.

  • Feather IconsThis page

    Pricing
    Free MIT open-source set—confirm license on GitHub
    Learning cost
    Search → customize size/stroke/color → copy SVG—very short ramp
    Output limits
    ~280 consistent stroke icons; site customizer; community React wrappers (e.g. react-feather)
    Privacy
    Self-host SVGs; no account required to browse or copy

  • Lucide

    Pricing
    Free ISC open-source set—confirm license on site
    Learning cost
    Search large catalog → copy or install package—very short ramp
    Output limits
    Large single-style stroke catalog with many framework packages
    Privacy
    Self-host SVGs or packages; no account required to browse

  • Heroicons

    Pricing
    Free MIT open-source set—confirm license on GitHub
    Learning cost
    Pick style lane → copy SVG or install React/Vue package—very short ramp
    Output limits
    Hundreds of icons across outline, solid, mini, and micro; official React/Vue packages
    Privacy
    Self-host SVGs or packages; no account required to browse
  1. Feather Icons — official site
  2. Feather — GitHub (license)
  3. Lucide — official site
  4. Heroicons — official site

Learn more

Details below the decision summary—features, workflow, and scope notes.

What is Feather Icons?

Feather Icons is a free, open-source set of simply beautiful SVG line icons for interfaces. The official feathericons.com site lets you search roughly 280 icons, adjust size, stroke width, and color, then copy SVG for product UI. Community packages such as react-feather make the same names easy to use in React apps.

What it costs

Tier snapshot before you depend on the set.
Free tier
Yes
Pricing summary
Feather Icons is free under the MIT license. Browse, customize, and copy SVGs without an account. Confirm the current license text on GitHub before client work—terms are controlled by the upstream project.

Reviewed on 10 September 2026 · Feather — GitHub license

What Feather Icons provides

Core capabilities of the public Feather Icons product.

  • Consistent stroke language

    One unified line look across actions, objects, and states so icons read clearly in dense UI.

  • Size, stroke, and color controls

    Tune preview size, stroke width, and color on feathericons.com before you copy SVG.

  • SVG-first handoff

    Copy scalable SVG into design files or code—common workflows also rasterize to PNG in design tools when needed.

  • MIT licensing

    Use in personal, commercial, and open-source work under MIT—confirm the live license on GitHub.

How teams use Feather Icons

A practical browse-to-ship workflow.

  1. Search by UI role

    Find icons for actions, alerts, navigation, and status instead of scrolling the full grid.

  2. Match size and stroke

    Set size and stroke width to your component defaults so icons align with type and chrome.

  3. Check color against the theme

    Preview currentColor or brand colors for contrast before placing icons in mockups.

  4. Copy SVG or use a package

    Paste SVG for one-offs, or use community React wrappers when the app will grow.

Who Feather Icons is for

Roles that need a compact stroke icon baseline.

  • Product and UI designers

    Specify a consistent line-icon family for flows, settings, and empty states.

  • Front-end developers

    Ship SVG icons quickly from the official customizer or React community packages.

  • Small product teams

    Keep a limited, coherent set without managing a huge multi-style catalog.

When Feather Icons is the right pick

Choose Feather when you want a small, coherent MIT stroke set with a fast browser customizer. Skip it when you need a much larger catalog, multiple filled/outline lanes, multi-library search, or webfont export.

Licensing and platform notes

Facts to verify on feathericons.com before you depend on a workflow.
Browser customizer + SVG
Browse and customize on feathericons.com; self-host copied SVGs in your app or design system.
MIT license
Open-source MIT. Confirm the current license file on GitHub before commercial release.
Catalog size
Roughly 280 line icons; the count can change with releases—check the live site for the current set.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.