Skip to content

ProgrammerKR/boxicons

 
 

Repository files navigation

ProXIcons

GitHub issues Twitter Donate

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

  1. Include the stylesheet in your HTML <head>:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/proxicons@latest/css/proxicons.min.css">
  1. 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

About

High Quality web friendly icons

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 73.2%
  • HTML 16.7%
  • JavaScript 10.1%