ivcon

ivcon is a lightweight, pure CSS icon library designed for seamless integration into any web project. No JavaScript, no dependencies—just scalable, customizable icons using modern CSS.

Features

• 100% CSS-based icons
• No JavaScript or external dependencies
• Easy to customize (size, color, effects)
• Lightweight and fast
• Ready for modern web projects

Installation

Using npm

npm i ivoryui-ivcon

Using CDN

<link rel="stylesheet" href="https://unpkg.com/ivcon/demo/ivcon.min.css">

Manual

Download the ivcon.min.css file from the demo folder and include it in your project:

<link rel="stylesheet" href="path/to/ivcon.min.css">

Usage

Add an icon to your HTML by using the appropriate class name:

<span class="ivcon-arrow-right"></span>

Icon Sizing

Scale icons easily using the built-in size classes:

• .ivcon-xs – Extra small
• .ivcon-sm – Small
• .ivcon-md – Medium (default)
• .ivcon-lg – Large
• .ivcon-xl – Extra large

Example:

<span class="ivcon-arrow-right ivcon-xs"></span>
<span class="ivcon-arrow-right ivcon-sm"></span>
<span class="ivcon-arrow-right ivcon-md"></span>
<span class="ivcon-arrow-right ivcon-lg"></span>
<span class="ivcon-arrow-right ivcon-xl"></span>

Demo

See the live demo for a preview of all available icons.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for new icons, bug fixes, or improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.