/pixelarticons

👾 Beautiful pixel icons. For the pixel vibes.

MIT LicenseMIT

alt text

Pixelarticons

npm npm

486 careful handmade pixel art icons based on a 24x24 grid and currentColor fills. All icons were made individually using rectangles to recreate a non-anti-aliased look. It makes use of subtle padding for each icon. It is recommended to use the icons with a width and height of 24px, 48px, 72px, 96px because on all scales outside of 24px the icons will appear blurry.

How to get the icons

Gettings Started

Install via package manager

npm i pixelarticons@latest

Use directly via unpkg (replace "file")

<img src="https://unpkg.com/pixelarticons@1.8.1/svg/file.svg" />

Generate webfont

Thanks to @Cerallin you can easily create all webfont files with a simple npm command which puts all icons in various webfont formats into a ./fonts/ folder.

npm run font

Current tasks

  • Figma file with components
  • Updating SVG source code for all icons
  • Convert all rectangles into SVG-paths
  • Make public Figma-file with icon library
  • Add a new filled set
  • Add a new 32x32 set

Where else to find?