Feather Icons

About Feather Icons

Feather is a collection of 286 minimalist open-source SVG icons, each drawn on a 24px grid with a consistent 2px stroke and rounded line caps. Though Feather's active development has stopped, its design language established the "modern minimal outline" aesthetic that directly influenced Lucide, Akar Icons, and dozens of other icon libraries. MIT licensed and free for all uses. For new projects, Lucide Icons is the recommended successor — a community-maintained fork with 1,500+ icons, active development, and fully compatible naming conventions (most icon names are identical). Feather is still valid when you need a very small, stable, zero-maintenance icon set, or when preserving existing Feather-based projects. Search all Feather SVG icons here, copy SVG code, export as React JSX or Base64, and download as PNG. Feather's restraint pairs particularly well with monochrome interfaces, technical documentation sites, and developer tools where visual simplicity is a deliberate design choice.

How to use Feather Icons icons

npm install feather-icons

// For new projects, prefer Lucide (drop-in replacement):
// npm install lucide-react
import { Search } from 'lucide-react';

// Or use Feather directly via Iconify:
import { Icon } from '@iconify/react';
export default function App() {
  return <Icon icon="feather:search" width={24} />;
}

<!-- Feather CDN -->
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<i data-feather="search"></i>
<script>feather.replace();</script>

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="feather:icon-name" width={24} />;
}

Compare Feather Icons with similar icon packs