Uniline - Customizable Icon Library

A comprehensive icon library with 660+ beautifully crafted icons. Available as React components, CSS icon font, or via CDN. Fully customizable with support for size, color, stroke width, and filled variants.

Features

• 2700+ Icons across multiple categories
• Line & Fill Variants - Toggle between outline and filled versions
• Tree-shakeable - Import only the icons you need
• TypeScript Support - Full type definitions with autocomplete
• Multiple Formats - React components or CSS icon font
• Fully Customizable - Size, color, stroke width, and fill variants

Installation

NPM

npm install @unizap/uniline

yarn add @unizap/uniline

pnpm add @unizap/uniline

CDN

<link rel="stylesheet" href="https://unpkg.com/@unizap/uniline@latest/dist/uniline.min.css">

Usage

CSS Icon Font

The simplest way to use Uniline - just include the CSS and use <i> tags:

<!-- Include CSS -->
<link rel="stylesheet" href="https://unpkg.com/@unizap/uniline@latest/dist/uniline.min.css">

<!-- Outline icons -->
<i class="uni-circle-five-line" style="color: #e74c3c;"></i>
<i class="uni-home"></i>
<i class="uni-bell"></i>

<!-- Filled icons -->
<i class="uni-circle-five-line-fill" style="color: #e74c3c;"></i>
<i class="uni-home-fill"></i>
<i class="uni-bell-fill"></i>

React Components

Import and use icons as React components with full TypeScript support:

import { Heart, Star, Home } from '@unizap/uniline';

function App() {
  return (
    <div>
      <Heart size={24} color="red" />
      <Star size={24} fill={true} />
      <Home size={32} strokeWidth={1.5} />
    </div>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number | 24 | Size of the icon in pixels | | color | string | currentColor | Color of the icon | | strokeWidth | number | 2 | Stroke width for outline icons | | fill | boolean | false | Use filled variant | | className | string | - | Additional CSS classes |

Icon Categories

• System
• Business
• Communication
• Editor
• Media
• Development
• Weather
• Currency
• E-commerce
• Files & Folders
• Food
• Brands
• User
• Others
• And more...

License

ISC

Credits

Made with love by Unizap Team