Free Tailwind CSS Icon Library - NiraUI Icons

NiraUI Icons is an open-source collection of beautiful, consistent, and responsive icons built for Tailwind CSS. Search, copy, and customize icons with tailwind css for your next project.

How to install a free Tailwind CSS Icon Library - NiraUI Icons

You can install NiraUI Icons by adding the CSS file to your project. There are two main ways:

1. Via CDN

Add this link to the head of your HTML:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/thaboyaluya/nirauicons@master/nirauicon.css">

2. Local Installation

Copy the nirauicon.css file in the ./dist folder in the NiraUI Icon Github repo and place it in your project directory, then link it in your HTML:


<link rel="stylesheet" href=".path-to-your/nirauicons.css">

Your code stays clean, readable, and theme-ready perfect for scalable UIs.

Notes

  • Ensure your CSS file path is correct if using local installation.
  • You can customize icon size with Tailwind classes, e.g., text-3xl.
  • Colors can also be customized with Tailwind classes, e.g., text-red-500.

NiraUI Icons Sizes

NiraUI Icon Colors