# ProIcons for HTML/Vanilla JavaScript

<p>
    <a href="https://github.com/ProCode-Software/proicons/releases">
        <img src="https://img.shields.io/github/v/release/ProCode-Software/proicons?style=for-the-badge"
            alt="Version">
    </a>
    <a href="https://github.com/ProCode-Software/proicons">
        <img src="https://img.shields.io/github/stars/ProCode-Software/proicons?style=for-the-badge"
            alt="Stars">
    </a>
    <a href="https://www.npmjs.com/package/proicons">
        <img src="https://img.shields.io/npm/dm/proicons?label=downloads&style=for-the-badge" alt="NPM Package">
    </a>
    <a href="https://github.com/ProCode-Software/proicons/blob/main/LICENSE">
        <img src="https://img.shields.io/github/license/ProCode-Software/proicons?style=for-the-badge" alt="License">
    </a>
</p>

<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover_light.png#gh-light-mode-only">
<img src="https://raw.githubusercontent.com/ProCode-Software/proicons/main/.github/images/github-cover_dark.png#gh-dark-mode-only">

<p align="center">
<br>
👑 A collection of 500+ modern and open-source icons and logos
<br>
<a href="https://procode-software.github.io/proicons/icons">Browse icons</a> | 
<a href="https://procode-software.github.io/proicons/docs/html-api">HTML Docs</a> | 
<a href="https://procode-software.github.io/proicons/docs/javascript-api">JavaScript Docs</a> | 
<a href="https://github.com/ProCode-Software/proicons/tree/main/packages/proicons">GitHub</a> | 
<a href="https://www.npmjs.com/package/proicons">NPM</a>
</p>

## Features

- Use ProIcons as HTML attributes
- Use ProIcons as JavaScript objects
- Supports ESM tree-shaking

**Read the full documentation for [HTML](https://procode-software.github.io/proicons/docs/html-api) and [JavaScript](https://procode-software.github.io/proicons/docs/javascript-api)**

## Installation & Usage
For installation steps, see the [documentation](https://procode-software.github.io/proicons/docs/html-api#installation).

## Usage
For usage instructions, see the documentation ([HTML](https://procode-software.github.io/proicons/docs/html-api) or [JavaScript](https://procode-software.github.io/proicons/docs/javascript-api)).

## Request an icon

If an icon you want isn't in the set, you can request an icon in [discussions](https://github.com/ProCode-Software/proicons/discussions/categories/icon-requests).

## Contributing

For more info on how to contribute, please see our [contributing guide](https://github.com/ProCode-Software/proicons/blob/main/CONTRIBUTING.md).