{"kind":"markdown","meta":{"entryType":"library","name":"Preact Feather","slug":"preact-feather","shortDescription":"Feather icon set exposed as individually importable Preact SVG components with bundled TypeScript declarations.","category":"ui","packageName":"preact-feather","repositoryUrl":"https://github.com/ForsakenHarmony/preact-feather","npmUrl":"https://www.npmjs.com/package/preact-feather","documentationUrl":"https://github.com/ForsakenHarmony/preact-feather#readme","homepageUrl":"https://github.com/ForsakenHarmony/preact-feather","license":"MIT","compatibilityStatus":"native","typescriptSupport":"bundled-types","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install preact-feather","tags":["icons","svg","feather","components"],"limitations":["The package tracks the Feather icon set rather than newer community forks with additional icons.","The published peer dependency currently declares Preact 10 only; Preact 11 compatibility is not documented upstream.","Accessibility labels or aria-hidden behavior must be selected by the consuming application.","Import individual icons to avoid unnecessary bundle inclusion."],"lastVerifiedAt":"2026-11-05","verificationSource":"https://github.com/ForsakenHarmony/preact-feather#readme","lastReleaseAt":"2026-06-03","lastCommitAt":"2026-06-03","repositoryArchived":false,"notes":["Evidence level: documented.","Latest npm version checked: 4.3.0.","The package documents direct Preact component imports and contains no browser-only runtime dependency for SVG rendering."],"title":"Preact Feather","description":"Feather icon set exposed as individually importable Preact SVG components with bundled TypeScript declarations.","featured":false,"islands":false,"esm":true,"qualityBadges":[],"alternatives":["lucide-preact","heroicons","tabler-icons"],"library":{"name":"Preact Feather","slug":"preact-feather","shortDescription":"Feather icon set exposed as individually importable Preact SVG components with bundled TypeScript declarations.","category":"ui","categories":["ui"],"packageName":"preact-feather","repositoryUrl":"https://github.com/ForsakenHarmony/preact-feather","npmUrl":"https://www.npmjs.com/package/preact-feather","documentationUrl":"https://github.com/ForsakenHarmony/preact-feather#readme","homepageUrl":"https://github.com/ForsakenHarmony/preact-feather","license":"MIT","compatibilityStatus":"native","testedPreactVersions":[],"typescriptSupport":"bundled-types","ssrSupport":"supported","maintenanceStatus":"active","lastVerifiedAt":"2026-11-05","verificationSource":"https://github.com/ForsakenHarmony/preact-feather#readme","installCommand":"npm install preact-feather","limitations":["The package tracks the Feather icon set rather than newer community forks with additional icons.","The published peer dependency currently declares Preact 10 only; Preact 11 compatibility is not documented upstream.","Accessibility labels or aria-hidden behavior must be selected by the consuming application.","Import individual icons to avoid unnecessary bundle inclusion."],"alternatives":["lucide-preact","heroicons","tabler-icons"],"tags":["icons","svg","feather","components"],"featured":false,"islands":false,"esm":true,"qualityBadges":[],"notes":["Evidence level: documented.","Latest npm version checked: 4.3.0.","The package documents direct Preact component imports and contains no browser-only runtime dependency for SVG rendering."],"catalogDomain":"preact","lastReleaseAt":"2026-06-03","lastCommitAt":"2026-06-03","repositoryArchived":false,"route":"/libraries/preact-feather","file":"entries/preact-feather.md","description":"Feather icon set exposed as individually importable Preact SVG components with bundled TypeScript declarations.","compatibility":"native","status":"recommended","typescript":true,"ssr":true,"lastVerified":"2026-11-05","repository":"https://github.com/ForsakenHarmony/preact-feather","documentation":"https://github.com/ForsakenHarmony/preact-feather#readme","homepage":"https://github.com/ForsakenHarmony/preact-feather"},"libraryAlternatives":[{"slug":"lucide-preact","name":"lucide-preact","route":"/libraries/lucide-preact"},{"slug":"heroicons","name":"Heroicons","route":"/libraries/heroicons"},{"slug":"tabler-icons","name":"Tabler Icons","route":"/libraries/tabler-icons"}],"relatedProjects":[{"name":"Heroicons","slug":"heroicons","shortDescription":"SVG-first icon set that can be embedded directly in Preact.","category":"ui","categories":["ui"],"packageName":"heroicons","npmUrl":"https://www.npmjs.com/package/heroicons","compatibilityStatus":"native","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install heroicons","tags":["icons","svg"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/heroicons","file":"entries/heroicons.md","description":"SVG-first icon set that can be embedded directly in Preact.","compatibility":"native","status":"recommended","typescript":true,"ssr":true},{"name":"lucide-preact","slug":"lucide-preact","shortDescription":"Preact-native package for Lucide SVG icons.","category":"ui","categories":["ui"],"packageName":"lucide-preact","npmUrl":"https://www.npmjs.com/package/lucide-preact","compatibilityStatus":"native","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install lucide-preact","tags":["icons","svg"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/lucide-preact","file":"entries/lucide-preact.md","description":"Preact-native package for Lucide SVG icons.","compatibility":"native","status":"recommended","typescript":true,"ssr":true},{"name":"Phosphor Icons","slug":"phosphor-icons","shortDescription":"Flexible icon family to evaluate via SVG or compatibility adapters.","category":"ui","categories":["ui"],"packageName":"phosphor-icons","npmUrl":"https://www.npmjs.com/package/phosphor-icons","compatibilityStatus":"experimental","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install phosphor-icons","tags":["icons","svg"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/phosphor-icons","file":"entries/phosphor-icons.md","description":"Flexible icon family to evaluate via SVG or compatibility adapters.","compatibility":"partial","status":"experimental","typescript":true,"ssr":true},{"name":"Tabler Icons","slug":"tabler-icons","shortDescription":"Large SVG icon collection suitable for Preact UI.","category":"ui","categories":["ui"],"packageName":"@tabler/icons","npmUrl":"https://www.npmjs.com/package/%40tabler%2Ficons","compatibilityStatus":"native","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install @tabler/icons","tags":["icons","svg"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/tabler-icons","file":"entries/tabler-icons.md","description":"Large SVG icon collection suitable for Preact UI.","compatibility":"native","status":"recommended","typescript":true,"ssr":true},{"name":"@iconify-icon/react","slug":"iconify-icon-react","shortDescription":"Iconify component package relevant through React compatibility and web components.","category":"ui","categories":["ui"],"packageName":"@iconify-icon/react","npmUrl":"https://www.npmjs.com/package/%40iconify-icon%2Freact","compatibilityStatus":"compat","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install @iconify-icon/react","tags":["icons","iconify"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/iconify-icon-react","file":"entries/iconify-icon-react.md","description":"Iconify component package relevant through React compatibility and web components.","compatibility":"compat","status":"stable","typescript":true,"ssr":true},{"name":"@iconify-json/*","slug":"iconify-json","shortDescription":"Framework-independent Iconify icon data packages.","category":"ui","categories":["ui"],"packageName":"@iconify-json/mdi","npmUrl":"https://www.npmjs.com/package/%40iconify-json%2Fmdi","compatibilityStatus":"native","testedPreactVersions":[],"typescriptSupport":"native","ssrSupport":"supported","maintenanceStatus":"active","installCommand":"npm install @iconify-json/mdi","tags":["icons","data"],"islands":true,"esm":true,"qualityBadges":[],"catalogDomain":"preact","route":"/libraries/iconify-json","file":"entries/iconify-json.md","description":"Framework-independent Iconify icon data packages.","compatibility":"native","status":"recommended","typescript":true,"ssr":true}],"libraryEditorial":{"whenToUse":"Evidence level: documented. Latest npm version checked: 4.3.0. The package documents direct Preact component imports and contains no browser-only runtime dependency for SVG rendering.","example":{"language":"tsx","code":"import { Camera, GitHub } from 'preact-feather';\n\nexport function Actions() {\n return (\n \u003cnav aria-label=\"Media actions\">\n \u003cbutton aria-label=\"Open camera\">\u003cCamera aria-hidden=\"true\" />\u003c/button>\n \u003ca href=\"https://github.com\" aria-label=\"GitHub\">\n \u003cGitHub aria-hidden=\"true\" />\n \u003c/a>\n \u003c/nav>\n );\n}"},"limitations":["The package tracks the Feather icon set rather than newer community forks with additional icons.","The published peer dependency currently declares Preact 10 only; Preact 11 compatibility is not documented upstream.","Accessibility labels or aria-hidden behavior must be selected by the consuming application.","Import individual icons to avoid unnecessary bundle inclusion."],"supplementalSections":[{"title":"Introduction","body":"`preact-feather` exposes the Feather icon set as Preact SVG components. Icons can be imported individually and accept standard SVG properties for size, color and accessibility attributes."},{"title":"Preact configuration","body":"No compatibility aliases or providers are required. Import icons directly from the package or from individual compiled icon paths when strict import control is needed."},{"title":"SSR notes","body":"Icons render as ordinary SVG VNodes and are suitable for server rendering. Keep generated attributes deterministic between server and client."}]},"libraryCategory":{"slug":"ui","name":"UI Components","description":"Component libraries and accessible UI primitives.","icon":"◧","section":"preact"}},"html":"","title":"Preact Feather for Preact – Compatibility, Setup and Alternatives","description":"Feather icon set exposed as individually importable Preact SVG components with bundled TypeScript declarations. Review Preact Feather compatibility with Preact, TypeScript and SSR support on PreactHub.","tags":["icons","svg","feather","components"],"pageType":"website","headings":[{"id":"introduction","text":"Introduction","level":2},{"id":"installation","text":"Installation","level":2},{"id":"preact-configuration","text":"Preact configuration","level":2},{"id":"example","text":"Example","level":2},{"id":"ssr-notes","text":"SSR notes","level":2},{"id":"known-limitations","text":"Known limitations","level":2},{"id":"alternatives","text":"Alternatives","level":2}],"relativePath":"content/libraries/entries/preact-feather.md","lastUpdated":"2026-11-05T09:32:25.662Z"}
Built for Preact and does not require a React compatibility layer.
When to use it
Evidence level: documented. Latest npm version checked: 4.3.0. The package documents direct Preact component imports and contains no browser-only runtime dependency for SVG rendering.
Known limitations
The package tracks the Feather icon set rather than newer community forks with additional icons.
The published peer dependency currently declares Preact 10 only; Preact 11 compatibility is not documented upstream.
Accessibility labels or aria-hidden behavior must be selected by the consuming application.
Show 1 more limitation
Import individual icons to avoid unnecessary bundle inclusion.