Pixelarticons has a new look. Take a tour

Brand. Logos, colors and type.

Writing about Pixelarticons, listing it on your site or adding it to a slide? Take what you need. Every file is free to use when you refer to Pixelarticons.

Download all assetsZIP
01

Logo

The mark is a P drawn on a 5×5 pixel grid. Next to it, the name sits in Geist Pixel.

Pixelarticons logo in ink
Logo, ink PNG ↓
Pixelarticons logo in white
Logo, white PNG ↓
Mark, ink SVG ↓ PNG ↓
Mark, white SVG ↓ PNG ↓
Mark, cobalt SVG ↓
02

Color

Ink on paper, with Cobalt for the one action that matters. Each set has its own color: Base is Cobalt, Mini is XP, Prime is Coin. Click a swatch to copy its hex value.

03

Type

Three free Google Fonts from the Geist family. Pixels show up in headlines, numbers and labels, never in running text.

Every pixel
Geist Pixel Headlines (first line), numbers, prices, labels and tags. Never paragraphs.
Google Fonts →
on purpose.
Geist Interface, body text and the second line of a headline, at 600 with tight tracking.
Google Fonts →
npm install pixelarticons
Geist Mono Code, icon names, dates and file meta.
Google Fonts →
04

Avatars and social

Square avatars for profiles and listings, and the image that shows when someone shares pixelarticons.com.

Pixelarticons avatar, ink
Avatar, ink PNG ↓
Pixelarticons avatar, cobalt
Avatar, cobalt PNG ↓
Pixelarticons share image
Share image, 1200×630 JPG ↓
05

Usage

Questions, or need a format that is not here? Ping me on X at @halfmage.

  • Use the mark in Ink, White or Cobalt. Keep its square pixels square: scale it in whole steps where you can.
  • Leave clear space around the logo of at least one mark pixel (a fifth of the mark width).
  • Write the name as one word: Pixelarticons.
  • Do not stretch, rotate, outline or recolor the logo, and do not add shadows or effects.
By Gerrit Gerrit Halfmann