Skip to content

halfmage/pixelarticons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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/[email protected]/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?