ProXIcons

High Quality, Modern, and Lightweight Open Source Icons

ProXIcons is a clean, developer-friendly iconset crafted for modern web, app, and design projects. With over 1500+ icons and a focus on performance, ProXIcons is your go-to icon library for any creative need.

What's New in v1.0.0

Initial release with 1500+ unique icons
Supports regular, solid, and brand variants
Includes Web Component for seamless integration

Installation

To install via npm:

npm install proxicons --save

Import the module:

import 'proxicons';

Usage

Using via CSS

Include the stylesheet in your HTML <head>:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/proxicons@latest/css/proxicons.min.css">

Use the icons with classes px, pxs, and pxl:

<i class="px px-lightbulb"></i>
<i class="pxs px-lightbulb"></i>
<i class="pxl px-github"></i>

Using via Web Component

<script src="https://cdn.jsdelivr.net/npm/proxicons@latest/dist/proxicons.js"></script>

Example usage:

<prox-icon name="lightbulb"></prox-icon>
<prox-icon type="solid" name="lightbulb"></prox-icon>
<prox-icon type="logo" name="github"></prox-icon>

Attributes

<prox-icon
    type="regular|solid|logo"
    name="icon-name"
    color="blue|red|..."
    size="xs|sm|md|lg|40px"
    rotate="90|180|270"
    flip="horizontal|vertical"
    border="square|circle"
    animation="spin|tada|..."
    pull="left|right"
></prox-icon>

Contributors

Thanks to all contributors who help maintain and improve this project!

License

Icons: CC 4.0
Fonts: SIL OFL 1.1
Other Files: MIT

Read the full license here

Contributing

Pull requests and contributions are welcome! Caught an issue or have an idea? Open an issue or edit the README

ProgrammerKR/boxicons