Elusive Icons
Elusive Icons is a classic web-focused icon set containing 304 slick, pictographic vectors originally designed to complement the Bootstrap framework. Maintained by Team Redux, it provides a balance of core interface elements, social media networks, and platform branding options. The design language of Elusive Icons favors solid, visually weighted pictograms over light line weights. This makes them highly legible at small resolutions and standard interface dimensions, providing strong visual anchors for buttons, alert boxes, and navigation sidebars. The collection is licensed under OFL-1.1; review the icon license guide for commercial-use details.
Elusive Icons Specifications & Framework Compatibility
| Property | Specification Details |
|---|---|
| Total Icons | 608 vector SVG icons |
| License | OFL-1.1 (Commercial & Personal Use) |
| TypeScript Support | Native .d.ts definitions included |
| Framework Support | React, Next.js, Vue, Svelte, Tailwind CSS |
| Primary NPM Package | elusive-icons |
| Source Repository | Official GitHub Repository → |
How many icons does Elusive Icons have?
Elusive Icons currently includes 608 vector icons indexed in the IconSearch catalog. Every icon is available in clean SVG format with customizable stroke widths, colors, and direct multi-framework code exports for modern web applications.
Is Elusive Icons free for commercial use?
Yes, Elusive Icons is distributed under the OFL-1.1 license. This permissive open-source license allows unrestricted commercial and personal usage in proprietary software, SaaS platforms, client websites, and digital products without licensing fees.
How do you install and use Elusive Icons in React, Next.js, and Vue?
Install the package using npm install elusive-icons, then import icons directly into your JSX, TSX, or Vue components. Alternatively, copy raw customized SVG markup directly from IconSearch with zero client-side JavaScript overhead.
// Install package
npm install elusive-icons
// React & Next.js App Router usage
import { AddressBook } from 'elusive-icons'
export default function Header() {
return <AddressBook className="w-5 h-5 text-indigo-500" />
}Elusive Icons FAQ & Technical Guide
What is the official prefix for Elusive Icons?
The CSS prefix is 'el' (e.g. 'el el-home'). In the Iconify database, it is mapped using the 'el' prefix.
Who maintains the library?
Elusive Icons is maintained by Team Redux (developers of the Redux Framework for WordPress).
Can I customize the color and size?
Yes. When used as a font, customize size via font-size and color via CSS color. When used as SVGs, standard fill/stroke styling applies.