UTILITY-FIRST ICONSIconSearch for Tailwind CSS
Package ready

Use open-source icons as Tailwind utilities.

Add icons with a single class, then control their size and color with the same Tailwind utilities already used across your interface.

Secure browser sign-inTailwind 3.4 and 4currentColor stylingIconify-compatible names
component.tsx - Tailwind CSS Live catalog
Search home, arrow, cart...
All libraries All styles Legal-safe
Popular results355,702 available
HouseLucide
SearchTabler
BellPhosphor
HeartHeroicons
SettingsLucide
SparklesIconoir
355,702searchable icons
18named libraries
227Iconify collections
Free IconSearch accountaccess model
// BUILT FOR THE WORKFLOW

A focused IconSearch experience for Tailwind CSS.

The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.

Native utility workflow

Use dynamic icon selectors beside familiar text color and font-size utilities.

One IconSearch account

Connect through the browser once, then use the same free account and entitlement system as every IconSearch integration.

Tailwind 3 and 4

Configure the package from JavaScript or load it with the Tailwind 4 CSS plugin directive.

Broad icon coverage

Reference Iconify-compatible collection and icon names without shipping a local SVG bundle.

From local setup to a real icon.

01

Install the package as a dev dependency

02

Connect or create a free IconSearch account

03

Register the plugin in CSS or config

04

Style an icon with Tailwind size and color utilities

LOCAL DEVELOPMENTTailwind CSS
npm install -D @iconsearch/tailwind
npx @iconsearch/tailwind login
npx @iconsearch/tailwind whoami
RequirementsNode.js 18.18 or newerTailwind CSS 3.4 or newerFree IconSearch account
// RELEASE STATUS

Account-gated package ready for final verification.

Browser sign-in, revocable Tailwind sessions, Tailwind 3.4 and 4 compilation tests, and the dry package inspection are included. Apply the Tailwind product migration and deploy the website before the first public npm release.

Package ready
Your Cart0 items
Your cart is emptyBrowse icon libraries and add icons to build your custom pack.Return to Search