Awesome
Pixelarticons
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
- From the 🌐 Pixelarticons website
- Duplicate the 🎨 Pixelarticons Figma file
- Use them directly in your code: 👇
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