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.

Uh oh!

License

IVORY-UI/ivcon

ErrorLooks like something went wrong!

About

Topics

Resources

License

Uh oh!

Stars

Watchers

Forks

Sponsor this project

Uh oh!

Uh oh!

Languages

Error
Looks like something went wrong!