Open source · 11×11 pixel gridPixel icons
Pixel icons
with personality.
Add one tiny script and drop icons straight into your HTML. Pick a style, pick a colour, or just grab the SVG.
800+Icons in the library
9Unique styles
2Variants · Regular & Fill
74 KBEvery icon in one tiny file
The styles
One grid, nine styles.
Pixel
px-pixelSquare pixels, crisp and true to the grid.
Rounded
px-roundedThe same pixels, every corner gently softened.
Blob
px-blobFully round corners, like little bubbles.
Liquid
px-liquidPixels melt into each other.
Liquid Blob
px-liquid-blobMelted pixels with fully round curves.
Retro
px-retroGlowing scanlines, like an old CRT screen.
Stitch
px-stitchEvery pixel a cross, like embroidery.
Knit
px-knitRows of little chevrons, like a cosy jumper.
Dots
px-dotsFour round dots per pixel, like an LED board.
The families
Something for every project.
- See all retro →
Retro
31 icons - See all outdoors →
Outdoors
19 icons - See all animals →
Animals
54 icons - See all food →
Food
56 icons - See all games →
Games
35 icons - See all transport →
Transport
40 icons - See all interface →
Interface
94 icons - See all human →
Human
36 icons
The library
Pick one, make it yours.
The shop
Wear it, sip it, stick it.
How to use
Copy, paste, done.
- 01
Add the script
One line in your page, 74 KB. Every icon is included.
- 02
Summon an icon
Drop a tiny <i> tag, say which icon, style and variant you want, and poof, it appears.
- 03
Style it like text
Icons take the font size and colour of their parent.
In your <head>
<script src="https://cdn.jsdelivr.net/npm/pixiconsio@latest/pixicons.js"></script>Anywhere in your page
<i class="px px-heart px-blob px-fill"></i>Not finding what you're looking for?
Tell us which icon you need and it goes on the drawing list.
Request an icon