Pixicons
Open source · 11×11 pixel grid

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.

Browse iconsHow to
600+Icons in the library
9Unique styles
2Variants · Regular & Fill
59 KBEvery icon in one tiny file
The styles

One grid, nine styles.

Pixel

px-pixel

Square pixels, crisp and true to the grid.

Rounded

px-rounded

The same pixels, every corner gently softened.

Blob

px-blob

Fully round corners, like little bubbles.

Liquid

px-liquid

Pixels melt into each other.

Liquid Blob

px-liquid-blob

Melted pixels with fully round curves.

Retro

px-retro

Glowing scanlines, like an old CRT screen.

Stitch

px-stitch

Every pixel a cross, like embroidery.

Knit

px-knit

Rows of little chevrons, like a cosy jumper.

Dots

px-dots

Four round dots per pixel, like an LED board.

The families

Something for every project.

The library

Pick one, make it yours.

Browse all 645 icons →
How to use

Copy, paste, done.

  1. 01

    Add the script

    One line in your page, 59 KB. Every icon is included.

  2. 02

    Summon an icon

    Drop a tiny <i> tag, say which icon, style and variant you want, and poof, it appears.

  3. 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>
Read the guide

Not finding what you're looking for?

Tell us which icon you need and it goes on the drawing list.

Request an icon