SSR-safe, simple, and auto-generated icon library for SolidJS with components from popular open-source icon sets.
npm install simple-solid-icons

SSR-safe, simple, and auto-generated icon library for SolidJS with components from popular open-source icon sets.
---
``bash`
pnpm add simple-solid-iconsor
npm install simple-solid-icons
`tsx
// Import a single icon (tree-shakable):
import { TablerHeart } from 'simple-solid-icons/tabler/TablerHeart'
// Or import from a set (auto-exports all icons in the set/variant):
import { TablerHeart } from 'simple-solid-icons/tabler'
import { FaSolidWindowRestore } from 'simple-solid-icons/fontawesome/solid'
import { FaBrandsGithub } from 'simple-solid-icons/fontawesome/brands'
import { AntdOutlineAccountBook } from 'simple-solid-icons/antdesign/outline'
import { EvaFillActivity } from 'simple-solid-icons/eva/fill'
`
---
- ✅ SSR Compatible - Works perfectly with Vike, SolidStart, and other SSR frameworks
- 🔄 Auto-generated - Icons are automatically generated from upstream sources
- 🎯 Tree-shakable - Only bundle the icons you use
- 📦 Multiple icon sets - Tabler, Heroicons, Lucide, Feather, Bootstrap, Remix, Boxicons, Simple Icons, Eva, Font Awesome (solid/regular/brands), Ant Design (outline/fill/twotone), Zondicons, Ionicons, Codicons, and more
- 🚀 TypeScript - Full TypeScript support with proper types
- 🛡️ License Attribution - Every icon file includes license and source info
`bash`
pnpm add simple-solid-iconsor
npm install simple-solid-iconsUsage
`tsx
// Import an icon directly from its file for maximum tree-shaking:
import { TablerHeart } from 'simple-solid-icons/tabler/TablerHeart'
// Or import from a set/variant:
import { FaSolidWindowRestore } from 'simple-solid-icons/fontawesome/solid'
import { FaBrandsGithub } from 'simple-solid-icons/fontawesome/brands'
import { AntdOutlineAccountBook } from 'simple-solid-icons/antdesign/outline'
import { EvaFillActivity } from 'simple-solid-icons/eva/fill'
import { HeroHome } from 'simple-solid-icons/heroicons'
import { LucideSettings } from 'simple-solid-icons/lucide'
function MyComponent() {
return (
}
`
Icon Sets & Prefixes
- Tabler Icons (
Tabler*) — MIT
- Heroicons (Hero*) — MIT
- Lucide (Lucide*) — ISC
- Feather (Feather*) — MIT
- Bootstrap Icons (Bootstrap*) — MIT
- Remix Icon (Remix*) — Apache-2.0
- Boxicons (Box*) — MIT
- Simple Icons (Simple*) — CC0-1.0
- Eva Icons (EvaFill, EvaOutline) — MIT
- Font Awesome (FaSolid, FaRegular, FaBrands*) — CC BY 4.0
- Ant Design (AntdOutline, AntdFill, AntdTwotone*) — MIT
- Zondicons (Zondicon*) — MIT
- Ionicons (Ion*) — MIT
- Codicons (Codicon*) — MITEach icon file includes a header with license and source info. See the source repos for full license details.
Each icon file includes a header with license and source info. See the source repos for full license details.
Development
The demo app and icon generator scripts are not included in the npm package. To work on the icons or demo locally:
`bash
Install dependencies
pnpm installUpdate icon repos (clone/pull latest SVGs)
pnpm update:reposGenerate icon components/types from SVGs
pnpm generate:iconsUpdate everything (repos + generate)
pnpm update:allClean all generated files
pnpm clean
`Why This Exists
Popular icon libraries like
solid-icons, @tabler/icons-solidjs, and lucide-solid` have SSR compatibility issues with frameworks like Vike. This library generates clean, simple SolidJS components that work perfectly with SSR.Note: This package is tested with Vike and plain SolidJS. If you use SolidStart and encounter any issues, please open an issue or PR!
Contributions, bug reports, and feature requests are welcome! Please open an issue or PR on GitHub.
---
- This package is MIT licensed (codegen and wrapper code).
- All icons are copyright their respective authors.
- Each icon set is included under its original open-source license (see file headers and above).
- No icons or trademarks are claimed by this package or its authors.
- See each icon set's repo for full license terms and attribution requirements.
---
Generated and maintained by the Saztunes team.