https://github.com/micahedev/pixicons

Elevate your design projects with Pixicons, a vibrant collection of pixel art icons tailored for modern user interfaces and user experiences. Perfect for developers and designers looking to infuse a retro aesthetic into their applications, Pixicons offers a unique blend of nostalgia and functionality.
https://github.com/micahedev/pixicons

design icons javascript libresprite npm-package pixel reatctjs typescript ui ux vite

Last synced: 8 days ago
JSON representation

Elevate your design projects with Pixicons, a vibrant collection of pixel art icons tailored for modern user interfaces and user experiences. Perfect for developers and designers looking to infuse a retro aesthetic into their applications, Pixicons offers a unique blend of nostalgia and functionality.

• Host: GitHub
• URL: https://github.com/micahedev/pixicons
• Owner: MicaheDev
• License: mit
• Created: 2025-01-07T00:12:36.000Z (25 days ago)
• Default Branch: master
• Last Pushed: 2025-01-18T21:51:22.000Z (13 days ago)
• Last Synced: 2025-01-18T22:26:52.133Z (13 days ago)
• Topics: design, icons, javascript, libresprite, npm-package, pixel, reatctjs, typescript, ui, ux, vite
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/pixicons
• Size: 60.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pixicons

**Pixicons** is a collection of pixelated icons designed specifically for React applications, perfect for enhancing your UI/UX projects with a retro flair.

## Installation

To install Pixicons, run the following command:

```bash

npm i pixicons

```

## Usage

Here’s how you can use Pixicons in your React components:

```jsx

import { HomeIcon } from "pixicons";

function App() {

  return ;

}

```

## Contributing

Pixicons is an **open-source** project, and contributions are welcome! To collaborate, please follow these guidelines:

1. Create icons using **LibreSprite** or **Aseprite** at a size of **16 x 16 px**, leaving a **2-pixel margin**.

2. Convert your pixel art to **SVG** using the following tool: [SVG Converter](https://codepen.io/shshaw/pen/XbxvNj).

3. Manually create the React components based on the existing structure in the project.

4. Export your new components in the barrel file located in the `src` directory.

## License

This project is licensed under the **MIT License**.