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
Official site

Quick verdict

Use when

  • ~280 MIT SVG line icons
  • Size / stroke / color controls
  • Consistent small set
  • Official site tweaks

Skip when

  • Huge multi-style catalog
  • Outline/solid/mini lanes
  • Multi-set icon browser
  • Custom webfont generator

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.

Tap a dimension to focus

Pricing

  1. Feather Icons — official site
  2. Feather — GitHub (license)
  3. Lucide — official site
  4. Heroicons — official site

Preview of Feather Icons - not the live app. Confirm details on the official site.

Does this overview help you decide?

—

(—)

Learn more

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

What is Feather Icons?

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

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.